@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;600;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Sora,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.01em}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 800px at 15% -10%,rgba(var(--accent-rgb, 0, 0, 0),.24),transparent 60%),radial-gradient(900px 700px at 90% 0%,rgba(var(--accent-2-rgb, 0, 0, 0),.2),transparent 60%),radial-gradient(700px 600px at 30% 90%,rgba(var(--accent-3-rgb, 0, 0, 0),.18),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text)}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft);background:#080e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:14px;border:1px solid rgba(var(--accent-rgb, 0, 0, 0),.25);background:#0a121a99;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.menu-toggle:hover{box-shadow:var(--glow);transform:translateY(-1px)}.profile-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:14px;border:1px solid rgba(var(--accent-rgb, 0, 0, 0),.25);background:#060a1073;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-toggle:hover{box-shadow:var(--glow);transform:translateY(-1px)}.profile-name{margin-left:8px;font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--muted)}.notify-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:14px;border:1px solid rgba(var(--accent-2-rgb, 0, 0, 0),.25);background:#080c1273;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.notify-toggle:hover{box-shadow:var(--glow);transform:translateY(-1px)}.notify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a108c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.notify-panel{width:min(560px,96vw);max-height:85vh;overflow:auto;background:#0a1016f2;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--glow)}.profile-banner{position:sticky;top:56px;z-index:9;display:flex;flex-wrap:wrap;gap:10px;padding:0 18px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.profile-banner.open{padding:14px 18px 16px;max-height:200px;opacity:1;background:#0a101699;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#060a1059;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.profile-link.profile-action{border-color:rgba(var(--accent-2-rgb, 0, 0, 0),.35)}.scroll-sidebar{position:fixed;left:8px;top:20%;width:10px;height:60%;border-radius:999px;background:linear-gradient(180deg,#78e8ffd9,#40b0ff8c);opacity:0;transition:opacity .2s ease,box-shadow .2s ease;pointer-events:none;z-index:12;box-shadow:0 0 22px #78e8ff73}.app.is-scrolling .scroll-sidebar{opacity:.95;box-shadow:0 0 32px #78e8ffe6}.app.has-scroll .scroll-sidebar{opacity:.6;box-shadow:0 0 24px #78e8ff99}.scroll-thumb{position:absolute;left:2px;right:2px;border-radius:999px;background:#ecfcfffa;box-shadow:0 0 20px #78e8fff2}.menu-panel{position:fixed;top:64px;left:18px;right:18px;z-index:11;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a1016b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);max-height:0;opacity:0;transform:translateY(-12px);overflow:hidden;transition:max-height .35s ease,opacity .25s ease,transform .35s ease}.menu-panel.open{max-height:75vh;opacity:1;transform:translateY(0)}.menu-content{max-height:calc(75vh - 48px);overflow:auto;padding-bottom:12px}.menu-scrollbar{position:absolute;right:10px;top:12px;bottom:12px;width:6px;border-radius:999px;background:#ffffff14;opacity:0;transition:opacity .2s ease;pointer-events:none}.menu-scrollbar.visible{opacity:.7}.menu-scroll-thumb{position:absolute;left:1px;right:1px;border-radius:999px;background:#c8f0fff2;box-shadow:0 0 10px #78e8ffcc}.menu-panel.open:after{content:"";position:absolute;display:block;left:0;right:0;bottom:0;height:48px;background:linear-gradient(180deg,#0a101600,#ffffff45);pointer-events:none}.menu-close{width:100%;margin-bottom:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(var(--accent-rgb, 0, 0, 0),.25);background:#060a1073;color:var(--text);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;cursor:pointer}.menu-close.bottom{margin-top:14px;margin-bottom:0}.menu-action{width:100%;margin-top:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(var(--accent-2-rgb, 0, 0, 0),.3);background:#060c128c;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.menu-action:hover{box-shadow:var(--glow);transform:translateY(-1px);filter:brightness(1.08)}.navgroup{margin-top:14px}.navgroup-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.navlink{display:block;padding:10px 12px;border-radius:12px;color:var(--text);border:1px solid rgba(255,255,255,.08);background:#060a1080;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.navlink:hover{border-color:rgba(var(--accent-rgb, 0, 0, 0),.25);box-shadow:var(--glow);transform:translateY(-1px);filter:brightness(1.1)}.main{padding:18px}.card{background:linear-gradient(160deg,#16202eeb,#080c12f5);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;box-shadow:var(--shadow);color:var(--text)}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}label.check{flex-direction:row;align-items:center;gap:8px;text-transform:none;letter-spacing:.02em}input[type=date],input[type=text],input[type=number],input[type=password],input[type=time],input[type=datetime-local],select,textarea{background:#060a10d9;color:var(--text);border:1px solid rgba(var(--accent-rgb, 0, 0, 0),.22);border-radius:12px;padding:10px 12px;font-size:.95rem;min-width:170px}textarea{min-height:70px;resize:vertical}input[type=number]{width:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 0, 0, 0),.2)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#2bd1ff);color:#04131a;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);font-weight:600;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;cursor:pointer;box-shadow:0 10px 24px rgba(var(--accent-rgb, 0, 0, 0),.25);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(var(--accent-rgb, 0, 0, 0),.35)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.35),transparent 60%);opacity:0;transform:translate(-120%);transition:opacity .3s ease}.btn:hover:after{opacity:.8;animation:btn-sheen 1.2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#060a1080;color:var(--accent);border:1px solid var(--border);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#ff5c2d,#ffb000);color:#1b0d00;border:1px solid rgba(255,92,45,.6);box-shadow:0 10px 24px #ff5c2d40}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}thead th{text-align:left;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}th,td{padding:10px 12px;border-bottom:1px solid var(--border-soft)}tbody tr:hover{background:rgba(var(--accent-rgb, 0, 0, 0),.06)}@keyframes btn-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-card,.portal-secondary{animation:panel-in .28s ease}:root{--bg:#070a0f;--bg-2:#0b111a;--surface:rgba(10, 16, 24, .84);--surface-2:rgba(8, 12, 20, .92);--text:#e7fbff;--muted:#8aa3b7;--border-soft:rgba(255, 255, 255, .08);--shadow:0 14px 35px rgba(3, 9, 18, .65), 0 0 32px rgba(var(--accent-rgb, 0, 0, 0), .18)}:root[data-portal=ecel]{--accent:#2bffea;--accent-rgb:43, 255, 234;--accent-2:#ffb000;--accent-2-rgb:255, 176, 0;--accent-3:#ff5c2d;--accent-3-rgb:255, 92, 45;--border:rgba(var(--accent-rgb), .24);--glow:0 0 18px rgba(var(--accent-rgb), .45)}:root[data-portal=nsks]{--accent:#7cff4e;--accent-rgb:124, 255, 78;--accent-2:#2bffea;--accent-2-rgb:43, 255, 234;--accent-3:#ffb000;--accent-3-rgb:255, 176, 0;--border:rgba(var(--accent-rgb), .24);--glow:0 0 18px rgba(var(--accent-rgb), .45)}.portal-content{display:grid;gap:16px;width:100%;min-width:0}.portal-connection-settings{display:none!important}.portal-card,.portal-secondary{width:100%;min-width:0;overflow-x:auto}.portal-card>*{min-width:0}.portal-secondary{padding:0}.portal-content>*{min-width:0}.portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.pressable-text{font-weight:700;text-decoration:underline;background:#78a0ff33;padding:0 4px;border-radius:4px}.card[data-coverage="1"]{animation:coverage-pulse 1.2s ease-in-out infinite}.card[data-flash=abandon]{animation:abandon-flash 1.2s ease-in-out infinite;background:var(--flash-color-a, rgba(80, 200, 120, .2))}.day-exclaim{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:#ffd740f2;color:#111;display:grid;place-items:center;font-weight:700;box-shadow:0 0 8px #ffd740a6}@keyframes coverage-pulse{0%{filter:brightness(1)}50%{filter:brightness(1.25)}to{filter:brightness(1)}}@keyframes abandon-flash{0%,to{background:var(--flash-color-a, rgba(80, 200, 120, .2))}50%{background:var(--flash-color-b, rgba(255, 80, 80, .25))}}
