@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#f4f6fa;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#eef2f7;--text:#172033;--muted:#687386;--line:#e2e7ef;--accent:#36b24a;--accent-2:#0a9b71;--success:#36b24a;--danger:#d84b62;--warning:#bd7b12;--sidebar:#101725;--sidebar-2:#151e2e;--sidebar-text:#aeb8ca;--shadow:0 12px 35px rgba(20,32,55,.055);--shadow-lg:0 18px 55px rgba(20,32,55,.09);--radius:16px;--radius-sm:11px;--sidebar-w:264px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body.sidebar-open{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,var(--sidebar),#0c121d);color:#fff;padding:18px 13px;overflow:auto;border-right:1px solid rgba(255,255,255,.055);z-index:50}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.7px;padding:9px 11px 24px;color:#fff}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4167ef,#6f87ff);display:grid;place-items:center;box-shadow:0 7px 20px rgba(49,91,234,.3);font-size:16px}.brand span{color:#7890ff}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#69758a;font-weight:800;padding:16px 11px 7px}.sidebar nav a{display:flex;align-items:center;gap:11px;color:var(--sidebar-text);text-decoration:none;padding:10px 11px;border-radius:11px;margin:2px 0;font-weight:600;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar nav a:hover{background:rgba(255,255,255,.065);color:#fff;transform:translateX(1px)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(49,91,234,.24),rgba(49,91,234,.10));color:#fff;box-shadow:inset 3px 0 0 #6d85ff}.nav-icon{width:20px;flex:0 0 20px;text-align:center;font-size:15px;opacity:.9}.sidebar .logout{margin-top:14px;border-top:1px solid rgba(255,255,255,.075);padding-top:13px}.sidebar-user{margin:4px 5px 4px;padding:10px 9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:12px;color:#dbe2ee;font-size:12px}.sidebar-user strong{display:block;font-size:13px;color:#fff}.sidebar-user span{color:#8995a9}
.main{margin-left:var(--sidebar-w);padding:30px 34px 54px;max-width:1800px;min-height:100vh}.pagebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pagebar h1,.top h1,h1{font-family:Manrope,sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.75px;margin:0 0 4px;font-weight:800;color:#131c2d}.pagebar p,.top .muted{margin:0}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 3px 12px rgba(20,32,55,.035)}.user-avatar{width:30px;height:30px;border-radius:9px;background:#e9edff;color:var(--accent);display:grid;place-items:center;font-weight:800}.user-chip small{display:block;color:var(--muted);font-size:11px}.user-chip strong{font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:17px}.card,.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:21px}.form{padding:25px}.card h2,.card h3,.form h2,.form h3{font-family:Manrope,sans-serif;letter-spacing:-.3px;margin-top:0}.card h3{font-size:16px}.kpi{font-family:Manrope,sans-serif;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-1.1px;margin-top:7px;color:#14203a}.muted{color:var(--muted)}small{font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 0 12px}.section-title h2{margin:0;font-family:Manrope,sans-serif;font-size:18px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid transparent;border-radius:10px;padding:9px 14px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer;font-weight:700;white-space:nowrap;box-shadow:0 5px 14px rgba(54,178,74,.20);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.btn:hover{background:var(--accent-2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(54,178,74,.24)}.btn.secondary{background:#fff;color:#465268;border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.small{min-height:34px;padding:7px 10px;font-size:12px}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,91,234,.2);outline-offset:2px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{background:var(--surface-2);color:#6b7688;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;white-space:nowrap}.table thead th:first-child{border-top-left-radius:var(--radius)}.table thead th:last-child{border-top-right-radius:var(--radius)}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcff}.table td .actions{flex-wrap:nowrap}.table td .actions .btn{min-height:34px;padding:7px 10px;font-size:12px}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}label{font-weight:700;display:block;margin:0 0 6px;color:#364152;font-size:13px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d8dfe9;border-radius:10px;background:#fff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:hover,select:hover,textarea:hover{border-color:#c4ccd9}input:focus,select:focus,textarea:focus{border-color:#6f88f4;box-shadow:0 0 0 3px rgba(49,91,234,.1)}input:disabled,select:disabled,textarea:disabled{background:#f2f4f8;color:#788398;cursor:not-allowed}textarea{min-height:115px;resize:vertical}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.flash{padding:12px 14px;border-radius:11px;margin-bottom:16px;background:#eaf9f3;color:#087654;border:1px solid #c8eddf}.flash.error{background:#fff0f2;color:#a62d43;border-color:#ffd0d8}.flash.warning{background:#fff7e6;color:#8a5a0d;border-color:#f5dfaf}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#eef1f6;color:#596579;font-size:11px;font-weight:800;white-space:nowrap}.badge.success{background:#e7f8f1;color:#087654}.badge.warning{background:#fff4dc;color:#946315}.badge.danger{background:#fff0f2;color:#a62d43}.empty{padding:34px 20px;text-align:center;color:var(--muted)}.hint{padding:11px 13px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.stat-line{display:flex;justify-content:space-between;gap:15px;align-items:center}.divider{height:1px;background:var(--line);margin:18px 0}
.login{width:min(440px,calc(100% - 32px));margin:8vh auto}.login .card{padding:34px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.login-brand .brand-mark{flex:0 0 38px;width:38px;height:38px}.login-brand strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px}.login .btn{width:100%;margin-top:8px}.login input{min-height:44px}.login label{margin-bottom:14px}.login p{margin-top:0}
.mobile-toggle{display:none;position:fixed;top:14px;left:14px;z-index:70;border:1px solid var(--line);background:var(--surface);border-radius:11px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;font-size:19px;box-shadow:var(--shadow)}.sidebar-overlay{display:none}.app-footer{margin-top:32px;color:#8a94a5;font-size:11px;text-align:center}.nowrap{white-space:nowrap}.text-right{text-align:right}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.w-auto{width:auto!important}
@media(max-width:1100px){:root{--sidebar-w:238px}.main{padding:25px 24px}.sidebar{width:var(--sidebar-w)}.row{gap:13px}.pagebar h1,.top h1,h1{font-size:25px}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(10,16,27,.42);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:45}.sidebar.open+.sidebar-overlay{opacity:1;pointer-events:auto}.main{margin-left:0;padding:74px 20px 42px}.mobile-toggle{display:flex}.top{align-items:flex-start}.top-actions .user-chip{display:none}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 12}.table-wrap{box-shadow:none}.card,.form{border-radius:14px}}
@media(max-width:600px){body{font-size:14px}.main{padding:68px 14px 32px}.pagebar,.top{flex-direction:column;align-items:stretch;gap:13px;margin-bottom:19px}.pagebar h1,.top h1,h1{font-size:23px}.top-actions,.actions{width:100%}.top-actions .btn,.actions .btn{flex:1}.card,.form{padding:17px;border-radius:13px}.grid{gap:12px}.kpi{font-size:26px}.row{grid-template-columns:1fr;gap:13px}.col-12,.col-6,.col-4,.col-3{grid-column:auto}.table{min-width:620px}.table th,.table td{padding:10px 11px}.table td .actions{flex-wrap:wrap}.table td .actions .btn{flex:0 0 auto}.login{margin:5vh auto}.login .card{padding:23px}.login-brand strong{font-size:20px}.btn{min-height:42px}.section-title{align-items:flex-start;flex-direction:column}.section-title .actions{width:100%}}
@media(max-width:380px){.main{padding-left:10px;padding-right:10px}.card,.form{padding:14px}.btn{padding-left:11px;padding-right:11px}.table{min-width:580px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.mobile-toggle,.top-actions,.app-footer{display:none!important}.main{margin:0;padding:0;max-width:none}.card,.form{box-shadow:none;border:0}.table-wrap{box-shadow:none;border:1px solid #ddd}}
img,svg,video{max-width:100%;height:auto}pre,code{max-width:100%;overflow:auto}td,th{overflow-wrap:anywhere}.table td:last-child{overflow-wrap:normal}.item{padding:12px;border:1px dashed var(--line);border-radius:12px;margin-bottom:10px;background:#fbfcfe}.item+.item{margin-top:8px}.item .btn{min-width:40px}.form>br{display:none}
/* MeineKasse - supplied navigation icon set */
.sidebar .nav-icon{width:26px;flex:0 0 26px;height:26px;display:grid;place-items:center;text-align:center}
.sidebar .nav-icon img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));transition:transform .16s ease,filter .16s ease}
.sidebar nav a:hover .nav-icon img,.sidebar nav a.active .nav-icon img{transform:scale(1.06);filter:drop-shadow(0 3px 4px rgba(0,0,0,.22))}
@media(max-width:600px){.sidebar .nav-icon{width:28px;flex-basis:28px;height:28px}.sidebar .nav-icon img{width:25px;height:25px}}

/* MeineKasse Markenauftritt */
.brand{display:flex;align-items:center;justify-content:center;padding:4px 4px 18px;margin:0 2px 2px;border:0;text-decoration:none}
.brand img{display:block;width:100%;max-width:214px;height:auto;max-height:108px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.brand:hover{transform:none}
.login-brand{display:block;margin:0 auto 22px;text-align:center}
.login-brand img{display:block;width:min(100%,330px);height:auto;max-height:190px;object-fit:contain;margin:0 auto;border-radius:16px;background:#fff}
.install-card{overflow:hidden}
.install-brand{margin:-10px -10px 22px;text-align:center}
.install-brand img{display:block;width:min(100%,360px);height:auto;max-height:205px;object-fit:contain;margin:0 auto;border-radius:16px;background:#fff}
@media(max-width:900px){.brand{padding-bottom:16px}.brand img{max-width:205px;max-height:100px}}
@media(max-width:600px){.brand{padding:2px 2px 14px}.brand img{max-width:190px;max-height:94px;border-radius:12px}.login-brand img{width:min(100%,300px);max-height:170px}.install-brand img{max-width:310px;max-height:175px}}


/* Neues MeineKasse Login-Design */
.login-page{background:#07111f;color:#f5f8ff;min-height:100vh;overflow-x:hidden;position:relative}
.login-page:before,.login-page:after{content:"";position:fixed;z-index:0;pointer-events:none;left:-8vw;right:-8vw;height:230px;border-radius:50%;filter:blur(.2px);transform:rotate(-4deg)}
.login-page:before{bottom:-95px;background:linear-gradient(160deg,rgba(34,105,220,.7),rgba(34,105,220,.08) 65%,transparent 70%);box-shadow:0 -35px 0 rgba(41,191,81,.18)}
.login-page:after{top:-175px;background:linear-gradient(145deg,rgba(30,76,126,.55),rgba(8,17,31,0) 70%)}
.login-page .flash{position:relative;z-index:2;width:min(560px,calc(100% - 32px));margin:0 auto 14px}
.login-shell{position:relative;z-index:1;width:min(760px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:42px 0 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.login-logo-wrap{width:min(660px,100%);margin:0 auto 22px;text-align:center}
.login-logo{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;object-position:center}
.login-panel{width:min(620px,100%);padding:32px 38px 30px;background:linear-gradient(145deg,rgba(20,39,60,.86),rgba(7,19,32,.92));border:1px solid rgba(96,157,217,.42);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(14px)}
.login-heading{text-align:center;margin-bottom:24px}.login-heading h1{color:#f7faff;font-size:30px;letter-spacing:-.8px;margin:0 0 5px;font-family:Manrope,sans-serif}.login-heading p{color:#9eb2ca;margin:0;font-size:15px}
.login-form label{display:block;color:#c9d6e8;font-weight:600;margin-bottom:14px}.login-form input:not([type=checkbox]){display:block;width:100%;min-height:50px;margin-top:7px;border:1px solid #294664;background:rgba(13,31,49,.72);color:#f5f8ff;border-radius:11px;padding:11px 14px;box-shadow:inset 0 1px 2px rgba(0,0,0,.18)}.login-form input::placeholder{color:#8ea4bd}.login-form input:not([type=checkbox]):focus{border-color:#4e96e8;box-shadow:0 0 0 3px rgba(49,117,194,.18)}
.login-options{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:2px 0 18px;color:#a9bbd0;font-size:13px}.login-options a{color:#28a7ff}.remember{display:flex!important;align-items:center;gap:9px;margin:0!important;color:#b7c6d8!important;font-weight:500!important}.remember input{width:19px;height:19px;accent-color:#187cff;margin:0}.login-submit{width:100%;min-height:52px;margin-top:3px;border-radius:11px;background:linear-gradient(135deg,#65e43c,#0ca956);box-shadow:0 10px 28px rgba(27,201,78,.25);font-size:15px}.login-submit:hover{background:linear-gradient(135deg,#72ec48,#0db45f);box-shadow:0 13px 32px rgba(27,201,78,.34);transform:translateY(-1px)}.login-submit span{font-size:21px;line-height:1}
.login-divider{display:flex;align-items:center;gap:14px;margin:27px 4px 0;color:#8198b2;font-size:13px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#29415a;flex:1}.login-divider span{padding:0 4px}
.login-features{display:flex;align-items:center;justify-content:center;gap:16px;color:#b6c7da;font-size:12px;margin-top:34px}.login-features i{display:block;width:1px;height:18px;background:#42566d}.login-footer{text-align:center;color:#8fa7c1;font-size:12px;line-height:1.8;margin-top:15px}.login-footer small{color:#6f88a3;font-size:11px}
@media(max-width:600px){.login-shell{width:min(100% - 22px,620px);padding:24px 0 22px;justify-content:flex-start}.login-logo-wrap{margin:18px auto 14px}.login-logo{max-height:125px}.login-panel{padding:24px 18px 22px;border-radius:15px}.login-heading h1{font-size:25px}.login-heading p{font-size:14px}.login-options{align-items:flex-start}.login-features{gap:10px;font-size:11px;margin-top:24px}.login-features i{height:14px}.login-footer{font-size:11px}}

/* Logo-Anpassung an das neue dunkle Branding */
.brand img{background:transparent;border-radius:0;box-shadow:none;max-height:88px}
.install-logo{background:#101725!important;padding:8px!important;border-radius:16px!important}
.install-logo img{border-radius:10px}


/* Passwort vergessen / Passwort zurücksetzen */
.auth-shell{width:min(760px,calc(100% - 32px))}.auth-panel{width:min(620px,100%)}.auth-back{text-align:center;margin-top:20px;font-size:13px}.auth-back a{color:#42aaff}.auth-panel .flash{margin-bottom:16px}.auth-panel .btn.login-submit{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}

/* Einheitliches MeineKasse Button-Design: alle Aktionsbuttons entsprechen dem Login-Button */
.btn,
.btn.secondary,
.btn.success,
.btn.danger,
.btn.install-submit {
  border:1px solid rgba(95,220,83,.55);
  border-radius:11px;
  background:linear-gradient(135deg,#65e43c,#0ca956);
  color:#fff;
  box-shadow:0 10px 28px rgba(27,201,78,.25);
  font-weight:700;
}
.btn:hover,
.btn.secondary:hover,
.btn.success:hover,
.btn.danger:hover,
.btn.install-submit:hover {
  background:linear-gradient(135deg,#72ec48,#0db45f);
  color:#fff;
  box-shadow:0 13px 32px rgba(27,201,78,.34);
  transform:translateY(-1px);
}
.btn:active,
.btn.secondary:active,
.btn.success:active,
.btn.danger:active,
.btn.install-submit:active {
  transform:translateY(0);
  box-shadow:0 7px 18px rgba(27,201,78,.24);
}
.btn.small {
  border-radius:10px;
}

.btn.secondary,.btn.success,.btn.danger,.btn.install-submit{background:linear-gradient(135deg,#65e43c 0%,#0ca956 100%);color:#fff;border-color:transparent;box-shadow:0 5px 14px rgba(54,178,74,.20)} .btn.secondary:hover,.btn.success:hover,.btn.danger:hover,.btn.install-submit:hover{background:linear-gradient(135deg,#73ee4c 0%,#0aa052 100%);color:#fff}.auth-panel .btn.login-submit{background:linear-gradient(135deg,#65e43c 0%,#0ca956 100%)}


/* Abmeldeseite */
.logout-page{background:#07111f;color:#f5f8ff;min-height:100vh;overflow:hidden;position:relative}
.logout-page:before,.logout-page:after{content:"";position:fixed;z-index:0;pointer-events:none;left:-8vw;right:-8vw;height:250px;border-radius:50%;filter:blur(.2px);transform:rotate(-4deg)}
.logout-page:before{bottom:-105px;background:linear-gradient(160deg,rgba(34,105,220,.72),rgba(34,105,220,.08) 65%,transparent 70%);box-shadow:0 -35px 0 rgba(41,191,81,.18)}
.logout-page:after{top:-180px;background:linear-gradient(145deg,rgba(30,76,126,.58),rgba(8,17,31,0) 70%)}
.logout-shell{position:relative;z-index:1;width:min(760px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:40px 0 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.logout-logo-wrap{width:min(560px,100%);margin:0 auto 24px;text-align:center}
.logout-logo{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;margin:0 auto}
.logout-panel{width:min(620px,100%);padding:38px 40px 34px;background:linear-gradient(145deg,rgba(20,39,60,.88),rgba(7,19,32,.94));border:1px solid rgba(96,157,217,.42);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(14px);text-align:center}
.logout-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#65e43c,#0ca956);box-shadow:0 12px 30px rgba(27,201,78,.27);color:#fff;font-size:31px;font-weight:800}
.logout-heading h1{color:#f7faff;font-size:30px;letter-spacing:-.8px;margin:0 0 7px;font-family:Manrope,sans-serif}
.logout-heading p{color:#9eb2ca;margin:0 0 26px;font-size:15px}
.logout-login-btn{width:100%;min-height:52px;border-radius:11px;font-size:15px;text-decoration:none}
.logout-info{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:23px;color:#91a8c1;font-size:12px;line-height:1.5}
.logout-info span{font-size:15px}
.logout-footer{text-align:center;color:#7189a4;font-size:12px;line-height:1.8;margin-top:18px}
@media(max-width:600px){.logout-shell{width:min(100% - 22px,620px);padding:24px 0 22px;justify-content:flex-start}.logout-logo-wrap{margin:22px auto 16px}.logout-logo{max-height:120px}.logout-panel{padding:28px 18px 24px;border-radius:15px}.logout-icon{width:58px;height:58px;font-size:27px}.logout-heading h1{font-size:25px}.logout-heading p{font-size:14px}.logout-info{font-size:11px;align-items:flex-start}}