:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#020813;--surface:#273d57;--surface-deep:#0b1829;--surface-border:#3a526d;--text:#f5f8fc;--muted:#b1bfd0;--accent:#32e0bd;--accent-blue:#28a7f5;--card-shadow:0 24px 60px #00040c52;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0}body{min-height:100vh}button,input,select{font:inherit}.entry-shell{background:radial-gradient(circle at 20% 20%, #268cff29, transparent 34rem), radial-gradient(circle at 80% 70%, #32e0bd1f, transparent 30rem), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.entry-card{border:1px solid var(--surface-border);background:#0c1727eb;border-radius:28px;width:min(100%,520px);padding:clamp(28px,6vw,52px);box-shadow:0 32px 80px #0000005c}.brand-mark{background:linear-gradient(145deg, var(--accent), var(--accent-blue));color:#031018;border-radius:16px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:28px 0 8px;font-size:13px;font-weight:750}h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,8vw,56px)}.entry-copy{color:var(--muted);margin:20px 0 0;font-size:17px;line-height:1.65}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-shell{background:radial-gradient(circle at 18% 18%, #268cff26, transparent 34rem), radial-gradient(circle at 82% 74%, #32e0bd1c, transparent 30rem), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--surface-border);background:linear-gradient(145deg,#2c425bfa,#1e3147fa);border-radius:28px;width:min(100%,480px);padding:clamp(28px,6vw,48px);box-shadow:0 34px 90px #00000075,inset 0 1px #ffffff0d}.brand-logo{background:#020407;border:1px solid #ffffff17;border-radius:19px;place-items:center;width:64px;height:64px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;display:grid;overflow:hidden;box-shadow:0 14px 34px #00000057,0 0 28px #32e0bd17}.brand-logo img{object-fit:cover;width:100%;height:100%}.auth-card:hover .brand-logo,.admin-brand:hover .brand-logo{transform:translateY(-2px)rotate(-2deg)scale(1.04);box-shadow:0 18px 38px #0006,0 0 34px #32e0bd2e}.auth-card h1{font-size:clamp(32px,7vw,48px)}.auth-copy,.security-note{color:var(--muted);line-height:1.6}.auth-copy{margin:16px 0 26px}.security-note{text-align:center;margin:22px 0 0;font-size:13px}.auth-form,.admin-invite-form,.mfa-content{gap:18px;display:grid}.field,.inline-control label{color:#c8d4e4;gap:8px;font-size:14px;font-weight:650;display:grid}.field input,.field select,.inline-control select,.search-field input{width:100%;min-height:48px;color:var(--text);background:#101f33;border:1px solid #2c405c;border-radius:13px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.field input:focus-visible,.field select:focus-visible,.inline-control select:focus-visible,.search-field input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;border-color:var(--accent);outline:3px solid #32e0bd59}.primary-button,.secondary-button,.compact-button,.link-button{cursor:pointer;border:1px solid #0000;border-radius:13px;place-items:center;min-height:46px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-grid}.primary-button{background:linear-gradient(135deg, var(--accent), #26cba9);color:#031510;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 24px #32e0bd24}.secondary-button,.compact-button,.link-button{color:var(--text);background:#14243a;border-color:#2c405c;transition:transform .18s,border-color .18s,background .18s}.primary-button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 34px #32e0bd42}.secondary-button:hover,.compact-button:hover,.link-button:hover{background:#1c324d;border-color:#32e0bd73;transform:translateY(-2px)}.primary-button:disabled{opacity:.55;cursor:wait}.form-error{color:#ffb9bf;background:#891f3038;border:1px solid #ff707059;border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.mfa-card{width:min(100%,540px)}.qr-frame{background:#fff;border-radius:18px;justify-self:center;padding:14px;line-height:0}.manual-secret{color:var(--muted);font-size:13px}.manual-secret summary{cursor:pointer}.manual-secret code{overflow-wrap:anywhere;color:#dce8f6;background:#07101d;border-radius:10px;margin-block-start:10px;padding:12px;display:block}.loading-panel{min-height:120px;color:var(--muted);border:1px dashed #2c405c;border-radius:16px;place-items:center;display:grid}.code-field input{text-align:center;letter-spacing:.28em;font-variant-numeric:tabular-nums;font-size:24px}.signout-form{text-align:center;margin-block-start:20px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px}.admin-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#091728 0%,#06111f 100%);border-inline-end:1px solid #5b77963d;flex-direction:column;justify-content:space-between;height:100vh;padding:28px 20px;display:flex;position:sticky;inset-block-start:0;box-shadow:18px 0 50px #00000024}.admin-brand{align-items:center;gap:12px;padding:4px 8px;text-decoration:none;display:flex}.brand-logo--small{border-radius:13px;flex:0 0 44px;width:44px;height:44px}.admin-brand>span:last-child{gap:2px;display:grid}.admin-brand strong{font-size:18px}.admin-brand small,.sidebar-account small{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.brand-mark--small{border-radius:12px;width:38px;height:38px;font-size:21px}.admin-nav{gap:6px;margin-block-start:38px;display:grid}.admin-nav a{color:#b8c6d8;border:1px solid #0000;border-radius:12px;padding:12px 14px;font-weight:650;text-decoration:none;transition:transform .18s,color .18s,background .18s,border-color .18s;position:relative;overflow:hidden}.admin-nav a:hover{color:var(--text);background:linear-gradient(90deg,#32e0bd1c,#28a7f50d);border-color:#54759752;transform:translate(4px)}.admin-nav a:before{content:"";background:var(--accent);opacity:0;border-radius:99px;width:3px;transition:opacity .18s,transform .18s;position:absolute;inset-block:9px;inset-inline-start:0;transform:scaleY(.4)}.admin-nav a:hover:before{opacity:1;transform:scaleY(1)}.sidebar-account{border-block-start:1px solid #172941;padding:16px 10px 0}.sidebar-account>div{gap:4px;display:grid}.sidebar-account form{margin-block-start:10px}.admin-main{background:radial-gradient(circle at 94% 2%, #28a7f51f, transparent 34rem), radial-gradient(circle at 55% 100%, #32e0bd12, transparent 36rem), var(--background);min-width:0;padding:clamp(24px,5vw,64px)}.page-stack{gap:28px;width:min(100%,1480px);margin-inline:auto;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading .eyebrow{margin-block-start:0}.page-heading h1{font-size:clamp(34px,5vw,54px)}.page-heading p:last-child{color:var(--muted);margin-block:10px 0}.secure-badge{color:#89f4dc;white-space:nowrap;background:#32e0bd14;border:1px solid #32e0bd40;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.secure-badge span,.status-dot,.legend-dot{background:#66778e;border-radius:50%;width:8px;height:8px}.secure-badge span,.status-dot--active,.legend-dot--real{background:var(--accent);box-shadow:0 0 14px #32e0bd80}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.chart-card,.data-card,.administrator-card{border:1px solid var(--surface-border);box-shadow:var(--card-shadow), inset 0 1px #ffffff0a;background:linear-gradient(145deg,#304863f5,#233850f7)}.metric-card{border-radius:20px;flex-direction:column;justify-content:space-between;min-height:156px;padding:22px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle,#28a7f530,#0000 68%);border-radius:50%;width:140px;height:140px;transition:transform .3s,opacity .3s;position:absolute;inset:auto -56px -72px auto}.metric-card:hover{border-color:#6f97bea6;transform:translateY(-6px);box-shadow:0 30px 70px #00040c66,inset 0 0 0 1px #ffffff08}.metric-card:hover:after{transform:scale(1.25)translate(-8px,-8px)}.metric-card>*{z-index:1;position:relative}.metric-card--primary{background:linear-gradient(145deg,#305265fa,#1f444ffa);border-color:#32e0bd59}.metric-card>span,.metric-card small{color:var(--muted)}.metric-card strong{letter-spacing:-.04em;margin-block:14px;font-size:clamp(28px,4vw,42px)}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chart-card{border-radius:22px;margin:0;padding:22px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;overflow:hidden}.chart-card:hover{border-color:#557da4c2;transform:translateY(-4px);box-shadow:0 30px 74px #00040c61}.chart-card figcaption{justify-content:space-between;gap:16px;margin-block-end:16px;display:flex}.chart-card figcaption span{font-size:18px;font-weight:760}.chart-card figcaption small{color:var(--muted)}.chart{width:100%;height:auto;min-height:210px}.chart-axis,.chart-grid-line{stroke:#b4cae126;stroke-width:1px}.chart-grid-line{stroke-dasharray:4 7}.chart-label{fill:#aebdd0;font-size:10px}.chart-value{fill:#edf7ff;opacity:.9;font-size:11px;font-weight:800}.chart-bar{fill:var(--accent-blue);filter:drop-shadow(0 5px 8px #28a7f533);transition:opacity .16s,filter .16s}.chart-bar-group:hover .chart-bar{fill:var(--accent);filter:drop-shadow(0 7px 12px #32e0bd61)}.chart-line{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 8px #32e0bd3d)}.chart-area{fill:url(#growth-area)}.chart-dot{fill:#263e59;stroke:var(--accent);stroke-width:4px;transition:r .16s,fill .16s}.chart-point:hover .chart-dot{r:7px;fill:var(--accent)}.distribution-card{grid-column:span 2}.donut-layout{justify-content:center;align-items:center;gap:clamp(28px,8vw,100px);min-height:220px;display:flex}.donut{filter:drop-shadow(0 12px 18px #00000038);width:180px;height:180px;transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s}.distribution-card:hover .donut{filter:drop-shadow(0 16px 24px #32e0bd29);transform:scale(1.045)rotate(2deg)}.donut-track,.donut-value{fill:none;stroke-width:17px}.donut-track{stroke:#21324a}.donut-value{stroke:var(--accent);stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.donut-number{fill:var(--text);font-size:25px;font-weight:800}.donut-label{fill:var(--muted);font-size:12px}.chart-legend{gap:14px;min-width:180px;margin:0;padding:0;list-style:none;display:grid}.chart-legend li{border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;transition:background .16s,transform .16s;display:grid}.chart-legend li:hover{background:#ffffff0d;transform:translate(3px)}.legend-dot--test{background:var(--accent-blue)}.data-card{border-radius:22px;overflow:hidden}.data-card,.administrator-card{transition:border-color .2s,box-shadow .2s}.data-card:hover,.administrator-card:hover{border-color:#537aa1ad;box-shadow:0 28px 68px #00040c57}.table-toolbar{border-block-end:1px solid var(--surface-border);gap:12px;padding:18px;display:flex}.search-field{flex:1}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:start;vertical-align:middle;white-space:nowrap;border-block-end:1px solid #1b2c43;padding:16px 18px}th{color:#8fa1b8;letter-spacing:.08em;text-transform:uppercase;font-size:11px}tbody tr:hover{background:#32e0bd12}tbody tr{transition:background .16s}.user-cell{align-items:center;gap:12px;display:flex}.avatar-placeholder{width:38px;height:38px;color:var(--accent);background:#32e0bd1a;border:1px solid #32e0bd4d;border-radius:50%;place-items:center;font-weight:800;display:grid}.user-avatar{width:44px;height:44px;color:var(--accent);background:linear-gradient(145deg,#32e0bd29,#28a7f521);border:2px solid #32e0bd6b;border-radius:50%;flex:0 0 44px;place-items:center;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #00040c38}.user-avatar__fallback,.user-avatar__photo{position:absolute;inset:0}.user-avatar__fallback{place-items:center;display:grid}.user-avatar__photo{object-fit:cover;width:100%;height:100%}tbody tr:hover .user-avatar{border-color:var(--accent);transform:scale(1.08);box-shadow:0 10px 24px #32e0bd2e}.user-cell>span:last-child{gap:3px;display:grid}.user-cell small,.table-subtitle{color:var(--muted);display:block}.user-cell em{color:#7ebdff;text-transform:uppercase;background:#268cff24;border-radius:6px;width:max-content;padding:2px 6px;font-size:10px;font-style:normal}.empty-state{color:var(--muted);text-align:center;padding:40px}.pagination{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 18px;font-size:13px;display:grid}.pagination a:last-child{justify-self:end}.pagination a{color:var(--accent);text-decoration:none}.invite-admin-card{padding:24px}.invite-admin-card h2,.administrator-card h2{margin:0;font-size:20px}.invite-admin-card p,.administrator-card header p{color:var(--muted);margin:7px 0 0}.admin-invite-form{grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;margin-block-start:22px}.administrator-list{gap:16px;display:grid}.administrator-card{border-radius:22px;padding:22px}.administrator-card>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.administrator-card>header>div{align-items:center;gap:12px;display:flex}.access-status,.permission-on,.permission-off{color:#91a0b3;background:#1a2739;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.access-status--active,.permission-on{color:#7ff0d5;background:#32e0bd1a}.admin-controls{background:#091526;border-radius:16px;justify-content:space-between;align-items:end;gap:16px;margin-block-start:22px;padding:16px;display:flex}.inline-control{align-items:end;gap:10px;display:flex}.inline-control select{min-width:170px;min-height:40px}.compact-button{min-height:40px;font-size:12px}.compact-button--danger{color:#ffadb4;border-color:#ff70704d}.permission-details{border-block-start:1px solid var(--surface-border);margin-block-start:20px;padding-block-start:18px}.permission-details summary{color:#b9c7d8;cursor:pointer;font-weight:700}.permission-list{gap:8px;margin-block-start:14px;display:grid}.permission-row{background:#091526;border-radius:12px;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid}.permission-row>div:first-child{gap:4px;display:grid}.permission-row small{color:var(--muted)}.permission-actions{gap:5px;display:flex}.permission-actions button{color:#c4d0df;cursor:pointer;background:#122239;border:1px solid #2b3d56;border-radius:8px;padding:6px 9px;font-size:11px}.metadata-code{text-overflow:ellipsis;color:#9cb0c8;max-width:360px;display:block;overflow:hidden}@media (max-width:1100px){.metric-grid,.admin-invite-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.admin-shell{display:block}.admin-sidebar{border-block-end:1px solid #172941;border-inline-end:0;height:auto;padding:16px;position:static}.admin-sidebar>div:first-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-nav{margin:0;display:flex;overflow-x:auto}.sidebar-account{display:none}.chart-grid{grid-template-columns:1fr}.distribution-card{grid-column:auto}.permission-row{grid-template-columns:1fr auto}.permission-actions{grid-column:1/-1}}@media (max-width:600px){.admin-main{padding:22px 14px}.admin-sidebar>div:first-child{display:block}.admin-nav{margin-block-start:14px}.page-heading{display:grid}.metric-grid,.admin-invite-form{grid-template-columns:1fr}.donut-layout,.admin-controls,.inline-control{flex-direction:column;align-items:stretch}.administrator-card>header{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}