:root{--panel:rgba(25,34,40,.66);--line:rgba(219,237,228,.12);--muted:#a9b7b8;--accent:#c7f3a5;background:#0c1317}
body{background:radial-gradient(ellipse at 0 0,rgba(83,125,103,.18),transparent 48%),radial-gradient(ellipse at 100% 65%,rgba(66,95,121,.13),transparent 50%),#0c1317;background-attachment:fixed}
.shell{display:block;max-width:none;min-height:100dvh}.content{max-width:1360px;margin:auto;padding:30px 30px 80px}
.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:76px;padding:12px 30px;background:rgba(17,26,31,.84);border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:12px;flex-shrink:0}.menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#e2eae5}.appbar-brand{font-size:20px;font-weight:750;letter-spacing:-.5px}.appbar-brand img{max-width:145px;max-height:48px;object-fit:contain;display:block}.appbar-section{margin-left:auto;color:var(--muted);font-size:13px}
dialog.navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,88vw);max-width:320px;height:100dvh;max-height:100dvh;padding:0;border-radius:0 24px 24px 0;border:0;border-right:1px solid rgba(255,255,255,.17);background:rgba(18,29,34,.94);box-shadow:25px 0 90px #0006;backdrop-filter:none;-webkit-backdrop-filter:none;}
.navigation-drawer::backdrop{background:#03090e88;backdrop-filter:none;}.navigation-drawer[open]{animation:drawer-in .18s ease-out}.navigation-drawer .sidebar{position:relative;top:auto;height:100%;min-height:100%;display:flex;flex-direction:column;overflow-y:auto;gap:8px;padding:28px 20px;border:0}.navigation-drawer .brand{padding:30px 8px 24px;white-space:normal}.navigation-drawer .brand img{max-width:170px;max-height:80px}.drawer-close{position:absolute;right:14px;top:12px;font-size:26px;line-height:1}.navigation-drawer .nav{padding:15px 16px;font-size:15px;border-radius:12px;white-space:normal}.navigation-drawer .nav.active{background:rgba(177,220,147,.12);box-shadow:inset 0 0 0 1px rgba(200,240,167,.13)}.navigation-drawer .sidebar footer{display:block;margin-top:auto;padding:30px 16px 16px;line-height:1.7}
.card{background:var(--panel);border-color:var(--line);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff06,0 10px 35px #00000012;backdrop-filter:none;-webkit-backdrop-filter:none;}button,.csv-export{border-radius:12px;background-color:rgba(119,146,148,.1);border-color:var(--line)}button.primary{background:var(--accent);color:#192811;border-color:transparent;box-shadow:0 3px 16px #b5ed8a10}button.quiet{background:transparent}input,select,textarea{background:rgba(9,18,24,.65);border-color:rgba(210,230,225,.17);border-radius:12px}select option{background:#19232a;color:#eef2f5}.team{background:rgba(8,17,23,.44);border:1px solid #ffffff06;border-radius:13px}.tabs{gap:8px}.tabs button.active{background:rgba(177,220,147,.12)}.notice{background:rgba(122,106,58,.1);border-color:rgba(204,179,112,.2)}.badge{border-radius:7px}.login{background:var(--panel);border:1px solid var(--line);border-radius:24px;backdrop-filter:none;}h1{font-weight:700}.topline .eyebrow{letter-spacing:1.6px}button:hover{border-color:rgba(199,243,165,.4)}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:700px){.appbar{height:66px;padding:10px 16px;gap:12px}.appbar-brand{font-size:18px}.appbar-brand img{max-height:42px}.content{padding:24px 16px 65px}.card{border-radius:17px}.login{margin:5vh 16px}.navigation-drawer .sidebar .nav{font-size:15px;padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.navigation-drawer[open]{animation:none}.session-card{transition:none}}
@supports not (backdrop-filter:blur(1px)){.card,.appbar,.login{background:#19242a}dialog.navigation-drawer{background:#142127}}