:root{--rail-w: 64px;--sidebar-w: 248px;--context-w: 296px;--topbar-h: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--pad-1: 4px;--pad-2: 8px;--pad-3: 12px;--pad-4: 16px;--pad-5: 24px;--pad-6: 32px;--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-base: 13.5px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--accent: #22D3EE;--accent-soft: rgba(34, 211, 238, .14);--accent-glow: rgba(34, 211, 238, .32);--accent-2: #F5C56C;--accent-2-soft: rgba(245, 197, 108, .14);--cat-cyan: #22D3EE;--cat-violet: #A78BFA;--cat-pink: #F472B6;--cat-lime: #BEF264;--cat-amber: #F5C56C;--cat-sky: #7DD3FC;--cat-rose: #FB7185;--cat-emerald: #6EE7B7;--st-online: #4ADE80;--st-idle: #FACC15;--st-dnd: #F87171;--st-offline: #71717A;--priority-urgent: #F87171;--priority-high: #F5C56C;--priority-med: #7DD3FC;--priority-low: #71717A;--transition: .16s cubic-bezier(.2,.7,.3,1)}[data-theme=dark]{--bg: #0B0D11;--bg-soft: #11141A;--surface: #161A22;--surface-2: #1D222B;--surface-3: #252B36;--hover: rgba(255,255,255,.04);--hover-2: rgba(255,255,255,.07);--border: #252A34;--border-soft: #1C2029;--border-strong: #323844;--text: #ECEEF3;--text-soft: #B8BDC8;--text-muted: #6F7686;--text-faint: #4B5260;--scrim: rgba(8, 10, 14, .7);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.45);--shadow-lg: 0 20px 60px rgba(0,0,0,.55);--rail-bg: #07090C;--sidebar-bg: #0E1117;--canvas-bg: #11141A;--topbar-bg: rgba(17, 20, 26, .85)}[data-theme=light]{--bg: #F7F8FA;--bg-soft: #EEF0F4;--surface: #FFFFFF;--surface-2: #F4F5F8;--surface-3: #EBEDF2;--hover: rgba(15,20,30,.04);--hover-2: rgba(15,20,30,.07);--border: #E6E8EE;--border-soft: #ECEEF3;--border-strong: #D4D7DF;--text: #1A1D24;--text-soft: #4A515E;--text-muted: #7A8190;--text-faint: #A4ABB8;--scrim: rgba(20, 24, 32, .4);--shadow-sm: 0 1px 2px rgba(15,20,30,.06);--shadow-md: 0 4px 16px rgba(15,20,30,.08);--shadow-lg: 0 20px 60px rgba(15,20,30,.14);--rail-bg: #11141A;--sidebar-bg: #F2F3F7;--canvas-bg: #FAFBFC;--topbar-bg: rgba(247,248,250,.85);--accent-soft: rgba(34, 130, 158, .12)}[data-density=compact]{--row-h: 28px;--card-pad: 10px;--gap: 6px}[data-density=balanced]{--row-h: 34px;--card-pad: 13px;--gap: 10px}[data-density=spacious]{--row-h: 40px;--card-pad: 16px;--gap: 14px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";overflow:hidden;height:100vh}#root{height:100vh}button{font-family:inherit;cursor:default}input,textarea{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}.scroll,.scroll *{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar,.scroll *::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb,.scroll *::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.ws-switcher-wrap{position:relative;flex:1;display:flex;align-items:center;gap:4px;min-width:0}.ws-switcher{flex:1;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);text-align:left;cursor:default;min-width:0;transition:background var(--transition),border-color var(--transition)}.ws-switcher:hover{background:var(--hover)}.ws-switcher.open{background:var(--hover-2);border-color:var(--border)}.ws-switcher .ws-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.2}.ws-switcher .ws-nm{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-switcher .ws-sub{font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-switcher .ws-sub-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.ws-switcher .ws-chev{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition)}.ws-switcher.open .ws-chev{transform:rotate(180deg)}.ws-search-btn{flex-shrink:0}.ws-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:50;padding:6px;animation:ws-pop-in .16s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column;gap:1px}@keyframes ws-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ws-pop-hd{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);padding:8px 8px 4px}.ws-pop-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border:0;background:transparent;border-radius:7px;color:var(--text-soft);cursor:default;width:100%;text-align:left;font-family:inherit}.ws-pop-item:hover{background:var(--hover);color:var(--text)}.ws-pop-item.active{background:var(--accent-soft);color:var(--text)}.ws-pop-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.2}.ws-pop-nm{font-size:13px;font-weight:600;color:var(--text)}.ws-pop-st{font-size:10.5px;color:var(--text-muted)}.ws-pop-item.active .ws-pop-st{color:var(--accent)}.ws-pop-check{color:var(--accent);flex-shrink:0}.ws-pop-badge{background:var(--accent);color:#06121a;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:18px;text-align:center;flex-shrink:0}.ws-pop-sep{height:1px;background:var(--border-soft);margin:4px 2px}.ws-pop-action{display:flex;align-items:center;gap:10px;padding:7px 8px;border:0;background:transparent;border-radius:7px;color:var(--text-soft);cursor:default;font-size:12.5px;font-weight:500;width:100%;text-align:left;font-family:inherit}.ws-pop-action:hover{background:var(--hover);color:var(--text)}.ws-pop-ico{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:6px;color:var(--text-soft);flex-shrink:0}.ws-pop-action:hover .ws-pop-ico{background:var(--surface-3);color:var(--text)}.ws-badge{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#06121a;flex-shrink:0}.ws-badge.sm{width:26px;height:26px;border-radius:7px;font-size:11px}.rail{background:var(--rail-bg);display:flex;flex-direction:column;align-items:center;padding:10px 0 14px;gap:6px;border-right:1px solid rgba(255,255,255,.04);position:relative}.rail-ws{width:44px;height:44px;border-radius:14px;background:var(--surface-2);color:var(--text-soft);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;cursor:default;position:relative;transition:border-radius var(--transition),background var(--transition),color var(--transition)}.rail-ws:hover{border-radius:12px;background:var(--accent);color:#06121a}.rail-ws.active{border-radius:12px}.rail-ws.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#fff}.rail-ws .ws-pip{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:12px;border-radius:0 4px 4px 0;background:var(--text-soft);opacity:0;transition:opacity var(--transition),height var(--transition)}.rail-ws:hover .ws-pip{opacity:1;height:22px}.rail-ws.active .ws-pip{display:none}.rail-divider{width:32px;height:1px;background:#ffffff14;margin:4px 0}.rail-add{width:44px;height:44px;border-radius:14px;background:transparent;border:1px dashed rgba(255,255,255,.14);color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:default}.rail-add:hover{border-style:solid;background:#4ade8014;border-radius:12px}.rail-spacer{flex:1}.rail-user{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#0b0d11;position:relative;cursor:default}.rail-user:after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--st-online);border:2px solid var(--rail-bg)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;min-width:0}.sidebar-hd{padding:8px;min-height:var(--topbar-h);display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-soft)}.sidebar-body{flex:1;overflow-y:auto;padding:8px 8px 16px}.sidebar-group{margin-bottom:12px}.sidebar-group-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 4px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sidebar-group-hd .grp-add{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:opacity var(--transition);color:var(--text-soft);font-size:14px;line-height:1}.sidebar-group:hover .grp-add{opacity:1}.sidebar-group-hd .grp-add:hover{background:var(--hover);color:var(--text)}.sb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text-soft);font-size:var(--fs-base);cursor:default;min-height:30px;position:relative}.sb-item:hover{background:var(--hover);color:var(--text)}.sb-item.active{background:var(--hover-2);color:var(--text)}.sb-item.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.sb-item .sb-ico{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.sb-item.active .sb-ico{color:var(--accent)}.sb-item .sb-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item .sb-badge{background:var(--accent);color:#06121a;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center}.sb-item .sb-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.sidebar-ft{border-top:1px solid var(--border-soft);padding:8px;display:flex;align-items:center;gap:8px;background:var(--bg-soft)}.user-card{display:flex;align-items:center;gap:8px;flex:1;padding:4px 6px;border-radius:8px;cursor:default;min-width:0}.user-card:hover{background:var(--hover)}.user-card .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#06121a;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.user-card .av:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--st-online);border:2px solid var(--bg-soft)}.user-card .meta{min-width:0;flex:1}.user-card .meta .nm{font-size:12.5px;font-weight:600;color:var(--text)}.user-card .meta .st{font-size:10.5px;color:var(--text-muted)}.user-ctrl{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);cursor:default}.user-ctrl:hover{background:var(--hover);color:var(--text)}.canvas{background:var(--canvas-bg);display:grid;grid-template-rows:var(--topbar-h) 1fr;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas>*:nth-child(2){min-height:0;min-width:0}.topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--topbar-h);font-size:13px;z-index:5}.topbar .crumbs{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--text-soft)}.topbar .crumbs .cb-ico{color:var(--text-muted);display:flex}.topbar .crumbs .cb-sep{color:var(--text-faint);margin:0 2px}.topbar .crumbs .cb-cur{color:var(--text);font-weight:600}.topbar .tb-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:0;background:transparent;color:var(--text-soft);cursor:default}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:0;background:var(--surface-2);color:var(--text);font-size:12.5px;font-weight:500;cursor:default;line-height:1.2}.btn-icon-sm{width:14px;height:14px;display:flex}.content{min-width:0;min-height:0;overflow:hidden;position:relative}.content-pad{padding:20px 24px}.page-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.page-hd h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em;color:var(--text)}.page-hd .page-sub{color:var(--text-muted);font-size:13px;margin-top:2px}.page-hd .page-actions{display:flex;align-items:center;gap:6px}.tabs{display:flex;align-items:center;gap:2px;background:var(--surface);padding:3px;border-radius:8px;border:1px solid var(--border);font-size:12px}.tabs button{background:transparent;border:0;color:var(--text-soft);padding:5px 10px;border-radius:6px;cursor:default;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.tabs button .t-ico{width:13px;height:13px;display:flex}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:500;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);line-height:1.4}.chip .chip-dot{width:6px;height:6px;border-radius:50%}.chip.assignee{padding:1px 6px 1px 1px;gap:4px}.chip.assignee .av{width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#06121a}.av{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#06121a;font-weight:700;border-radius:50%;flex-shrink:0}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in .2s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);max-width:560px;width:100%;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;animation:modal-in .22s cubic-bezier(.2,.7,.3,1)}@keyframes modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-hd{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-hd h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:20px;flex:1;overflow-y:auto}.modal-ft{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11.5px;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.field input[type=text],.field textarea,.field select{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:7px 10px;color:var(--text);font-size:13px;outline:0;transition:border-color var(--transition)}.field input[type=text]:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{min-height:80px;resize:vertical}.seg-tabs{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:3px}.seg-tabs button{appearance:none;background:transparent;border:0;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:6px;cursor:default;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition),background var(--transition)}.seg-tabs button:hover{color:var(--text-soft)}.seg-tabs button.on{background:var(--surface);color:var(--text);box-shadow:0 1px #00000040,inset 0 0 0 1px var(--border)}.seg-tabs button.on .seg-count{background:var(--accent-soft);color:var(--accent)}.seg-count{font-family:var(--font-mono);font-size:10.5px;background:var(--surface-3);color:var(--text-muted);padding:1px 5px;border-radius:4px;line-height:1.4}.bulk-list{display:flex;flex-direction:column;gap:6px}.bulk-task{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;transition:border-color var(--transition),background var(--transition)}.bulk-task:hover{border-color:var(--border)}.bulk-task.open{border-color:var(--border);background:var(--bg-soft)}.bulk-task-hd{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;min-height:38px}.bulk-idx{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);min-width:18px;text-align:right;-webkit-user-select:none;user-select:none}.bulk-chev{appearance:none;background:transparent;border:0;width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:default}.bulk-chev:hover{background:var(--hover-2);color:var(--text-soft)}.bulk-title-input{flex:1;min-width:80px;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:13px;padding:4px 2px}.bulk-title-input::placeholder{color:var(--text-faint)}.bulk-task-body{padding:0 12px 10px 36px;animation:bulk-expand .18s ease}@keyframes bulk-expand{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.bulk-task-body textarea{width:100%;resize:vertical;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font:inherit;font-size:12.5px;outline:0;transition:border-color var(--transition)}.bulk-task-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bulk-x-btn{width:26px;height:26px;color:var(--text-faint)}.bulk-x-btn:hover{color:var(--priority-urgent);background:#f871711a}.mini-select{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-soft);padding:4px 8px;border-radius:6px;font-size:11.5px;color:var(--text-soft);cursor:default;-webkit-user-select:none;user-select:none;height:26px;flex-shrink:0}.mini-select:hover{border-color:var(--border-strong);background:var(--surface-2)}.mini-select .mini-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.mini-select .mini-caret{color:var(--text-faint);margin-left:-2px}.mini-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:default;background:transparent;border:0;color:transparent}.mini-select .pri-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mini-select .col-dot{width:7px;height:7px;flex-shrink:0}.mini-select .av{flex-shrink:0}.bulk-add-btn{appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:transparent;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:500;cursor:default;transition:all var(--transition)}.bulk-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.bulk-empty{padding:14px;text-align:center;font-size:12px;color:var(--text-faint);border:1px dashed var(--border);border-radius:8px;background:var(--bg-soft)}.placeholder-img{background:repeating-linear-gradient(45deg,var(--surface-2) 0 8px,var(--surface) 8px 16px);border:1px dashed var(--border-strong);border-radius:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;justify-content:center}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.divider{height:1px;background:var(--border);margin:12px 0}.divider-v{width:1px;background:var(--border);align-self:stretch}.view-in{animation:vfade .24s ease}@keyframes vfade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.flex-1{flex:1;min-width:0}.text-muted{color:var(--text-muted)}.text-soft{color:var(--text-soft)}.text-faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:0;background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:0;background:var(--surface-2);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;line-height:1.2;transition:background var(--transition)}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--accent);color:#06121a;font-weight:600}.btn.primary:hover{background:#4dddf1}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.search{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:7px;min-width:240px;font-size:12.5px;color:var(--text-muted)}.search input{background:transparent;border:0;outline:0;color:var(--text);flex:1;font-size:12.5px;min-width:0}.search .kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border-radius:4px;background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border)}.roles-body{display:grid;grid-template-columns:280px 1fr;min-height:0;overflow:hidden}.roles-list{border-right:1px solid var(--border-soft);padding:12px 8px;overflow-y:auto}.roles-detail{padding:22px 28px 36px;overflow-y:auto}.role-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;color:var(--text-soft);font-weight:500;cursor:pointer;min-height:36px;transition:background var(--transition),color var(--transition)}.role-item:hover{background:var(--hover);color:var(--text)}.role-item.active{background:var(--hover-2);color:var(--text)}.role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-count{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--surface-2);color:var(--text-muted)}.role-hd{display:flex;align-items:center;gap:14px;margin-bottom:24px}.role-color-square{width:36px;height:36px;border-radius:10px}.admin{display:grid;grid-template-columns:var(--admin-sidebar-w, 252px) 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.adm-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;min-width:0}.adm-brand{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:56px;border-bottom:1px solid var(--border-soft)}.adm-logo{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#7DD3FC);color:#06121a;flex-shrink:0}.adm-brand-meta{display:flex;flex-direction:column;gap:1px;line-height:1.15;min-width:0}.adm-brand-nm{font-size:13.5px;font-weight:650;letter-spacing:-.01em}.adm-brand-badge{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:5px}.adm-brand-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.adm-sb-body{flex:1;overflow-y:auto;padding:10px 10px 16px}.adm-sb-group{margin-bottom:14px}.adm-sb-group-hd{padding:6px 10px 5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.adm-nav{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--text-soft);font-size:var(--fs-base);font-weight:500;cursor:default;position:relative;min-height:34px;transition:background var(--transition),color var(--transition)}.adm-nav:hover{background:var(--hover);color:var(--text)}.adm-nav.active{background:var(--hover-2);color:var(--text)}.adm-nav.active:before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.adm-nav .adm-nav-ico{width:17px;height:17px;display:flex;flex-shrink:0;color:var(--text-muted)}.adm-nav.active .adm-nav-ico{color:var(--accent)}.adm-nav .adm-nav-lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-nav .adm-nav-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center;background:var(--surface-3);color:var(--text-muted)}.adm-nav .adm-nav-badge.alert{background:#f8717129;color:#f87171}.adm-nav .adm-nav-badge.warn{background:#f5c56c29;color:#f5c56c}.adm-sb-ft{border-top:1px solid var(--border-soft);padding:9px 10px;display:flex;align-items:center;gap:9px;background:var(--bg-soft)}.adm-sb-ft .av{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#06121a;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-sb-ft .meta{flex:1;min-width:0}.adm-sb-ft .meta .nm{font-size:12.5px;font-weight:600}.adm-sb-ft .meta .st{font-size:10.5px;color:var(--text-muted)}.adm-canvas{background:var(--canvas-bg);display:grid;grid-template-rows:52px 1fr;min-width:0;min-height:0;overflow:hidden;position:relative}.adm-topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px;padding:0 18px;height:52px;z-index:5}.adm-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft)}.adm-crumbs .cur{color:var(--text);font-weight:600}.adm-crumbs .sep{color:var(--text-faint)}.adm-env{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 9px;border-radius:7px;background:#6ee7b71f;color:#6ee7b7;border:1px solid rgba(110,231,183,.28)}.adm-env .dot{width:6px;height:6px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 3px #6ee7b733}.adm-spacer{flex:1}.adm-content{min-width:0;min-height:0;overflow-y:auto;position:relative}.adm-pad{padding:22px 28px 36px;max-width:1480px}.adm-page-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.adm-page-hd h1{margin:0;font-size:23px;font-weight:650;letter-spacing:-.015em}.adm-page-hd .sub{color:var(--text-muted);font-size:13px;margin-top:3px}.adm-page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.adm-section-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.adm-section-hd h2{margin:0;font-size:14px;font-weight:650;letter-spacing:-.01em}.adm-section-hd .sub{font-size:11.5px;color:var(--text-muted)}.adm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.adm-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 16px 14px;display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden}.adm-kpi .k-top{display:flex;align-items:center;justify-content:space-between}.adm-kpi .k-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.adm-kpi .k-ico{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.adm-kpi .k-val{font-size:27px;font-weight:650;margin-top:6px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.adm-kpi .k-delta{font-size:11.5px;margin-top:3px;font-family:var(--font-mono);display:flex;align-items:center;gap:4px}.adm-kpi .k-delta.up{color:#6ee7b7}.adm-kpi .k-delta.down{color:#f87171}.adm-kpi .k-delta.flat{color:var(--text-muted)}.adm-spark{display:flex;align-items:flex-end;gap:2px;height:30px;margin-top:10px}.adm-spark .bar{flex:1;background:var(--accent-glow);border-radius:2px 2px 0 0;min-height:2px;transition:height var(--transition)}.adm-spark .bar.lead{background:var(--accent)}.adm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.adm-card-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border-soft)}.adm-card-hd h3{margin:0;font-size:13px;font-weight:600}.adm-card-hd .hint{font-size:11px;color:var(--text-muted)}.adm-card-body{padding:16px}.adm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.adm-grid-sb{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.adm-table-wrap{width:100%;overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:12.5px}.adm-table th,.adm-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border-soft);white-space:nowrap}.adm-table thead th{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--bg-soft);position:sticky;top:0;z-index:1;-webkit-user-select:none;user-select:none}.adm-table thead th.sortable{cursor:default}.adm-table thead th.sortable:hover{color:var(--text-soft)}.adm-table thead th .th-sort{display:inline-flex;align-items:center;gap:4px}.adm-table tbody tr{transition:background var(--transition);cursor:default}.adm-table tbody tr:hover{background:var(--hover)}.adm-table tbody tr.selected{background:var(--accent-soft)}.adm-table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.adm-table tbody tr:last-child td{border-bottom:0}.adm-cell-main{display:flex;align-items:center;gap:10px;min-width:0}.adm-cell-main .nm{font-weight:600;color:var(--text)}.adm-cell-main .sub{font-size:11px;color:var(--text-muted)}.adm-cell-stack{display:flex;flex-direction:column;gap:1px;min-width:0}.adm-av{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#06121a;font-weight:700;flex-shrink:0}.adm-av.round{border-radius:50%}.adm-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid transparent}.adm-badge .bdot{width:6px;height:6px;border-radius:50%}.adm-badge.green{background:#6ee7b721;color:#6ee7b7;border-color:#6ee7b747}.adm-badge.cyan{background:#22d3ee21;color:#22d3ee;border-color:#22d3ee47}.adm-badge.violet{background:#a78bfa24;color:#a78bfa;border-color:#a78bfa4d}.adm-badge.amber{background:#f5c56c24;color:#f5c56c;border-color:#f5c56c4d}.adm-badge.red{background:#f8717124;color:#f87171;border-color:#f871714d}.adm-badge.sky{background:#7dd3fc24;color:#7dd3fc;border-color:#7dd3fc4d}.adm-badge.gray{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.adm-plan{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:6px}.adm-health{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.adm-health .hdot{width:9px;height:9px;border-radius:50%;position:relative}.adm-health.operational .hdot{background:#6ee7b7;box-shadow:0 0 0 3px #6ee7b72e}.adm-health.degraded .hdot{background:#f5c56c;box-shadow:0 0 0 3px #f5c56c2e}.adm-health.down .hdot{background:#f87171;box-shadow:0 0 0 3px #f871712e}.adm-health.maintenance .hdot{background:#7dd3fc;box-shadow:0 0 0 3px #7dd3fc2e}.adm-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.adm-toolbar .spacer{flex:1}.adm-segment{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px}.adm-segment button{background:transparent;border:0;color:var(--text-soft);font:inherit;font-size:12px;font-weight:500;padding:5px 11px;border-radius:6px;cursor:default;display:inline-flex;align-items:center;gap:6px;transition:background var(--transition),color var(--transition)}.adm-segment button:hover{color:var(--text)}.adm-segment button.on{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.adm-segment button .cnt{font-family:var(--font-mono);font-size:10px;background:var(--surface-2);color:var(--text-muted);padding:0 5px;border-radius:4px}.adm-segment button.on .cnt{background:var(--accent-soft);color:var(--accent)}.adm-drawer-scrim{position:fixed;inset:0;background:var(--scrim);z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in .18s ease}.adm-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:901;display:flex;flex-direction:column;animation:drawer-in .24s cubic-bezier(.2,.7,.3,1)}@keyframes drawer-in{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}.adm-drawer-hd{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:14px}.adm-drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.adm-drawer-ft{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.adm-dl{display:grid;grid-template-columns:120px 1fr;gap:9px 14px;font-size:12.5px}.adm-dl dt{color:var(--text-muted)}.adm-dl dd{margin:0;color:var(--text);font-weight:500}.adm-stat-row{display:flex;gap:10px;margin:4px 0 18px}.adm-stat-row .st{flex:1;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:11px 12px}.adm-stat-row .st .l{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.adm-stat-row .st .v{font-size:18px;font-weight:650;margin-top:3px;font-variant-numeric:tabular-nums}.adm-bar{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.adm-bar>i{display:block;height:100%;border-radius:3px;background:var(--accent)}.adm-bar.thin{height:4px}.adm-audit-row{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border-soft)}.adm-audit-row:last-child{border-bottom:0}.adm-audit-row:hover{background:var(--hover)}.adm-audit-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-audit-main{min-width:0}.adm-audit-main .ttl{font-size:12.5px;color:var(--text)}.adm-audit-main .ttl b{font-weight:650}.adm-audit-main .meta{font-size:11px;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono);display:flex;gap:10px}.adm-audit-ts{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.tint-auth{background:#7dd3fc24;color:#7dd3fc}.tint-billing{background:#6ee7b724;color:#6ee7b7}.tint-org{background:#22d3ee24;color:#22d3ee}.tint-user{background:#a78bfa24;color:#a78bfa}.tint-security{background:#f8717124;color:#f87171}.tint-moderation{background:#f5c56c24;color:#f5c56c}.tint-system{background:var(--surface-3);color:var(--text-soft)}.adm-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border-soft);transition:background var(--transition)}.adm-row:last-child{border-bottom:0}.adm-row:hover{background:var(--hover)}.adm-row .r-ico{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-soft)}.adm-row .r-main{flex:1;min-width:0}.adm-row .r-main .r-ttl{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.adm-row .r-main .r-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.adm-row .r-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.adm-toggle{appearance:none;width:38px;height:22px;border-radius:11px;background:var(--surface-3);position:relative;cursor:default;transition:background var(--transition);flex-shrink:0;border:1px solid var(--border)}.adm-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition),background var(--transition)}.adm-toggle:checked{background:var(--accent);border-color:var(--accent)}.adm-toggle:checked:after{transform:translate(16px);background:#06121a}.adm-policy{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.adm-policy:last-child{border-bottom:0}.adm-policy .p-main{flex:1;min-width:0}.adm-policy .p-l{font-size:13px;font-weight:600}.adm-policy .p-d{font-size:11.5px;color:var(--text-muted);margin-top:2px}.adm-code{font-family:var(--font-mono);font-size:11.5px;background:var(--surface-2);border:1px solid var(--border);padding:2px 8px;border-radius:6px;color:var(--text-soft)}.adm-legend{display:flex;flex-direction:column;gap:9px}.adm-legend .lg{display:flex;align-items:center;gap:9px;font-size:12px}.adm-legend .lg .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}.adm-legend .lg .nm{flex:1;color:var(--text-soft)}.adm-legend .lg .vl{font-family:var(--font-mono);color:var(--text-muted)}.adm-chart{display:flex;align-items:stretch;gap:6px;height:150px;padding-top:8px}.adm-chart .col{flex:1;display:flex;flex-direction:column;min-width:0}.adm-chart .col .stack{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.adm-chart .col .stack i{display:block;width:100%;background:var(--accent);border-radius:3px 3px 0 0;transition:height var(--transition);min-height:2px}.adm-chart .col .xl{font-size:9.5px;color:var(--text-faint);font-family:var(--font-mono);margin-top:6px;text-align:center}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:8px;color:var(--text-muted);text-align:center}.adm-empty h3{color:var(--text);font-size:15px;margin:0}.adm-link{color:var(--accent);font-size:12px;font-weight:500;cursor:default}.adm-link:hover{text-decoration:underline}.fade-in{animation:adm-slide-in .22s ease}@keyframes adm-slide-in{0%{transform:translateY(6px)}to{transform:none}}html,body{overflow:visible;height:auto;min-height:100vh}.auth-stage{min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;display:grid;place-items:start center;padding:max(24px,4vh) 16px;background:radial-gradient(900px 600px at 18% 18%,rgba(34,211,238,.1),transparent 60%),radial-gradient(800px 600px at 86% 88%,rgba(167,139,250,.08),transparent 65%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-sans)}.auth-stage:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);pointer-events:none;z-index:0}.auth-shell{position:relative;z-index:1;width:min(440px,92vw);display:flex;flex-direction:column;gap:24px}.auth-brand{display:flex;align-items:center;gap:10px;justify-content:center}.auth-brand .auth-logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#06121a;font-size:14px;box-shadow:0 8px 24px var(--accent-glow)}.auth-brand .auth-word{font-size:18px;font-weight:700;letter-spacing:-.01em}.auth-brand .auth-word span{color:var(--accent)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 28px 22px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.auth-card-hd{margin-bottom:20px}.auth-card-hd h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em}.auth-card-hd .auth-sub{margin-top:6px;font-size:13px;color:var(--text-muted);line-height:1.5}.auth-card-hd .auth-sub strong{color:var(--text);font-weight:600;font-family:var(--font-mono);font-size:12.5px}.auth-tabs{display:flex;background:var(--surface-2);border:1px solid var(--border);padding:4px;border-radius:10px;margin-bottom:22px;position:relative}.auth-tab{flex:1;background:transparent;border:0;padding:8px 12px;border-radius:7px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:default;transition:color var(--transition);font-family:inherit}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-field label{font-size:11.5px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.auth-input{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;outline:0;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.auth-input::placeholder{color:var(--text-faint)}.auth-input:hover{border-color:var(--border-strong)}.auth-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .auth-input{flex:1;padding-right:42px}.auth-input-icon{position:absolute;right:10px;color:var(--text-muted);display:flex;align-items:center;background:transparent;border:0;width:28px;height:28px;border-radius:6px;justify-content:center;cursor:default}.auth-input-icon:hover{background:var(--hover);color:var(--text)}.auth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:10px;background:var(--accent);color:#06121a;font-size:14px;font-weight:650;font-family:inherit;cursor:default;transition:filter var(--transition),transform var(--transition);box-shadow:0 8px 24px var(--accent-glow);letter-spacing:-.005em}.auth-btn:hover{filter:brightness(1.06)}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.auth-btn.ghost{background:var(--surface-2);color:var(--text);box-shadow:none;border:1px solid var(--border)}.auth-btn.ghost:hover{background:var(--surface-3)}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 18px;font-size:12.5px}.auth-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);cursor:default}.auth-check input{position:absolute;opacity:0;pointer-events:none}.auth-check .box{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all var(--transition)}.auth-check input:checked~.box{background:var(--accent);border-color:var(--accent);color:#06121a}.auth-link{color:var(--accent);font-weight:600;cursor:default;background:transparent;border:0;padding:0;font-family:inherit;font-size:inherit}.auth-link:hover{text-decoration:underline;text-underline-offset:3px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-social{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.auth-social.two{grid-template-columns:1fr 1fr}.auth-social-btn{padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:default}.auth-social-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.auth-footer{margin-top:14px;text-align:center;font-size:12.5px;color:var(--text-muted)}.auth-meta{text-align:center;font-size:11px;color:var(--text-faint);margin-top:4px}.auth-meta .dot{color:var(--text-faint);padding:0 6px}.auth-steps{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-step{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.auth-step-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;transition:all var(--transition)}.auth-step.active .auth-step-dot{background:var(--accent);border-color:var(--accent);color:#06121a;box-shadow:0 0 0 4px var(--accent-soft)}.auth-step.done .auth-step-dot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.auth-step-label{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-step.active .auth-step-label,.auth-step.done .auth-step-label{color:var(--text)}.auth-step-bar{flex:1;height:2px;background:var(--border);border-radius:2px;overflow:hidden}.auth-step-bar-fill{display:block;height:100%;background:var(--accent);width:0%;transition:width .32s cubic-bezier(.2,.7,.3,1)}.auth-code{display:flex;gap:8px;justify-content:space-between;margin:4px 0}.auth-code input{flex:1;width:0;text-align:center;font-size:22px;font-weight:600;font-family:var(--font-mono);background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;color:var(--text);padding:12px 0;outline:0;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);font-feature-settings:"tnum"}.auth-code input:hover{border-color:var(--border-strong)}.auth-code input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.auth-code input.filled{border-color:var(--accent);background:var(--accent-soft)}.auth-resend{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:12.5px;color:var(--text-muted)}.auth-resend .timer{font-family:var(--font-mono);color:var(--text-soft);font-size:12px}.auth-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 18px}.auth-avatar{position:relative;width:88px;height:88px;border-radius:50%;background:var(--surface-2);border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:26px;font-weight:700;cursor:default;overflow:hidden;transition:border-color var(--transition)}.auth-avatar:hover{border-color:var(--accent)}.auth-avatar.has-image{border-style:solid;border-color:var(--border);color:#06121a}.auth-avatar .camera{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#06121a;display:flex;align-items:center;justify-content:center;border:3px solid var(--surface)}.auth-avatar-help{font-size:11.5px;color:var(--text-muted)}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-three{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}.auth-select{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:11px 32px 11px 12px;color:var(--text);font-size:14px;font-family:inherit;outline:0;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F7686' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;cursor:default}.auth-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.auth-gender{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-gender-opt{display:flex;align-items:center;gap:8px;padding:11px 12px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:9px;color:var(--text-soft);font-size:13px;font-weight:500;cursor:default;transition:all var(--transition);font-family:inherit}.auth-gender-opt:hover{border-color:var(--border-strong);color:var(--text)}.auth-gender-opt.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.auth-gender-opt .ico{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.auth-gender-opt.active .ico{color:var(--accent)}.auth-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--text-muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:default;padding:4px 8px;margin:-4px -8px 12px;border-radius:6px}.auth-back:hover{color:var(--text);background:var(--hover)}.auth-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--accent-soft);border:1px solid var(--accent);border-color:#22d3ee4d;border-radius:9px;margin-bottom:16px;font-size:12.5px;color:var(--text-soft);line-height:1.45}.auth-banner .ico{color:var(--accent);flex-shrink:0;margin-top:1px;display:flex}.auth-banner b{color:var(--text);font-weight:600}.auth-step-in{animation:auth-fade .32s cubic-bezier(.2,.7,.3,1)}@keyframes auth-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-success{text-align:center;padding:12px 0 4px}.auth-success-ico{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(34,211,238,.3)}.auth-success h2{margin:0 0 6px;font-size:20px;font-weight:650}.auth-success p{margin:0 0 18px;color:var(--text-muted);font-size:13px}body[data-route=admin],html:has(.admin){overflow:hidden;height:100vh}