:root{--app-bg:#07101f;--app-sidebar:#101a2d;--app-top:#081223;--app-panel:#142036;--app-panel-2:#19263d;--app-border:#2d3c56;--app-text:#e7edf9;--app-muted:#9babc2;--app-primary:#3b82f6;--app-primary-hover:#2563eb;--app-shadow:0 18px 45px rgba(0,0,0,.24);--app-radius:10px;--app-input:#0d1729;--app-overlay:rgba(2,8,23,.78)}
html[data-theme="light"]{color-scheme:light;--app-bg:#f4f7fb;--app-sidebar:#fff;--app-top:#fff;--app-panel:#fff;--app-panel-2:#f8fafc;--app-border:#d8e0ec;--app-text:#162033;--app-muted:#607089;--app-primary:#2563eb;--app-primary-hover:#1d4ed8;--app-shadow:0 15px 40px rgba(30,50,80,.09);--app-input:#fff;--app-overlay:rgba(15,23,42,.45)}
html[data-theme="classic"]{color-scheme:light;--app-bg:#f3f0e8;--app-sidebar:#243142;--app-top:#fffdf8;--app-panel:#fffdf8;--app-panel-2:#f8f4ea;--app-border:#d9d0bf;--app-text:#243142;--app-muted:#6f746f;--app-primary:#1f6b62;--app-primary-hover:#15564f;--app-shadow:0 12px 32px rgba(65,54,35,.12);--app-input:#fffefb;--app-overlay:rgba(36,49,66,.55)}
body{background:var(--app-bg)!important;color:var(--app-text)!important;transition:background .2s,color .2s}.topbar{background:color-mix(in srgb,var(--app-top) 94%,transparent)!important;border-color:var(--app-border)!important}.sidebar{background:var(--app-sidebar)!important;border-color:var(--app-border)!important}.content{background:var(--app-bg)}.panel,.metrics article,.auth-card,.modal-card{background:var(--app-panel)!important;border-color:var(--app-border)!important;color:var(--app-text)!important;box-shadow:var(--app-shadow)}.metrics article{box-shadow:none}.panel h1,.panel h2,.panel h3,.page-head h1,.auth-card h1,.modal-card h2,.workspace strong,.brand b{color:var(--app-text)!important}.page-head p:last-child,.muted,.panel small,.metrics span,.metrics small{color:var(--app-muted)!important}input,select,textarea,.search{background:var(--app-input)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.search input{background:transparent!important}.btn{background:var(--app-panel-2)!important;border-color:var(--app-border)!important;color:var(--app-text)!important;border-radius:7px}.btn.primary{background:var(--app-primary)!important;border-color:var(--app-primary)!important;color:#fff!important}.btn.primary:hover{background:var(--app-primary-hover)!important}.modal{background:var(--app-overlay)!important}.table-wrap table th{background:var(--app-panel-2)!important;color:var(--app-muted)!important}.table-wrap table td,.table-wrap table th{border-color:var(--app-border)!important}.topology,.canvas,.codebox,pre,.role-grid>div{background-color:var(--app-panel-2)!important;border-color:var(--app-border)!important}.nav-group{color:color-mix(in srgb,var(--app-muted) 75%,transparent)!important}.sidebar nav a{color:var(--app-muted)!important}.sidebar nav a.active,.sidebar nav a:hover{color:var(--app-text)!important;background:color-mix(in srgb,var(--app-primary) 13%,transparent)!important;border-color:var(--app-primary)!important}.sidebar-foot{border-color:var(--app-border)!important}.eyebrow{color:color-mix(in srgb,var(--app-primary) 80%,var(--app-text))!important}.theme-tools{display:flex;align-items:center;gap:6px}.tool-btn{width:34px;height:34px;border:1px solid var(--app-border);border-radius:7px;background:var(--app-panel-2);color:var(--app-text);display:grid;place-items:center;cursor:pointer}.tool-btn:hover{border-color:var(--app-primary);color:var(--app-primary)}.theme-menu{position:relative}.theme-popover{position:absolute;right:0;top:42px;width:220px;padding:10px;background:var(--app-panel);border:1px solid var(--app-border);border-radius:10px;box-shadow:var(--app-shadow);display:none;z-index:80}.theme-popover.show{display:block}.theme-popover button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px;border:0;border-radius:6px;background:transparent;color:var(--app-text);cursor:pointer;text-align:left}.theme-popover button:hover,.theme-popover button.active{background:color-mix(in srgb,var(--app-primary) 12%,transparent)}.theme-swatch{width:20px;height:14px;border-radius:4px;border:1px solid var(--app-border)}.sw-dark{background:#0b1326}.sw-light{background:#fff}.sw-classic{background:linear-gradient(90deg,#243142 50%,#f3f0e8 50%)}html[data-density="compact"] .content{padding:20px}html[data-density="compact"] th,html[data-density="compact"] td{padding:8px 11px}html[data-density="compact"] .panel,html[data-density="compact"] .metrics article{padding:14px}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--app-muted);font-size:12px;margin-bottom:14px}.breadcrumb b{color:var(--app-text)}.command-hint{font-size:10px;padding:2px 5px;border:1px solid var(--app-border);border-radius:4px;color:var(--app-muted)}.check,.modal-card .check{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:6px 16px 6px 0!important;width:auto!important}.check input,.modal-card .check input,input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;accent-color:var(--app-primary);flex:0 0 18px}.modal-card fieldset{border:1px solid var(--app-border);border-radius:8px;padding:12px 14px;margin:14px 0}.modal-card legend{padding:0 6px;color:var(--app-muted);font-size:12px}.modal-card{border-radius:12px!important}.modal-x{width:32px;height:32px;border-radius:6px!important;display:grid;place-items:center}.modal-x:hover{background:var(--app-panel-2)!important}.page-head{padding-bottom:4px}.page-head h1{letter-spacing:-.025em}.panel,.metrics article{border-radius:var(--app-radius)!important}.toast{position:fixed;right:24px;top:78px;z-index:90;box-shadow:var(--app-shadow);animation:toastIn .25s ease}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}}html[data-theme="light"] .sidebar .workspace strong,html[data-theme="light"] .sidebar .workspace small,html[data-theme="light"] .sidebar-foot b{color:var(--app-text)!important}html[data-theme="classic"] .sidebar{--app-text:#f8fafc;--app-muted:#b7c1d0;--app-border:#3b4a5e;--app-panel-2:#2d3b4d}html[data-theme="classic"] .sidebar .workspace strong,html[data-theme="classic"] .sidebar .workspace small,html[data-theme="classic"] .sidebar-foot b{color:#fff!important}@media(max-width:760px){.theme-tools .density-btn{display:none}.theme-popover{right:-46px}.top-actions{gap:7px}}