:root{--bg:oklch(98.5% .004 95);--bg-2:oklch(97.2% .005 95);--surface:#fff;--surface-2:oklch(97.8% .004 95);--surface-3:oklch(96.5% .005 95);--border:oklch(91.6% .004 95);--border-2:oklch(86.6% .006 95);--text:oklch(25.5% .013 264);--text-2:oklch(50.5% .013 264);--text-3:oklch(63.5% .011 264);--text-inv:#fff;--accent:#1f6feb;--accent-600:#1a5fd0;--accent-700:#1850b3;--accent-soft:oklch(95.5% .032 257);--accent-soft-2:oklch(91.5% .055 257);--accent-ring:oklch(72% .13 257/.35);--success:oklch(58.5% .135 152);--success-soft:oklch(95.5% .04 152);--success-2:oklch(50% .13 152);--warning:oklch(70% .135 70);--warning-soft:oklch(96% .05 80);--warning-2:oklch(56% .12 60);--danger:oklch(58.5% .205 25);--danger-soft:oklch(95.5% .035 25);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--shadow-sm:0 1px 2px oklch(40% .02 264/.06), 0 1px 3px oklch(40% .02 264/.05);--shadow-md:0 2px 4px oklch(40% .02 264/.05), 0 6px 16px oklch(40% .02 264/.08);--shadow-lg:0 8px 24px oklch(40% .02 264/.1), 0 24px 56px oklch(40% .02 264/.12);--shadow-accent:0 4px 14px oklch(56% .19 257/.3);--sidebar-w:256px;--font:"Golos Text", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}#root{height:100%}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}::selection{background:var(--accent-soft-2)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-2);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@font-face{font-family:Golos Text;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/GolosText-VariableFont_wght.woff)format("woff-variations"),url(/fonts/GolosText-VariableFont_wght.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/JetBrainsMono-VariableFont_wght.woff)format("woff-variations"),url(/fonts/JetBrainsMono-VariableFont_wght.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/JetBrainsMono-Italic-VariableFont_wght.woff)format("woff-variations"),url(/fonts/JetBrainsMono-Italic-VariableFont_wght.woff)format("woff")}.app{max-width:1366px;height:100%;margin:0 auto;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:18px 14px;display:flex}.brand{align-items:center;gap:11px;padding:6px 8px 16px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent), #3f86ff);width:34px;height:34px;box-shadow:var(--shadow-accent);border-radius:10px;flex:none;overflow:hidden}img.brand-mark{object-fit:contain;background:0 0;display:block}.brand-name{letter-spacing:-.02em;font-size:18px;font-weight:700}.brand-name b{color:var(--accent)}.nav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--r-md);color:var(--text-2);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:14.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-700);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-item svg{color:var(--text-3);flex:none}.nav-item .badge{margin-left:auto}.sidebar-spacer{flex:1}.account{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);align-items:center;gap:10px;padding:9px 10px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#4b5563,#1f2937);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.account-meta{min-width:0}.account-meta .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.account-meta .sub{color:var(--text-3);font-size:12px}.balance-widget{text-align:left;cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);width:100%;margin-bottom:9px;padding:11px 12px 12px;transition:border-color .14s,box-shadow .14s,background .14s;display:block}.balance-widget:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.balance-widget.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.bw-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.bw-days{color:var(--text-2);font-size:11.5px;font-weight:600}.bw-amount{letter-spacing:-.02em;color:var(--text);margin:3px 0 8px;font-size:23px;font-weight:800}.bw-bar{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.bw-bar>i{background:var(--success);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block}.bw-burn{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.bw-link{color:var(--accent);align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.balance-widget.warn .bw-bar>i{background:var(--warning)}.balance-widget.warn .bw-days{color:var(--warning-2)}.balance-widget.danger .bw-bar>i{background:var(--danger)}.balance-widget.danger .bw-days{color:var(--danger)}.radio-dot{border:2px solid var(--border-2);background:var(--surface);border-radius:50%;flex:none;width:18px;height:18px;margin-top:7px;transition:border-color .12s;position:relative}.radio-dot.on{border-color:var(--accent)}.radio-dot.on:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}.chip-btn{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);padding:7px 13px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,color .12s}.chip-btn:hover{border-color:var(--text-3)}.chip-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-700)}.pg-del{border:1px solid var(--border-2);background:var(--surface);width:30px;height:30px;color:var(--text-3);cursor:pointer;border-radius:8px;flex:none;place-items:center;transition:color .12s,border-color .12s;display:grid}.pg-del:hover{color:var(--danger);border-color:var(--danger)}.pg-add{border-radius:var(--r-md);border:1.5px dashed var(--border-2);width:100%;color:var(--accent-700);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:9px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.pg-add:hover{background:var(--accent-soft);border-color:var(--accent)}.restore-dot{background:var(--success);border-radius:50%;flex:none;width:9px;height:9px}.power-menu{z-index:50;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);min-width:190px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.power-menu-item{text-align:left;border-radius:var(--r-sm);cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.power-menu-item:hover{background:var(--surface-2)}.power-menu-item.danger{color:var(--danger)}.power-menu-item.danger:hover{background:var(--danger-soft)}.back-link{border-radius:var(--r-md);color:var(--text-2);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.back-link:hover{background:var(--surface-2);color:var(--text)}.server-context{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);margin:4px 2px 10px;padding:10px}.server-context .nm{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.server-context .host{font-family:var(--mono);color:var(--text-3);margin-top:3px;font-size:12px}.server-context-btn{text-align:left;cursor:pointer;width:100%;transition:border-color .14s,background .14s}.server-context-btn:hover{border-color:var(--border-2);background:var(--surface-3)}.server-context-btn .ctx-gear{color:var(--text-3);opacity:0;margin-left:auto;transition:opacity .14s}.server-context-btn:hover .ctx-gear{opacity:1}.hdr-id{cursor:pointer;background:0 0;border:none;border-radius:9px;flex:none;padding:0;transition:transform .12s;position:relative}.hdr-id:hover{transform:translateY(-1px)}.hdr-id:after{content:"";background:var(--surface);border:1px solid var(--border-2);opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23687' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;width:15px;height:15px;transition:opacity .14s;position:absolute;bottom:-3px;right:-3px}.hdr-id:hover:after{opacity:1}.main{flex:1;min-width:0;overflow-y:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:oklch(98.5% .004 95/.82);align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700}.topbar .sub{color:var(--text-2);margin-top:2px;font-size:13.5px}.topbar-spacer{flex:1}.page{max-width:1320px;padding:16px 32px 56px}.page-wide{max-width:1320px}.btn{border-radius:var(--r-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .14s,border-color .14s,transform 60ms,box-shadow .14s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{flex:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-600)}.btn-soft{background:var(--accent-soft);color:var(--accent-700)}.btn-soft:hover{background:var(--accent-soft-2)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-2)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--text-3)}.btn-subtle{color:var(--text-2);background:0 0}.btn-subtle:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-success{background:var(--success);color:#fff}.btn-lg{border-radius:var(--r-md);padding:12px 22px;font-size:15px}.btn-sm{border-radius:var(--r-sm);padding:6px 11px;font-size:13px}.btn:disabled{opacity:.5;pointer-events:none}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-h{align-items:center;gap:12px;margin-bottom:4px;display:flex}.card-h h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.card-h .ic{border-radius:10px;width:36px;height:36px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.mono{font-family:var(--mono)}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.pill{border-radius:var(--r-pill);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 9px;font-size:12.5px;font-weight:600;line-height:1.5;display:inline-flex}.pill .dot{border-radius:50%;flex:none;width:7px;height:7px}.pill-success{background:var(--success-soft);color:var(--success-2)}.pill-success .dot{background:var(--success)}.pill-warn{background:var(--warning-soft);color:var(--warning-2)}.pill-warn .dot{background:var(--warning)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-danger .dot{background:var(--danger)}.pill-info{background:var(--accent-soft);color:var(--accent-700)}.pill-info .dot{background:var(--accent)}.pill-neutral{background:var(--surface-3);color:var(--text-2)}.pill-neutral .dot{background:var(--text-3)}.badge{border-radius:var(--r-pill);background:var(--accent);color:#fff;padding:1px 7px;font-size:11.5px;font-weight:700}.badge-warn{background:var(--warning);color:#5a3d00}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--success);opacity:.35;border-radius:50%;animation:1.6s ease-out infinite ping;position:absolute;inset:-4px}@keyframes ping{0%{opacity:.45;transform:scale(.6)}80%,to{opacity:0;transform:scale(2.1)}}.safe-install{--ink:#0f1622;border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:14px;overflow:hidden}.safe-install-h{background:var(--success-soft);color:var(--success-2);align-items:center;gap:8px;padding:9px 13px;font-size:12.5px;font-weight:600;display:flex}.safe-install-h svg{flex:none}.safe-install-h .copy-btn{margin-left:auto}.safe-install-body{background:var(--ink);color:#e6edf3;font-family:var(--mono);white-space:pre;margin:0;padding:13px 15px;font-size:12px;line-height:1.7;overflow-x:auto}.safe-install-body .sic{color:oklch(66% .012 264)}.safe-install-body .sil{color:#e6edf3;word-break:break-all}.safe-install-body .pr{color:oklch(78% .13 152)}.health-list{flex-direction:column;display:flex}.health-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:15px 4px;display:flex}.health-item:last-child{border-bottom:none}.health-ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.health-ic.done{background:var(--success-soft);color:var(--success-2)}.health-ic.attention{background:var(--warning-soft);color:var(--warning-2)}.health-ic.todo{background:var(--surface-3);color:var(--text-3)}.health-body{flex:1;min-width:0}.health-body .t{font-size:15px;font-weight:600}.health-body .d{color:var(--text-2);margin-top:1px;font-size:13.5px}.gauge-row{gap:14px;display:flex}.gauge{place-items:center;display:grid;position:relative}.gauge .lbl{text-align:center;position:absolute}.gauge .lbl .v{letter-spacing:-.02em;font-size:22px;font-weight:700}.gauge .lbl .u{color:var(--text-3);font-size:11px}.stat{padding:16px 18px}.stat .k{color:var(--text-2);align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.stat .v{letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:700}.stat .v small{color:var(--text-3);font-size:14px;font-weight:600}.bar{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block}.bar.success>i{background:var(--success)}.bar.warn>i{background:var(--warning)}.bar.danger>i{background:var(--danger)}.disclosure{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.disclosure-h{background:var(--surface-2);text-align:left;width:100%;color:var(--text-2);border:none;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:600;display:flex}.disclosure-h:hover{background:var(--surface-3)}.disclosure-h .chev{color:var(--text-3);margin-left:auto;transition:transform .18s}.disclosure-h.open .chev{transform:rotate(90deg)}.term{color:oklch(86% .01 264);font-family:var(--mono);background:oklch(21% .014 264);max-height:280px;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-y:auto}.term .ln{white-space:pre-wrap;word-break:break-word}.term .ts{color:oklch(55% .02 264)}.term .ok{color:oklch(78% .13 152)}.term .warnc{color:oklch(82% .13 80)}.term .errc{color:oklch(72% .15 25)}.term .cmd{color:oklch(78% .1 257)}.term::-webkit-scrollbar-thumb{background:oklch(40% .02 264);border-color:oklch(21% .014 264)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{color:var(--text-2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-700);border-bottom-color:var(--accent)}.tab.active svg{color:var(--accent)}.field{margin-bottom:16px}.label{margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.label .opt{color:var(--text-3);margin-left:6px;font-weight:500}.input,.select{border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--surface);width:100%;color:var(--text);padding:10px 13px;font-size:14.5px;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.input::placeholder{color:var(--text-3)}.hint{color:var(--text-3);margin-top:6px;font-size:12.5px}.mini-check{border:1.5px solid var(--border-2);background:var(--surface);color:#fff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;transition:background .12s,border-color .12s;display:grid}.mini-check.on{background:var(--accent);border-color:var(--accent)}.mini-check.on.danger{background:var(--danger);border-color:var(--danger)}.seg{background:var(--surface-3);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:13.5px;font-weight:600}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toggle{background:var(--border-2);border:none;border-radius:99px;flex:none;width:44px;height:26px;transition:background .18s;position:relative}.toggle:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(18px)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);padding:16px 14px 11px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--border);vertical-align:middle;padding:14px;font-size:14px}.table tr:hover td{background:var(--surface-2)}.table .name{font-weight:600}.srv-card{cursor:pointer;padding:20px;transition:border-color .14s,box-shadow .14s,transform .1s}.srv-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.srv-top{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.srv-os{background:var(--surface-3);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.srv-name{letter-spacing:-.01em;font-size:16.5px;font-weight:700}.srv-host{font-family:var(--mono);color:var(--text-3);margin-top:2px;font-size:12.5px}.srv-metrics{border-top:1px solid var(--border);gap:18px;padding-top:16px;display:flex}.srv-metric .k{color:var(--text-3);font-size:11.5px;font-weight:500}.srv-metric .v{margin-top:2px;font-size:15px;font-weight:700}.srv-pending{flex-direction:column;padding:20px;display:flex}.srv-pending-glyph{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.srv-pending-hint{color:var(--text-3);align-items:center;gap:7px;margin-top:14px;font-size:12.5px;display:flex}.srv-pending-hint svg{flex:none}.srv-pending-lead{color:var(--text-2);margin-top:8px;font-size:13px;line-height:1.5}.srv-pending-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.srv-pending-confirm{color:var(--text-2);flex:100%;font-size:13px;line-height:1.45}.srv-create{grid-column:1/-1;padding:20px}.srv-create-title{margin:0 0 14px;font-size:15px;font-weight:700}.srv-role-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 4px;display:grid}.srv-role-card{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:7px;padding:12px;display:flex}.srv-role-card.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.srv-role-ic{background:var(--surface-3);width:26px;height:26px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.srv-role-card.sel .srv-role-ic{background:var(--accent-soft);color:var(--accent)}.srv-create-actions{gap:8px;margin-top:16px;display:flex}.steps{align-items:center;gap:0;margin-bottom:28px;display:flex}.step{align-items:center;gap:10px;display:flex}.step .n{background:var(--surface-3);width:28px;height:28px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;transition:all .2s;display:grid}.step.active .n{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.step.done .n{background:var(--success);color:#fff}.step .t{color:var(--text-3);font-size:14px;font-weight:600}.step.active .t,.step.done .t{color:var(--text)}.step-line{background:var(--border);border-radius:2px;flex:1;min-width:24px;height:2px;margin:0 14px}.step-line.done{background:var(--success)}.copybox{border-radius:var(--r-md);background:oklch(21% .014 264);align-items:center;gap:12px;padding:14px 16px;display:flex}.copybox code{font-family:var(--mono);color:oklch(88% .01 264);white-space:nowrap;flex:1;font-size:13.5px;overflow-x:auto}.copybox code .pr{color:oklch(62% .14 152)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:oklch(20% .02 264/.45);place-items:center;padding:24px;animation:.18s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.22s cubic-bezier(.2,.8,.2,1) pop;display:flex;overflow:hidden}.modal-lg{max-width:760px}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-h{flex:none;align-items:flex-start;gap:14px;padding:24px 26px 0;display:flex}.modal-h h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.modal-h .x{background:var(--surface-2);width:34px;height:34px;color:var(--text-2);border:none;border-radius:9px;flex:none;place-items:center;margin-left:auto;display:grid}.modal-h .x:hover{background:var(--surface-3)}.modal-b{flex:auto;min-height:0;padding:20px 26px;overflow-y:auto}.modal-f{border-top:1px solid var(--border);flex:none;justify-content:flex-end;gap:10px;padding:18px 26px 24px;display:flex}.timeline{background:var(--surface-3);border-radius:var(--r-md);height:56px;position:relative;overflow:hidden}.timeline .fill{background:linear-gradient(90deg, var(--accent-soft), var(--accent-soft-2));position:absolute;inset:0}.timeline .marks{position:absolute;inset:0}.timeline .pt{background:var(--accent);opacity:.5;width:2px;height:12px;position:absolute;bottom:0}.timeline .handle{background:var(--accent);width:3px;position:absolute;top:0;bottom:0}.timeline .handle:after{content:"";background:var(--accent);width:15px;height:15px;box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;position:absolute;top:-5px;left:-6px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.divider{background:var(--border);height:1px;margin:18px 0}.tag{font-family:var(--mono);background:var(--surface-3);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:12px}.kbd{font-family:var(--mono);background:var(--surface);border:1px solid var(--border-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12px}.fade-in{animation:.3s both fadeIn}@keyframes fadeIn{0%{transform:translateY(7px)}}.empty{text-align:center;padding:60px 20px}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notif-toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);z-index:300;width:344px;max-width:calc(100vw - 48px);padding:15px 16px;animation:.4s cubic-bezier(.2,.9,.25,1) both toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 44px #0f162233}@keyframes toastIn{0%{opacity:0;transform:translateY(26px)scale(.96)}}.idea-fresh{animation:2.6s ideaFlash}@keyframes ideaFlash{0%,45%{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent)}}.empty .ic{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.btn-danger:focus-visible,.btn-danger-soft:focus-visible{box-shadow:0 0 0 3px var(--danger-soft)}.btn-success:focus-visible{box-shadow:0 0 0 3px var(--success-soft)}.btn.is-loading{pointer-events:none}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--text-3);border-color:var(--border);cursor:not-allowed;-webkit-text-fill-color:var(--text-3)}.input.error,.select.error{border-color:var(--danger)}.input.error:focus,.select.error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.input.ok{border-color:var(--success)}.input.ok:focus{box-shadow:0 0 0 3px var(--success-soft)}.field-msg{align-items:flex-start;gap:6px;margin-top:6px;font-size:12.5px;line-height:1.45;display:flex}.field-msg svg{flex:none;margin-top:1px}.field-msg.error{color:var(--danger)}.field-msg.ok{color:var(--success-2)}.table tr.selected td{background:var(--accent-soft)}.table tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.skeleton{background:var(--surface-3);border-radius:var(--r-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,oklch(100% 0 0/.6),#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skel{border-radius:6px;height:12px}.skel-circ{border-radius:50%}.spinner{border:2.5px solid var(--accent-soft-2);border-top-color:var(--accent);box-sizing:border-box;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.spinner.sm{border-width:2px;width:14px;height:14px}.spinner.lg{border-width:3px;width:30px;height:30px}.spinner.on-accent{border-color:#fff #ffffff73 #ffffff73}.toast-host{z-index:300;flex-direction:column;gap:10px;width:366px;max-width:calc(100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.notif-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 15px;animation:.4s cubic-bezier(.2,.9,.25,1) both toastIn;box-shadow:0 16px 44px #0f16222e}.notif-card .nx{width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;display:grid}.notif-card .nx:hover{background:var(--surface-2);color:var(--text-2)}.tip-wrap{display:inline-flex;position:relative}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-within:after{content:attr(data-tip);background:var(--text);color:#fff;text-align:center;width:max-content;max-width:240px;box-shadow:var(--shadow-md);z-index:90;pointer-events:none;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}[data-tip]:hover:before,[data-tip]:focus-within:before{content:"";border:6px solid #0000;border-top-color:var(--text);z-index:90;pointer-events:none;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--text-3)}.nav-item:focus-visible,.chip-btn:focus-visible,.power-menu-item:focus-visible,.tab:focus-visible,.balance-widget:focus-visible,.srv-card:focus-visible,.card:focus-visible,.back-link:focus-visible,.server-context-btn:focus-visible,.hdr-id:focus-visible,.disclosure-h:focus-visible,.seg button:focus-visible,.toggle:focus-visible,.mini-check:focus-visible,.radio-dot:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}.table tr[tabindex]:hover td,.table tr[role=button]:hover td{background:var(--surface-2);cursor:pointer}.ob-flow{z-index:400;background:var(--bg);animation:.25s fadeIn;display:flex;position:fixed;inset:0}.ob-rail{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex:none;width:300px;padding:26px 22px;display:flex;overflow-y:auto}.ob-rail .brand{padding:0 0 22px}.ob-prog{background:var(--surface-3);border-radius:99px;height:6px;margin-bottom:6px;overflow:hidden}.ob-prog>i{background:var(--accent);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.ob-prog-label{color:var(--text-3);margin-bottom:22px;font-size:12px}.ob-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:18px 0 8px;font-size:11px;font-weight:600}.ob-group-label:first-child{margin-top:0}.ob-step{border-radius:var(--r-md);color:var(--text-2);align-items:center;gap:11px;padding:8px;font-size:13.5px;display:flex}.ob-step .dot{background:var(--surface-3);width:22px;height:22px;color:var(--text-3);border:2px solid #0000;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.ob-step.active{background:var(--accent-soft);color:var(--accent-700);font-weight:600}.ob-step.active .dot{background:var(--accent);color:#fff}.ob-step.done .dot{background:var(--success);color:#fff}.ob-step.skipped .dot{background:var(--surface-3);color:var(--text-3)}.ob-main{flex-direction:column;flex:1;min-width:0;display:flex}.ob-topbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:18px 36px;display:flex}.ob-body{flex:1;padding:40px 36px;overflow-y:auto}.ob-body-in{max-width:620px;margin:0 auto}.ob-h1{letter-spacing:-.02em;margin:0 0 8px;font-size:27px;font-weight:800}.ob-sub{color:var(--text-2);margin:0 0 28px;font-size:15px;line-height:1.55}.ob-footer{border-top:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 36px;display:flex}.ob-choice{text-align:left;border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;align-items:flex-start;gap:13px;width:100%;padding:16px 18px;font-family:inherit;transition:border-color .14s,background .14s;display:flex}.ob-choice:hover{border-color:var(--border-2);background:var(--surface-2)}.ob-choice.sel{border-color:var(--accent);background:var(--accent-soft)}.ob-choice .ci{background:var(--surface-3);width:40px;height:40px;color:var(--text-2);border-radius:11px;flex:none;place-items:center;display:grid}.ob-choice.sel .ci{background:var(--accent);color:#fff}.ob-choice .ct{font-size:15px;font-weight:700}.ob-choice .cd{color:var(--text-2);margin-top:2px;font-size:13px;line-height:1.45}@media (width<=860px){.ob-rail{display:none}.ob-topbar,.ob-body,.ob-footer{padding-left:18px;padding-right:18px}.ob-body{padding-top:26px}.ob-h1{font-size:23px}}.pf-card{border:1px solid var(--border);border-left:3px solid var(--pf-stripe,var(--border-2));border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:16px 18px}.pf-head{align-items:flex-start;gap:12px;display:flex}.pf-ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.pf-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.pf-detail{color:var(--text-3);word-break:break-word;margin-top:2px;font-size:12px}.pf-why{color:var(--text-2);margin:13px 0 0;font-size:13.2px;line-height:1.55}.pf-why-l{color:var(--text);font-weight:700}.pf-res{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.pf-res:has(.pf-res-block:only-child){grid-template-columns:1fr}.pf-res-block{border-radius:var(--r-md);padding:11px 13px}.pf-res-block.is-linvera{background:var(--accent-soft)}.pf-res-block.is-done{background:var(--success-soft)}.pf-res-block.is-you{background:var(--surface-2);border:1px solid var(--border)}.pf-res-h{align-items:center;gap:7px;margin-bottom:5px;font-size:12.5px;font-weight:700;display:flex}.pf-res-block.is-linvera .pf-res-h{color:var(--accent-700)}.pf-res-block.is-done .pf-res-h{color:var(--success-2)}.pf-res-block.is-you .pf-res-h{color:var(--text)}.pf-res-b{color:var(--text-2);font-size:12.8px;line-height:1.5}.pf-demo-link{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px}@media (width<=720px){.pf-res{grid-template-columns:1fr}}.role-notice{border-radius:var(--r-md);align-items:center;gap:10px;margin:0 0 18px;padding:11px 15px;font-size:13.2px;font-weight:600;line-height:1.45;display:flex}.role-notice.view{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.role-notice svg{color:var(--text-3);flex:none}.role-switch{border-top:1px solid var(--border);margin-top:8px;padding:12px 4px 4px}.srv-card.selectable{position:relative}.srv-card.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.srv-check{border:2px solid var(--border-2);background:var(--surface);color:#fff;z-index:2;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12px;right:12px}.srv-check.on{background:var(--accent);border-color:var(--accent)}.select-hint{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-700);align-items:center;gap:9px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.select-hint svg{flex:none}.bulk-bar{z-index:80;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 14px;animation:.3s cubic-bezier(.4,0,.2,1) toastIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bulk-count{padding-left:4px;font-size:13.5px;font-weight:700}.bulk-spacer{width:8px}.mobile-burger,.scrim{display:none}@media (width<=1080px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.sidebar{z-index:250;box-shadow:var(--shadow-lg);transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:240;background:oklch(20% .02 264/.42);animation:.2s fade;display:block;position:fixed;inset:0}.mobile-burger{z-index:60;background:var(--surface);border:1px solid var(--border-2);width:40px;height:40px;box-shadow:var(--shadow-sm);color:var(--text);border-radius:10px;place-items:center;display:grid;position:fixed;top:11px;left:12px}.mobile-burger:active{transform:translateY(1px)}.topbar{flex-wrap:wrap;gap:10px;padding:14px 20px 14px 64px}.topbar h1{font-size:19px}.page{padding:22px 18px 60px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width<=560px){.topbar{padding-left:60px}.modal-h,.modal-b{padding-left:18px;padding-right:18px}.modal-f{flex-wrap:wrap;padding-left:18px;padding-right:18px}.srv-metrics{flex-wrap:wrap;gap:12px}}@media (width<=860px){.grid{grid-template-columns:1fr!important}.page,.page-wide{max-width:100%}.card:has(table.table){-webkit-overflow-scrolling:touch;overflow-x:auto}table.table{min-width:460px}.bulk-bar{justify-content:center;max-width:none;left:14px;right:14px;transform:none}.pf-res{grid-template-columns:1fr}.role-notice{align-items:flex-start}}.auth-screen{--ink:#0f1622;--ink-2:#1b2433}.auth-screen a{color:var(--accent);text-decoration:none}.auth-screen .split{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-screen .brand-side{background:linear-gradient(165deg,var(--ink-2),var(--ink));color:#fff;flex-direction:column;padding:46px 52px;display:flex;position:relative;overflow:hidden}.auth-screen .brand-side:after{content:"";background:radial-gradient(circle,oklch(56% .19 257/.45),#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-90px;right:-70px}.auth-screen .bs-brand{letter-spacing:-.01em;z-index:1;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex;position:relative}.auth-screen .bs-brand .mark{background:var(--accent);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 14px oklch(56% .19 257/.4)}.auth-screen .bs-brand b{font-weight:800}.auth-screen .bs-mid{z-index:1;margin-top:auto;margin-bottom:auto;position:relative}.auth-screen .bs-mid h1{letter-spacing:-.03em;text-wrap:balance;max-width:15ch;margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.15}.auth-screen .bs-list{flex-direction:column;gap:15px;margin-top:8px;display:flex}.auth-screen .bs-item{align-items:flex-start;gap:12px;display:flex}.auth-screen .bs-item .ci{background:oklch(100% 0 0/.08);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.auth-screen .bs-item b{font-size:15px;font-weight:600}.auth-screen .bs-item span{color:oklch(80% .012 264);margin-top:1px;font-size:13px;display:block}.auth-screen .bs-foot{z-index:1;color:oklch(72% .012 264);font-size:13px;position:relative}.auth-screen .form-side{justify-content:center;align-items:center;padding:40px 28px;display:flex}.auth-screen .card{width:100%;max-width:404px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.auth-screen .back{color:var(--text-3);align-items:center;gap:7px;margin-bottom:26px;font-size:14px;font-weight:500;display:inline-flex}.auth-screen .back:hover{color:var(--text-2)}.auth-screen .mobile-brand{align-items:center;gap:10px;margin-bottom:26px;font-size:19px;font-weight:700;display:none}.auth-screen .mobile-brand .mark{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.auth-screen .mobile-brand b{color:var(--accent);font-weight:800}.auth-screen h2{letter-spacing:-.025em;margin:0 0 6px;font-size:27px;font-weight:800}.auth-screen .sub{color:var(--text-2);margin:0 0 26px;font-size:14.5px}.auth-screen .field{margin-bottom:16px}.auth-screen label{margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.auth-screen .input{border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--surface);width:100%;color:var(--text);padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .14s,box-shadow .14s}.auth-screen .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.auth-screen .input::placeholder{color:var(--text-3)}.auth-screen .row-between{justify-content:space-between;align-items:center;margin:-2px 0 20px;display:flex}.auth-screen .remember{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13.5px;display:flex}.auth-screen .chk{border:1.5px solid var(--border-2);background:var(--surface);color:#fff;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;transition:all .12s;display:grid}.auth-screen .chk.on{background:var(--accent);border-color:var(--accent)}.auth-screen .btn{border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:inherit;font-size:15.5px;font-weight:600;transition:transform .1s,background .15s;display:inline-flex}.auth-screen .btn:active{transform:translateY(1px)}.auth-screen .btn:disabled{opacity:.55;cursor:not-allowed}.auth-screen .btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px oklch(56% .19 257/.3)}.auth-screen .btn-primary:hover{background:var(--accent-700)}.auth-screen .divider{color:var(--text-3);align-items:center;gap:14px;margin:22px 0;font-size:12.5px;display:flex}.auth-screen .divider:before,.auth-screen .divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-screen .btn-alt{border:1px solid var(--border-2);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:12px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .14s;display:flex}.auth-screen .btn-alt:hover{background:var(--surface-2)}.auth-screen .swap{text-align:center;color:var(--text-2);margin-top:22px;font-size:14px}.auth-screen .swap a{cursor:pointer;color:var(--accent);font-weight:600}.auth-screen .hint{color:var(--text-3);text-align:center;margin-top:16px;font-size:12.5px;line-height:1.5}.auth-screen .twofa-hint{color:var(--text-2);margin:0 0 20px;font-size:14px;line-height:1.55}.auth-screen .twofa-hint b{color:var(--text);font-weight:600}.auth-screen .code-input{text-align:center;font-family:var(--mono);letter-spacing:.42em;padding:15px 14px;font-size:30px;font-weight:600}.auth-screen .code-input::placeholder{letter-spacing:.42em;color:var(--text-3)}.auth-screen .code-input.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.auth-screen .code-err{color:var(--danger);justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:13px;font-weight:600;display:flex}.auth-screen #twofa .btn-primary,.auth-screen #verify .btn-primary{margin-top:18px}.auth-screen .btn-text{text-align:center;width:100%;color:var(--text-2);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;display:block}.auth-screen .btn-text:hover{color:var(--text)}.auth-screen .twofa-foot{text-align:center;color:var(--text-3);margin-top:8px;font-size:13px}.auth-screen .reset-card{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);gap:13px;padding:16px;display:flex}.auth-screen .reset-card .rc-ic{width:40px;height:40px;color:var(--success-2);background:oklch(95.5% .045 152);border-radius:11px;flex:none;place-items:center;display:grid}.auth-screen .reset-card b{font-size:15px;font-weight:700}.auth-screen .reset-card span{color:var(--text-2);margin-top:4px;font-size:13.5px;line-height:1.55;display:block}.auth-screen .reset-card span em{color:var(--text);font-style:normal;font-weight:600}@media (width<=860px){.auth-screen .split{grid-template-columns:1fr}.auth-screen .brand-side{display:none}.auth-screen .mobile-brand{display:flex}}
