@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--accent: #3b5bdb;--accent-600: #364fc7;--accent-700: #2f44ad;--accent-soft: rgba(59, 91, 219, .1);--accent-ring: rgba(59, 91, 219, .3);--cold: #4d7cfe;--cool: #2bb3a3;--warm: #f0a829;--hot: #ec5b40;--cold-soft: rgba(77,124,254,.14);--cool-soft: rgba(43,179,163,.14);--warm-soft: rgba(240,168,41,.16);--hot-soft: rgba(236,91,64,.15);--ok: #1f9d63;--ok-soft: rgba(31,157,99,.12);--warn: #d98a16;--warn-soft: rgba(217,138,22,.12);--danger: #d64545;--bg: #eef0f4;--bg-grad-1: #f4f5f8;--bg-grad-2: #e9ebf0;--surface: #ffffff;--surface-2: #f7f8fa;--surface-inset: #f1f3f6;--border: #e4e7ec;--border-strong: #d3d8e0;--text: #131a2a;--text-2: #46506a;--muted: #8a93a6;--shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.05);--shadow-md: 0 4px 14px rgba(16,24,40,.06), 0 2px 6px rgba(16,24,40,.04);--shadow-lg: 0 18px 50px rgba(16,24,40,.12), 0 4px 14px rgba(16,24,40,.06);--navy-1: #1a2c52;--navy-2: #0f1d38;--navy-3: #0a1428;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--header-h: 64px;--sidebar-w: 252px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-theme=dark]{--accent: #5b7bff;--accent-600: #4f6fff;--accent-700: #4361e8;--accent-soft: rgba(91, 123, 255, .14);--accent-ring: rgba(91, 123, 255, .35);--cold: #6a93ff;--cool: #3fcab8;--warm: #f2b44e;--hot: #f06d52;--bg: #0a1120;--bg-grad-1: #0c1424;--bg-grad-2: #080e1a;--surface: #111a2e;--surface-2: #16213a;--surface-inset: #0e1729;--border: #233149;--border-strong: #2d3d59;--text: #e9eef8;--text-2: #aab6cc;--muted: #6f7d96;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px rgba(0,0,0,.45);--shadow-lg: 0 24px 60px rgba(0,0,0,.55);--navy-1: #17264a;--navy-2: #0c1830;--navy-3: #070f20}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);letter-spacing:-.005em}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;margin:0;letter-spacing:-.02em;color:var(--text)}button{font-family:inherit}::selection{background:var(--accent-ring)}.app-root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 20px;border-radius:var(--radius);border:1px solid transparent;font-size:14.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #1018282e,0 6px 18px var(--accent-soft)}.btn-primary:hover{background:var(--accent-600)}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-subtle{background:var(--surface-inset);color:var(--text)}.btn-subtle:hover{background:var(--border)}.btn-sm{height:36px;padding:0 14px;font-size:13.5px;border-radius:var(--radius-sm)}.btn-lg{height:50px;font-size:15.5px}.btn .ic{width:18px;height:18px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13.5px;font-weight:600;color:var(--text-2)}.field-label .req{color:var(--danger);margin-left:2px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .lead-ic{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}.input{width:100%;height:48px;padding:0 14px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.input.has-lead{padding-left:42px}.input.has-trail{padding-right:46px}.input-trail-btn{position:absolute;right:8px;width:34px;height:34px;display:grid;place-items:center;border:none;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer}.input-trail-btn:hover{background:var(--surface-inset);color:var(--text-2)}.input-trail-btn .ic{width:18px;height:18px}.checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14.5px;color:var(--text-2)}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;transition:all .15s ease}.checkbox .box .ic{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.6);transition:all .15s ease}.checkbox input:checked+.box{background:var(--accent);border-color:var(--accent)}.checkbox input:checked+.box .ic{opacity:1;transform:scale(1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:500;background:var(--surface-inset);color:var(--text-2);border:1px solid var(--border)}.chip .ic{width:15px;height:15px;opacity:.8}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:7px;font-size:12.5px;font-weight:600;letter-spacing:-.01em}.badge .dot{width:7px;height:7px;border-radius:50%}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-muted{background:var(--surface-inset);color:var(--muted)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.temp{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.temp .dot{width:8px;height:8px;border-radius:50%}.temp-cold{color:var(--cold)}.temp-cold .dot{background:var(--cold)}.temp-cool{color:var(--cool)}.temp-cool .dot{background:var(--cool)}.temp-warm{color:var(--warm)}.temp-warm .dot{background:var(--warm)}.temp-hot{color:var(--hot)}.temp-hot .dot{background:var(--hot)}.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column}.scroll-area::-webkit-scrollbar{width:10px;height:10px}.scroll-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid var(--surface)}.login-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--surface)}.login-brand{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--navy-1),var(--navy-2) 55%,var(--navy-3));color:#fff}.brand-texture{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 90% at 20% 10%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 20% 10%,#000 30%,transparent 80%)}.brand-glow{position:absolute;width:460px;height:460px;left:-120px;bottom:-160px;background:radial-gradient(circle,rgba(91,123,255,.45),transparent 65%);filter:blur(20px)}.brand-inner{position:relative;z-index:1;height:100%;padding:56px clamp(48px,6vw,84px);display:flex;flex-direction:column}.brand-hero{margin-top:auto;margin-bottom:auto;max-width:540px}.brand-hero h1{font-size:clamp(34px,3.6vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.035em;color:#fff}.brand-hero .accent-word{color:#9db2ff}.brand-hero p{margin-top:24px;font-size:16.5px;line-height:1.6;color:#e1e8f8b8;max-width:460px}.brand-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.brand-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ebf0fceb;font-size:13.5px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-chip .ic{color:#9db2ff}.brand-foot{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#d2dbf099}.live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3992e;flex-shrink:0}.live-dot.off{background:var(--muted);box-shadow:none}.login-form-side{position:relative;display:grid;place-items:center;padding:40px;background:var(--surface)}.login-form{width:100%;max-width:384px}.login-mobile-logo{display:none;margin-bottom:28px}.login-title{font-size:30px;font-weight:800}.login-sub{margin-top:10px;color:var(--text-2);font-size:14.5px;line-height:1.55}.login-foot{margin-top:26px;text-align:center;font-size:14px;color:var(--text-2)}.link-accent{color:var(--accent);font-weight:600;text-decoration:none;font-size:13.5px}.link-accent:hover{text-decoration:underline}.theme-toggle,.theme-toggle-float,.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s ease;position:relative}.theme-toggle:hover,.theme-toggle-float:hover,.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.theme-toggle-float{position:absolute;top:28px;right:28px}.icon-btn{border-color:transparent;background:transparent}.shell{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:8px}.bell-dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--hot);border:2px solid var(--surface)}.avatar{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:13px;font-family:Manrope,sans-serif;border:none;flex-shrink:0}.topbar-avatar{width:38px;height:38px;cursor:pointer;font-size:14px}.avatar-menu{position:relative}.menu-backdrop{position:fixed;inset:0;z-index:40}.dropdown{position:absolute;right:0;top:46px;z-index:41;width:230px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:7px}.avatar-menu .dropdown{display:none}.avatar-menu.open .dropdown{display:block}.dd-head{padding:10px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.dd-item{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:none;background:transparent;color:var(--text-2);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;text-decoration:none}.dd-item:hover{background:var(--surface-2);color:var(--text)}.dd-item.danger:hover{background:#d6454514;color:var(--danger)}.shell-body{display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));display:flex;flex-direction:column;padding:20px 16px;border-right:1px solid var(--border);background:var(--surface)}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border:none;border-radius:10px;background:transparent;color:var(--text-2);font-size:14.5px;font-weight:500;cursor:pointer;transition:all .14s ease;text-align:left;text-decoration:none}.nav-item .ic{color:var(--muted);transition:color .14s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover .ic{color:var(--text-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active .ic{color:var(--accent)}.sidebar-foot{margin-top:auto}.upsell{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:linear-gradient(160deg,var(--accent-soft),transparent)}.upsell-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff}.upsell-title{font-weight:700;font-size:14.5px;margin-top:12px;font-family:Manrope,sans-serif}.upsell-sub{font-size:12.5px;color:var(--text-2);margin-top:3px;line-height:1.45}.content{padding:32px clamp(20px,3vw,40px);max-width:1320px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:800}.page-desc{margin-top:5px;color:var(--text-2);font-size:14px}.page-desc strong{color:var(--text);font-weight:600}.segmented{display:inline-flex;padding:3px;background:var(--surface-inset);border-radius:10px;border:1px solid var(--border)}.segmented button{height:32px;padding:0 14px;border:none;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:600;border-radius:7px;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.card-title{font-size:16px;font-weight:700;font-family:Manrope,sans-serif;letter-spacing:-.01em}.card-sub{font-size:13px;color:var(--muted);margin-top:3px}.ta-r{text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kpi-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.kpi-ic-accent{background:var(--accent-soft);color:var(--accent)}.kpi-ic-ok{background:var(--ok-soft);color:var(--ok)}.kpi-ic-hot{background:var(--hot-soft);color:var(--hot)}.kpi-ic-warm{background:var(--warm-soft);color:var(--warm)}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:7px}.kpi-trend.up{color:var(--ok);background:var(--ok-soft)}.kpi-trend.down{color:var(--hot);background:var(--hot-soft)}.kpi-trend.down .ic{transform:scaleY(-1)}.kpi-value{font-size:30px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.03em;line-height:1}.kpi-label{font-size:14px;font-weight:600;margin-top:9px}.kpi-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.dash-2col{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:20px}.dash-2col-b{display:grid;grid-template-columns:1fr 1.7fr;gap:16px}.legend-inline{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);font-weight:500}.legend-inline .dot,.legend-row .dot{width:9px;height:9px;border-radius:3px}.donut-wrap{display:flex;align-items:center;gap:26px;margin-top:22px}.donut-center-stack{position:relative;flex-shrink:0;display:grid;place-items:center}.donut-center{position:absolute;text-align:center}.donut-num{font-size:22px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.02em}.donut-cap{font-size:11.5px;color:var(--muted);margin-top:1px}.donut-legend{flex:1;display:flex;flex-direction:column;gap:12px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}.legend-left{display:inline-flex;align-items:center;gap:9px;color:var(--text-2);font-weight:500}.legend-val{font-weight:700}.status-card{display:flex;flex-direction:column}.status-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.status-list li{display:flex;align-items:flex-start;gap:12px}.status-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.status-ic.ok{background:var(--ok);color:#fff}.status-ic.warn{background:var(--warn);color:#fff}.status-label{font-size:14px;font-weight:500;display:flex;flex-direction:column}.status-meta{font-size:12.5px;color:var(--muted);margin-top:1px}.status-live{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2)}.recent-card{overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:10px 20px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:13px 20px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.proj-card{padding:20px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}.proj-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.proj-card-head{display:flex;align-items:center;gap:12px}.proj-fav{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-family:Manrope,sans-serif;font-size:18px;color:var(--accent);background:var(--accent-soft);flex-shrink:0}.proj-name{font-weight:700;font-size:15.5px;font-family:Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-site{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);margin-top:2px}.proj-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:18px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.proj-stats>div{display:flex;flex-direction:column;gap:3px}.ps-label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.ps-val{font-size:15px;font-weight:600}.proj-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.proj-add{border:1.5px dashed var(--border-strong);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px;cursor:pointer;min-height:240px;transition:all .15s}.proj-add:hover{border-color:var(--accent);background:var(--accent-soft)}.proj-add-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--surface-inset);color:var(--accent)}.proj-add:hover .proj-add-ic{background:var(--accent);color:#fff}.proj-add-label{font-weight:700;font-size:15px;font-family:Manrope,sans-serif;color:var(--text);margin-top:4px}.proj-add-sub{font-size:12.5px;color:var(--muted)}.modal-overlay{position:fixed;inset:0;z-index:100;background:#0a101c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;place-items:center;padding:24px}.modal-overlay.open{display:grid}.modal{width:100%;max-width:620px;max-height:calc(100vh - 48px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.wizard-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 18px}.modal-title{font-size:20px;font-weight:800}.modal-sub{font-size:13.5px;color:var(--text-2);margin-top:4px}.stepper{display:flex;gap:6px;padding:0 26px 20px}.step{flex:1;display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:2px solid var(--border)}.step-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--surface-inset);color:var(--muted);flex-shrink:0;transition:all .2s}.step-label{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.step.current{border-bottom-color:var(--accent)}.step.current .step-num{background:var(--accent);color:#fff}.step.current .step-label{color:var(--text)}.step.done .step-num{background:var(--ok);color:#fff}.step.done .step-label{color:var(--text-2)}.wizard-body{padding:8px 26px;overflow-y:auto}.wz-pane{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 0}.wz-pane.left{align-items:stretch;text-align:left}.wz-illus{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:6px}.wz-h{font-size:19px;font-weight:800}.wz-p{font-size:14px;color:var(--text-2);line-height:1.55;max-width:480px}.connected-pill{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:9px 14px;border-radius:10px;background:var(--ok-soft);color:var(--text);font-size:13.5px}.counter-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.counter-opt{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .14s}.counter-opt:hover{border-color:var(--border-strong)}.counter-opt.sel{border-color:var(--accent);background:var(--accent-soft)}.counter-opt input{position:absolute;opacity:0}.radio-dot{width:19px;height:19px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;position:relative;transition:all .14s}.counter-opt.sel .radio-dot{border-color:var(--accent)}.counter-opt.sel .radio-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.co-site{display:block;font-weight:600;font-size:14.5px}.co-meta{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.value-preview{margin-top:22px;padding:18px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.vp-title{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:14px}.vp-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:14px;margin-bottom:11px}.vp-row:last-child{margin-bottom:0}.vp-bar{height:8px;border-radius:5px;background:var(--surface-inset);overflow:hidden}.vp-bar span{display:block;height:100%;border-radius:5px}.vp-amt{text-align:right;font-weight:700;font-size:13.5px}.code-block{position:relative;margin-top:8px;background:var(--navy-2);border-radius:var(--radius);padding:18px;overflow:hidden}.code-block pre{margin:0;font-size:12.5px;line-height:1.7;color:#c9d6f5;overflow-x:auto;white-space:pre}.copy-btn{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#e6ecfb;font-size:12.5px;font-weight:600;cursor:pointer}.copy-btn:hover{background:#ffffff29}.wizard-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-top:1px solid var(--border);margin-top:auto}.btn:disabled{opacity:.45;cursor:not-allowed}.user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.us-mini{display:flex;align-items:baseline;gap:10px}.us-num{font-size:28px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.02em}.us-cap{font-size:13px;color:var(--muted)}.search-box{position:relative;display:flex;align-items:center;width:320px;max-width:50vw}.search-box .lead-ic{left:13px}.user-cell{display:flex;align-items:center;gap:12px}.user-cell .avatar{width:38px;height:38px;font-size:12.5px}.user-name{display:block;font-weight:600;font-size:14px}.user-email{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}.activity{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.role-pick{display:flex;gap:8px;flex-wrap:wrap}.role-opt{height:38px;padding:0 16px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:600;cursor:pointer}.role-opt.sel{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}[data-theme-toggle] .ic-sun{display:none}[data-theme-toggle] .ic-moon,html[data-theme=dark] [data-theme-toggle] .ic-sun{display:block}html[data-theme=dark] [data-theme-toggle] .ic-moon,.input-trail-btn .ic-eye-off{display:none}.input-trail-btn.is-on .ic-eye-off{display:block}.input-trail-btn.is-on .ic-eye,.copy-btn .ic-check{display:none}.copy-btn.is-copied .ic-check{display:block}.copy-btn.is-copied .ic-copy{display:none}@media(prefers-reduced-motion:no-preference){.modal-overlay.open .modal{animation:ip-pop .2s cubic-bezier(.2,.8,.2,1)}@keyframes ip-pop{0%{transform:translateY(12px) scale(.985)}}}[hidden]{display:none!important}@media(max-width:980px){.login-grid{grid-template-columns:1fr}.login-brand{display:none}.login-mobile-logo{display:block}.kpi-grid,.user-stats{grid-template-columns:repeat(2,1fr)}.dash-2col,.dash-2col-b{grid-template-columns:1fr}}@media(max-width:760px){.shell-body{grid-template-columns:1fr}.sidebar,.step-label{display:none}}