:root{color-scheme:dark;--bg-0: #141414;--bg-1: #191919;--bg-2: #222222;--panel: rgba(28, 22, 28, .78);--panel-strong: rgba(32, 24, 32, .94);--border: rgba(250, 250, 250, .1);--border-strong: rgba(233, 66, 108, .45);--text: #fafafa;--muted: #a8a0a8;--accent: #e9426c;--accent-2: #bc358b;--accent-soft: rgba(233, 66, 108, .16);--accent-hover: #d43660;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--offline: #94a3b8;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--radius: 16px;--font: "Montserrat", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1100px 560px at 8% -12%,rgba(233,66,108,.22),transparent 55%),radial-gradient(900px 480px at 92% 0%,rgba(188,53,139,.16),transparent 52%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 42%,#101010)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code,.mono{font-family:var(--mono)}.command-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.organization-shell{grid-template-columns:1fr}.command-sidebar{position:sticky;top:0;height:100vh;padding:1.25rem 1rem;border-right:1px solid var(--border);background:linear-gradient(180deg,#191919fa,#101010fc);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:1.5rem}.brand-block{display:flex;flex-direction:column;gap:.45rem;padding:.35rem .4rem .95rem;border-bottom:1px solid var(--border)}.brand-logo{display:block;width:min(100%,188px);height:auto;object-fit:contain}.brand-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.brand-sub{color:var(--muted);font-size:.78rem;margin-top:-.15rem}.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:10px;color:var(--muted);transition:background .14s ease,color .14s ease}.nav-link:hover{background:#e9426c1a;color:var(--text)}.nav-link.active{background:var(--accent-soft);color:#fce7ef;box-shadow:inset 0 0 0 1px #e9426c52}.nav-link.disabled{opacity:.55}.nav-icon{width:1.1rem;text-align:center;font-family:var(--mono);font-size:.75rem;color:var(--accent)}.command-main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:#0b1220c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-left{display:flex;flex-direction:column;gap:.15rem}.topbar-kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.topbar-title{font-size:.95rem;font-weight:600}.topbar-meta{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-size:.82rem}.page{padding:1.35rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.15rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header h1{margin:0;font-size:1.55rem;letter-spacing:-.03em}.page-header p{margin:.35rem 0 0;color:var(--muted);max-width:58ch;line-height:1.45}.page-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-pad{padding:1rem 1.1rem}.panel-title{margin:0 0 .75rem;font-size:.92rem;font-weight:600;letter-spacing:-.01em}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.stat-card{padding:1rem 1.05rem}.stat-label{color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.stat-value{margin-top:.45rem;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.stat-hint{margin-top:.3rem;color:var(--muted);font-size:.8rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.table-wrap{overflow:auto}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}table.data-table th,table.data-table td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}table.data-table th{color:var(--muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}table.data-table tbody tr:hover{background:#e9426c0f}.linkish{color:#f5a3bc}.linkish:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:10px;padding:.55rem .9rem;font-weight:600;font-size:.88rem;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fafafa}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:#94a3b814;border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:#94a3b859;background:#94a3b824}.btn-danger{background:#f871711f;border-color:#f8717159;color:#fecaca}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#94a3b814}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.badge-ok,.badge-online,.badge-active{color:#a7f3d0;background:#34d3991f;border-color:#34d39947}.badge-warn,.badge-degraded{color:#fde68a;background:#fbbf241f;border-color:#fbbf2447}.badge-danger,.badge-revoked,.badge-error{color:#fecaca;background:#f871711f;border-color:#f8717147}.badge-offline,.badge-muted,.badge-unknown{color:#cbd5e1;background:#94a3b81f;border-color:#94a3b83d}.cidr-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:8px;background:#e9426c24;border:1px solid rgba(233,66,108,.32);color:#f9c2d4;font-family:var(--mono);font-size:.78rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.8rem;color:var(--muted);font-weight:500}.form-field .hint{color:var(--muted);font-size:.75rem}.form-field .error{color:#fca5a5;font-size:.75rem}.form-control{width:100%;border-radius:10px;border:1px solid var(--border);background:#101010b8;color:var(--text);padding:.6rem .75rem;outline:none}.form-control:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #e9426c2e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-grid .span-2{grid-column:span 2}.empty-state,.loading-state,.error-state{padding:2rem 1.25rem;text-align:center;color:var(--muted)}.empty-state h3,.loading-state h3,.error-state h3{margin:0 0 .4rem;color:var(--text);font-size:1rem}.empty-state p,.loading-state p,.error-state p{margin:0 auto;max-width:42ch;line-height:1.45}.error-state{color:#fecaca}.error-banner{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(248,113,113,.35);background:#f871711a;color:#fecaca;font-size:.88rem}.success-banner{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(52,211,153,.35);background:#34d3991a;color:#a7f3d0;font-size:.88rem}.warn-banner{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;color:#fde68a;font-size:.88rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a080ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem}.modal-panel{width:min(640px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}.modal-footer{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end}.modal-body{padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.9rem}.modal-header h2{margin:0;font-size:1.1rem}.stepper{display:flex;gap:.5rem;margin-bottom:.25rem}.step-pill{flex:1;padding:.45rem .6rem;border-radius:999px;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#94a3b814;border:1px solid var(--border)}.step-pill.active{color:#fce7ef;background:var(--accent-soft);border-color:#e9426c66}.step-pill.done{color:#a7f3d0;border-color:#34d3994d}.token-box{display:flex;flex-direction:column;gap:.65rem;padding:.9rem;border-radius:12px;background:#101010c7;border:1px solid rgba(233,66,108,.32)}.token-value{font-family:var(--mono);font-size:.85rem;word-break:break-all;line-height:1.45;color:#f9c2d4}.hierarchy{display:flex;flex-direction:column;gap:.75rem}.hierarchy-node{border:1px solid var(--border);border-radius:14px;background:#191919b3;overflow:hidden}.hierarchy-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:#e9426c0f}.hierarchy-body{padding:.75rem .85rem .9rem;display:flex;flex-direction:column;gap:.65rem}.hierarchy-child{margin-left:.75rem;padding-left:.85rem;border-left:2px solid rgba(188,53,139,.35);display:flex;flex-direction:column;gap:.55rem}.meta-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;color:var(--muted);font-size:.84rem}.meta-row strong{color:var(--text);font-weight:600}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem}.kv-item label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.kv-item div{font-size:.9rem}.muted{color:var(--muted)}.disabled-surface{opacity:.55;filter:grayscale(.15)}.stack{display:flex;flex-direction:column;gap:.75rem}.inline-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}@media(max-width:1100px){.stats-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.command-shell{grid-template-columns:1fr}.command-sidebar{position:relative;height:auto}.grid-2,.form-grid,.kv-grid,.stats-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(circle at top left,rgba(233,66,108,.22),transparent 42%),radial-gradient(circle at bottom right,rgba(188,53,139,.16),transparent 38%),linear-gradient(160deg,#101010,#191919 48%,#1e1a1e)}.login-panel{width:min(420px,100%);padding:1.75rem;border-radius:16px;border:1px solid var(--border);background:#191919f0;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:1.25rem}.login-logo{display:block;width:min(100%,220px);height:auto;margin-bottom:.85rem}.login-title{margin:0 0 .35rem;font-size:1.65rem;letter-spacing:-.03em}.login-form{display:flex;flex-direction:column;gap:.85rem}.ok-banner{padding:.7rem .85rem;border-radius:10px;border:1px solid rgba(16,185,129,.35);background:#10b9811f;color:#bbf7d0;font-size:.9rem}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem;align-items:start}.settings-secondary{position:sticky;top:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;gap:.75rem}.settings-secondary strong{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.settings-nav{display:flex;flex-direction:column;gap:.35rem}.settings-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:inherit;text-align:left;padding:.55rem .7rem;border-radius:8px;cursor:pointer;font:inherit}.settings-nav button:hover{background:#ffffff0a}.settings-nav button.active{border-color:var(--border);background:var(--panel-strong)}.settings-form-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-secondary{position:static}.settings-nav{flex-direction:row;flex-wrap:wrap}}.launch-picker{display:flex;flex-direction:column;gap:1.1rem}.launch-steps{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.82rem;color:var(--muted)}.launch-steps span{padding:.35rem .7rem;border-radius:999px;border:1px solid transparent}.launch-steps span.active{color:var(--text);border-color:var(--border);background:var(--panel-strong)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.choice-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;border-radius:14px;border:1px solid var(--border);background:#1010108c;color:inherit;font:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.choice-card:hover{border-color:#e9426c8c;transform:translateY(-1px)}.choice-card.selected{border-color:#e9426c;box-shadow:inset 0 0 0 1px #e9426c8c;background:#e9426c14}.choice-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.choice-card strong{font-size:1.02rem;letter-spacing:-.01em}.confirm-summary{cursor:default}.confirm-summary:hover{transform:none}.chip-select-control{position:relative}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;min-height:2.55rem;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--border);background:#101010b8}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .35rem .2rem .55rem;border-radius:999px;border:1px solid rgba(233,66,108,.28);background:#e9426c1f;font-size:.82rem}.chip-label{font-weight:600}.chip-remove{border:none;background:transparent;color:var(--muted);font-size:1rem;line-height:1;padding:0 .25rem;cursor:pointer}.chip-remove:hover{color:var(--text)}.chip-trigger{border:1px dashed rgba(250,250,250,.18);background:transparent;color:var(--muted);border-radius:999px;padding:.28rem .7rem;font-size:.8rem;font-weight:600}.chip-trigger:hover{color:var(--text);border-color:#e9426c66}.chip-menu{position:absolute;z-index:30;top:calc(100% + .35rem);left:0;right:0;max-height:220px;overflow:auto;border-radius:12px;border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow);padding:.35rem}.chip-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;border:none;background:transparent;color:var(--text);border-radius:8px;padding:.55rem .65rem;cursor:pointer}.chip-menu-item:hover{background:#e9426c1a}.chip-menu-empty{padding:.65rem .75rem;font-size:.85rem}.network-grants-editor{display:flex;flex-direction:column;gap:.85rem;padding-top:.35rem}.network-grants-title{margin:.35rem 0 0;font-size:.92rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.network-grant-list{display:flex;flex-direction:column;gap:.75rem}.network-grant-card{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:12px;border:1px solid var(--border);background:#1010108c}.network-grant-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.network-grant-org{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.network-scope-toggle{display:flex;flex-wrap:wrap;gap:.45rem}.scope-pill{border:1px solid var(--border);background:#94a3b814;color:var(--muted);border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.scope-pill.active{color:#fce7ef;background:var(--accent-soft);border-color:#e9426c66}.landing-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(233,66,108,.22),transparent 55%),linear-gradient(180deg,#0b0d12,#12151d 60%,#0b0d12)}.landing-hero{width:min(560px,100%);display:flex;flex-direction:column;gap:1rem;text-align:center}.landing-logo{width:min(220px,70%);margin:0 auto;height:auto}.landing-hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.03em}.landing-lead{margin:0;color:var(--muted);line-height:1.55;font-size:.98rem}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.landing-actions .btn{min-width:200px;position:relative}.landing-soon{display:block;font-size:.7rem;opacity:.8;font-weight:500}.landing-steps{text-align:left;margin:1rem 0 0;padding:1rem 1rem 1rem 1.6rem;border:1px solid var(--border);border-radius:12px;background:#1010108c;color:var(--muted);font-size:.9rem;line-height:1.5}.landing-steps li+li{margin-top:.45rem}.landing-footnote{margin:.5rem 0 0;font-size:.88rem}
