@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-400.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fira-500.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fira-600.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-700.woff2) format("woff2")}:root{--bg:#f4f5f7;--card:#ffffff;--text:#0e1116;--ink-2:#374151;--text-2:#4b5563;--muted:#6b7280;--faint:#9aa1ac;--border:#e7eaf0;--line:#eef0f3;--line-2:#f1f3f6;--border-strong:#dde2ea;--ctl-border:#e1e5ec;--navy:#13284f;--navy-hover:#1b3566;--navy-soft:#e8edf7;--selected:#eaf0fa;--hover:#f4f5f7;--row-hover:#f8fafd;--row-selected:#eaf0fa;--th-bg:#fafbfc;--seg-bg:#e9ecf1;--chip-bg:#f0f2f5;--track:#eef0f3;--ok:#17734a;--warn:#8a5a00;--err:#a3271f;--bar-warn:#c98a00;--bar-err:#c0362c;--ok-soft:#e3f4ec;--warn-soft:#fbf0d9;--err-soft:#fbe6e4;--info-soft:#f4f5f7;--accent:var(--navy);--accent-soft:var(--navy-soft);--shadow:0 1px 2px rgba(14,17,22,0.04);--shadow-lg:0 12px 40px rgba(14,17,22,0.14);--radius:16px;--radius-sm:10px;--brand-grad:linear-gradient(180deg,#3479f5,#1a4fd6);color-scheme:light}:root[data-theme=dark]{--bg:#0e1116;--card:#161a21;--text:#eef0f3;--ink-2:#d1d5db;--text-2:#b4bac4;--muted:#9aa1ac;--faint:#6b7280;--border:#252a33;--line:#222730;--line-2:#1e232b;--border-strong:#303642;--ctl-border:#303642;--navy:#3d63b0;--navy-hover:#4a72c4;--navy-soft:#1f2a40;--selected:#1d2840;--hover:#1e232b;--row-hover:#1b2028;--row-selected:#1d2840;--th-bg:#1a1e25;--seg-bg:#1e232b;--chip-bg:#222730;--track:#262b34;--ok:#4cc38a;--warn:#e0a83a;--err:#f07a70;--bar-warn:#e0a83a;--bar-err:#f07a70;--ok-soft:#14291f;--warn-soft:#2e2512;--err-soft:#331a18;--info-soft:#1b1f26;--shadow:0 1px 2px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Fira Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a{color:var(--navy);text-decoration:none}:root[data-theme=dark] a{color:#8fb0f0}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--text);letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:15px}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}pre{white-space:pre-wrap;word-break:break-word;margin:0}hr{border:none;border-top:1px solid var(--line);margin:12px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{display:flex;min-height:100vh}.sidebar{flex:none;width:248px;height:100vh;position:-webkit-sticky;position:sticky;top:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px 14px}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;color:var(--text)}.brand .names{display:flex;flex-direction:column;line-height:1.15}.brand .names b{font-size:16px;font-weight:600;letter-spacing:-.01em}.brand .names span{font-size:12px;color:var(--muted)}.app-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-grad);border-radius:8px;width:34px;height:34px}.app-icon img{width:65%;height:65%;display:block}.sidebar nav{flex:1 1;overflow-y:auto;margin-top:4px}.sidebar .ng{display:block;padding:16px 12px 6px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.ni{display:flex;align-items:center;gap:11px;width:100%;height:38px;padding:0 12px;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:500;transition:background .15s,color .15s}.ni,.ni:hover{text-decoration:none}.ni:hover{background:var(--hover);color:var(--text)}.ni.on{background:var(--selected);color:var(--navy);font-weight:600}:root[data-theme=dark] .ni.on{color:#cfdcf7}.ni .lbl{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ni svg{flex:none}.nb{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:600;justify-content:center}.nb,.side-foot{display:flex;align-items:center}.side-foot{gap:10px;padding:12px 8px 0;border-top:1px solid var(--line)}.side-foot .who{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.side-foot .who b{font-size:13.5px;font-weight:600}.side-foot .who span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot .out{border:none;background:none;color:var(--text-2);cursor:pointer;padding:6px;border-radius:8px;display:flex}.side-foot .out:hover{background:var(--hover);color:var(--text)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{flex:none;height:68px;padding:0 28px;display:flex;align-items:center;gap:16px;background:var(--bg);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{flex:1 1;min-width:0;font-size:20px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .srch{flex:0 1 360px;background:var(--card);border:1px solid var(--ctl-border)}.topbar .srch kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;padding:2px 6px;border-radius:6px;background:var(--chip-bg);color:var(--muted)}.icon-btn{width:36px;padding:0;justify-content:center;position:relative}.icon-btn .dotc{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--navy);color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}.icon-btn .dotc.err{background:var(--err)}.content{flex:1 1;padding:22px 28px 32px;display:flex;flex-direction:column;gap:14px;min-width:0;animation:fadeIn .3s ease both}.page-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-head .grow{flex:1 1;min-width:0}.page-head p{margin:0;color:var(--muted);font-size:13px}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px}.crumbs a{font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.card.pad{padding:16px 18px}.card.visible{overflow:visible}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 12px;min-height:54px}.card-head h3,.h2{font-size:15px;font-weight:600;letter-spacing:0}.card-head h3{flex:1 1;min-width:0}.card-head .acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-body{padding:0 18px 16px}.card-head+.card-body:empty{display:none}.card>.card-body:first-child{padding-top:16px}.card-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid var(--line-2)}.card-row .grow{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.card-row .grow b{font-weight:600;font-size:13.5px}.card-row .grow span{font-size:12px;color:var(--muted)}.box{border:1px solid var(--border);border-radius:12px;padding:14px;gap:8px}.box,.fld{display:flex;flex-direction:column}.fld{gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.fld>span:first-child{color:var(--muted);font-size:12.5px}.grid{display:grid;grid-gap:14px;gap:14px}.grid.k6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.k4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid.k3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.k2{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.grid.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.grid.detail{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.grid.side{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:8px}.split,.stack.lg{gap:14px}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:14px;align-items:start}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.right{text-align:right}.ellipsis,.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis}.kv{display:grid;grid-template-columns:170px 1fr;grid-gap:8px 14px;gap:8px 14px;font-size:13.5px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative}.kpi .label{color:var(--muted);font-size:12.5px;font-weight:500}.kpi .line{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px}.kpi .value,.kvn{font-size:24px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.kpi .delta{font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted)}.kpi .delta.ok{color:var(--ok)}.kpi .delta.err{color:var(--err)}.kpi .delta.warn{color:var(--warn)}.kpi .sub{color:var(--muted);font-size:12px}.kpi .tools{position:absolute;top:8px;right:8px;display:flex;gap:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:10px;border:1px solid var(--border-strong);background:var(--card);color:var(--text);font:500 13px Fira Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-hover)}.btn.danger{color:var(--err)}.btn.danger.solid{background:var(--err);border-color:var(--err);color:#fff}.btn.danger.solid:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:9px}.btn.xs{height:26px;padding:0 9px;font-size:12px;border-radius:8px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:30px}.btn.lg{height:48px;border-radius:12px;font-size:15px;padding:0 22px}.lnk{border:none;background:none;padding:0;color:var(--navy);font:500 13px Fira Sans,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:4px}:root[data-theme=dark] .lnk{color:#8fb0f0}.input,.select,textarea.input{height:34px;border:1px solid var(--border-strong);border-radius:10px;padding:0 11px;font:inherit;font-size:13.5px;background:var(--card);color:var(--text);min-width:0;outline:none}textarea.input{height:auto;padding:9px 11px;min-height:84px;resize:vertical;line-height:1.45}textarea.input.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;min-height:220px}.input:focus,.select:focus,textarea.input:focus{border-color:var(--navy);box-shadow:0 0 0 1.5px var(--navy)}.input.sm,.select.sm{height:30px;font-size:12.5px;padding:0 9px;border-radius:9px;border-color:var(--ctl-border)}.select{padding-right:6px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}label.field>span{font-weight:500}label.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--navy);width:15px;height:15px}.search{position:relative;display:inline-flex}.search input{padding-left:34px;width:320px;background:var(--hover);border-color:transparent;height:36px}.search input:focus{background:var(--card)}.search svg{position:absolute;left:11px;top:10px;pointer-events:none}.search svg,.srch{color:var(--muted)}.srch{height:36px;padding:0 12px;border-radius:10px;background:var(--hover);display:flex;align-items:center;gap:8px;font-size:13.5px}.srch input{flex:1 1;min-width:0;border:none;background:transparent;outline:none;font:inherit;color:var(--text);height:100%;padding:0}.srch input::placeholder{color:var(--muted)}.srch:focus-within{box-shadow:0 0 0 1.5px var(--navy);border-color:var(--navy)!important}.fc{height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--ctl-border);background:var(--card);font-size:12.5px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center}.tg{width:38px;height:22px;border-radius:11px;background:#d1d5db;display:inline-block;position:relative;border:none;padding:0;cursor:pointer;flex:none}.tg:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}.tg.on{background:var(--navy)}.tg.on:after{left:18px}.tg:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;font-size:inherit;font-weight:400;color:var(--muted);white-space:nowrap}.badge.ok{color:var(--text)}.badge.warn{color:var(--warn);font-weight:500}.badge.err{color:var(--err);font-weight:500}.badge.accent,.badge.navy{color:var(--text);font-weight:500}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--faint);flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--bar-warn)}.dot.err{background:var(--bar-err)}.tag{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:8px;padding:1px 8px;font-size:12px;color:var(--ink-2);background:var(--card)}.tag button{border:none;background:none;color:var(--faint);cursor:pointer;padding:0;font-size:13px}.pl{white-space:nowrap;color:var(--ink-2)}.avatar{flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy-soft);color:var(--navy);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;object-fit:cover}:root[data-theme=dark] .avatar{color:#cfdcf7}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.md{width:34px;height:34px;font-size:13px}.who-cell{align-items:center;gap:10px}.who-cell,.who-cell .t{display:flex;min-width:0}.who-cell .t{flex-direction:column;line-height:1.25}.who-cell .t b{font-weight:600}.who-cell .t span{font-size:12px;color:var(--muted)}.ico-sq{flex:none;width:32px;height:32px;border-radius:10px;background:var(--chip-bg);color:var(--ink-2);display:flex;align-items:center;justify-content:center}.table-wrap{overflow-x:auto}table.dense{width:100%;border-collapse:collapse;font-size:13.5px}table.dense th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--th-bg);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.dense td:first-child,table.dense th:first-child{padding-left:18px}table.dense td:last-child,table.dense th:last-child{padding-right:18px}table.dense th.sortable{cursor:pointer}table.dense th.sortable:hover{color:var(--text)}table.dense td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle;max-width:380px}table.dense tr:last-child td{border-bottom:none}table.dense tbody tr:hover td{background:var(--row-hover)}table.dense tbody tr.clickable{cursor:pointer}table.dense tbody tr.selected td{background:var(--row-selected)}table.dense td.num,table.dense th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-head+.card-body>.table-wrap:first-child,.card-head+.table-wrap,.card-head+table.dense{border-top:none}.toolbar{padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;min-height:61px}.table-foot,.toolbar{display:flex;align-items:center;gap:8px}.table-foot{padding:12px 16px;border-top:1px solid var(--line-2);color:var(--muted);font-size:12.5px}.empty{padding:30px 18px;text-align:center;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs.flush{border-bottom:none;padding:0 22px;border-top:1px solid var(--line)}.tabs button{height:44px;margin-right:24px;padding:0;border:none;border-bottom:2px solid transparent;background:none;font:500 14px Fira Sans,sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap;flex:none}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:600}:root[data-theme=dark] .tabs button.active{color:#cfdcf7;border-bottom-color:#8fb0f0}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--seg-bg);flex-wrap:wrap}.segmented button{white-space:nowrap;height:30px;padding:0 12px;border:none;border-radius:9px;background:transparent;font:500 13px Fira Sans,sans-serif;color:var(--text-2);cursor:pointer}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgba(14,17,22,.08)}.overlay{position:fixed;inset:0;background:rgba(14,17,22,.32);z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100vw);background:var(--card);z-index:51;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border-left:1px solid var(--border)}.drawer.wide{width:min(880px,100vw)}.drawer-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.drawer-head h2{flex:1 1;font-size:17px}.drawer-body{padding:18px 20px;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:14px;background:var(--bg)}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;background:var(--card);border-radius:20px;z-index:61;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.dialog.wide{width:min(760px,calc(100vw - 32px))}.dialog-head{padding:22px 24px 6px}.dialog-head h2{font-size:17px}.dialog-head p{color:var(--muted);margin:6px 0 0;font-size:13.5px;line-height:1.5}.dialog-body{padding:12px 24px;display:flex;flex-direction:column;gap:12px}.dialog-foot{padding:14px 24px 20px;display:flex;justify-content:flex-end;gap:8px}.overlay.top{z-index:60}.menu{position:absolute;right:0;top:40px;min-width:240px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;z-index:30;display:flex;flex-direction:column}.menu a,.menu button{text-align:left;border:none;background:none;padding:9px 10px;border-radius:8px;font:500 13.5px Fira Sans,sans-serif;color:var(--text);cursor:pointer;text-decoration:none}.menu a:hover,.menu button:hover{background:var(--hover);text-decoration:none}.menu button.danger{color:var(--err)}.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:80}.toast{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow-lg);max-width:420px;font-size:13.5px}.toast.err{border-left-color:var(--err)}.callout{border-radius:12px;padding:10px 12px;background:var(--info-soft);color:var(--text-2);font-size:13px;line-height:1.5;border:1px solid var(--border)}.callout.warn{background:var(--warn-soft)}.callout.err,.callout.warn{border-color:transparent;color:var(--text)}.callout.err{background:var(--err-soft)}.callout.ok{background:var(--ok-soft);border-color:transparent;color:var(--text)}.alert-row{display:flex;gap:10px;padding:10px 18px;border-top:1px solid var(--line-2);color:inherit;text-decoration:none}.alert-row:hover{background:var(--row-hover);text-decoration:none}.alert-row .t{flex:1 1;min-width:0;display:flex;flex-direction:column}.alert-row .t b{font-size:13.5px;font-weight:500}.alert-row .t span{font-size:12px;color:var(--muted)}.chart{width:100%;height:160px;display:block}.chart text{fill:var(--faint);font-size:11px;font-family:Fira Sans,sans-serif}.chart .grid-line{stroke:var(--line)}.bars{padding-bottom:12px}.bar-row{display:flex;align-items:center;gap:12px;padding:7px 18px;font-size:13px}.bar-row .name{width:120px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .name.wide{width:160px}.bar-track{position:relative;flex:1 1;max-width:220px;height:6px;border-radius:3px;background:var(--track)}.bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--navy)}:root[data-theme=dark] .bar-fill{background:#8fb0f0}.bar-fill.warn{background:var(--bar-warn)!important}.bar-fill.err{background:var(--bar-err)!important}.bar-row .val{font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.strip>div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-right:1px solid var(--line-2);min-width:0}.strip>div:last-child{border-right:none}.strip span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip b{font-size:18px;font-weight:600}.login-wrap{min-height:100vh;align-items:center;justify-content:center;background:var(--bg);padding:24px 16px 72px;position:relative}.login-card,.login-wrap{display:flex;flex-direction:column}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:36px;gap:14px;animation:fadeIn .3s ease both}.login-card .head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.login-card .head .app-icon{width:52px;height:52px;border-radius:12px}.login-card .head b{font-size:22px;font-weight:600;letter-spacing:-.01em}.login-card .head span{font-size:14.5px;color:var(--muted)}.login-card .step{display:flex;flex-direction:column;gap:4px;text-align:center;margin-top:8px}.login-card .step b{font-size:17px;font-weight:600}.login-card .step span{font-size:14px;line-height:1.5;color:var(--muted)}.login-card .note{padding:10px 12px;border-radius:12px;background:var(--hover);font-size:12.5px;line-height:1.5;color:var(--text-2)}.btn-google{position:relative;height:48px;border-radius:12px;border:1px solid #d7dce4;background:var(--card);color:var(--text);font:500 15px Fira Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:background .15s}:root[data-theme=dark] .btn-google{border-color:var(--border-strong)}.btn-google:hover{background:var(--hover)}.btn-google:focus-within{box-shadow:0 0 0 1.5px var(--navy);border-color:var(--navy)}.btn-google .gsi{position:absolute;inset:0;opacity:.01;display:flex;align-items:center;justify-content:center;transform:scale(1.12,1.25)}.btn-google.busy{opacity:.6;pointer-events:none}.otp-boxes{display:flex;justify-content:center;gap:8px}.otp-boxes input{width:48px;height:56px;border-radius:12px;border:1px solid var(--border-strong);background:var(--card);color:var(--text);text-align:center;font:600 22px Fira Sans,sans-serif;outline:none;padding:0}.otp-boxes input:focus{border-color:var(--navy);box-shadow:0 0 0 1.5px var(--navy)}.login-foot{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:12.5px;color:var(--faint);padding:0 16px}.qr{width:196px;height:196px;border-radius:12px;background:#fff;padding:8px}.email-prev,.qr{border:1px solid var(--border)}.email-prev{border-radius:14px;overflow:hidden;background:#f4f5f7}.email-prev .bar{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}.email-prev .bar b{color:var(--text);font-weight:600}.email-prev .mail{margin:18px;background:#fff;border-radius:16px;padding:22px;color:#0e1116;display:flex;flex-direction:column;gap:12px}.email-prev .brandline{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.email-prev .code{font-size:30px;font-weight:600;letter-spacing:.18em}.logo-prev{height:120px;border-radius:12px;background:var(--hover);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-prev img{max-width:80%;max-height:80%;object-fit:contain}.masked{display:inline-flex;align-items:center;gap:6px}.json{background:var(--hover);border-radius:10px;padding:10px 12px;max-height:320px;overflow:auto}.spin{width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex:none}.btn.primary .spin,.btn.solid .spin{border-color:#fff rgba(255,255,255,.35) rgba(255,255,255,.35)}@keyframes spin{to{transform:rotate(1turn)}}.loading-block{padding:30px;display:grid;place-items:center;color:var(--muted)}@media (max-width:1280px){.grid.k6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.grid.c2,.grid.detail,.grid.side,.grid.wide-left,.split{grid-template-columns:minmax(0,1fr)}.topbar .srch{flex-basis:260px}}@media (max-width:820px){.shell{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{max-height:50vh}.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 16px;position:relative}.topbar .srch{flex:1 1 100%;order:3}.content{padding:16px}.grid.k6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k2{grid-template-columns:minmax(0,1fr)}.search input{width:100%}.strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:28px 22px}.otp-boxes input{width:42px;height:52px}}