:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e14;--surface:#141820;--surface-2:#1c2230;--ink:#e4e8f0;--muted:#7c859a;--line:#c8d2e61a;--line-bright:#648cdc73;--accent:#5b8def;--accent-2:#36d399;--accent-soft:#5b8def1f;--ok:#36d399;--warn:#f0b429;--danger:#ef5350;--ok-soft:#36d3991f;--warn-soft:#f0b4291f;--danger-soft:#ef53501f;--chart-1:var(--accent);--chart-2:var(--accent-2);--radius:10px;--sidebar-w:250px;--topbar-h:52px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-preset=matrix]{--accent:#36d399;--accent-2:#2ebd85;--accent-soft:#36d3991f;--chart-1:#36d399;--chart-2:#2ebd85}:root[data-preset=cyan]{--accent:#22d3ee;--accent-2:#06b6d4;--accent-soft:#22d3ee1f;--chart-1:#22d3ee;--chart-2:#06b6d4}:root[data-preset=violet]{--accent:#a78bfa;--accent-2:#8b5cf6;--accent-soft:#a78bfa1f;--chart-1:#a78bfa;--chart-2:#8b5cf6}:root[data-preset=amber]{--accent:#f0b429;--accent-2:#d99e1a;--accent-soft:#f0b4291f;--chart-1:#f0b429;--chart-2:#d99e1a}:root[data-preset=red]{--accent:#ef5350;--accent-2:#e53935;--accent-soft:#ef53501f;--chart-1:#ef5350;--chart-2:#e53935}:root[data-preset=frost]{--accent:#90a4ae;--accent-2:#78909c;--accent-soft:#90a4ae1f;--chart-1:#90a4ae;--chart-2:#78909c}:root[data-density=compact]{--gap:8px;--pad:10px;--font-xs:10px;--font-sm:11px;--font-base:12px;--font-lg:14px;--font-xl:16px;--topbar-h:44px}:root[data-density=comfortable],:root:not([data-density]){--gap:14px;--pad:16px;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-lg:15px;--font-xl:18px}:root[data-density=spacious]{--gap:20px;--pad:22px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-lg:17px;--font-xl:22px;--topbar-h:64px}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{padding:0 var(--pad);height:var(--topbar-h);border-bottom:1px solid var(--line);font-weight:800;font-size:var(--font-lg);letter-spacing:-.04em;align-items:center;gap:10px;display:flex}.sidebar-brand b{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%;flex-shrink:0}.sidebar-brand span{color:var(--muted);font-size:var(--font-xs);letter-spacing:.1em;font-weight:700}.sidebar-nav{padding:var(--pad) 10px;flex:1;overflow-y:auto}.nav-group{margin-bottom:var(--gap)}.nav-group small{font-size:var(--font-xs);letter-spacing:.1em;color:var(--muted);opacity:.6;text-transform:uppercase;padding:4px 12px;font-weight:700;display:block}.nav-item{width:100%;color:var(--muted);font-size:var(--font-sm);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.nav-item:hover{background:var(--accent-soft);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-foot{padding:var(--pad);border-top:1px solid var(--line);font-size:var(--font-xs);color:var(--muted);opacity:.5;letter-spacing:.05em}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{z-index:20;height:var(--topbar-h);padding:0 var(--pad);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0e14e0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-right{align-items:center;gap:10px;display:flex}.cmd-trigger{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--font-sm);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:6px 14px;transition:border-color .15s;display:flex}.cmd-trigger:hover{border-color:var(--line-bright)}.cmd-trigger kbd{background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-xs);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:inherit}.live-dot{font-size:var(--font-xs);color:var(--ok);letter-spacing:.06em;align-items:center;gap:6px;display:flex}.live-dot:before{content:"";background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 4px var(--ok-soft);border-radius:50%}.btn-ghost{border:1px solid var(--line);color:var(--muted);font-size:var(--font-sm);background:0 0;border-radius:6px;padding:6px 12px;transition:all .15s}.btn-ghost:hover{border-color:var(--line-bright);color:var(--ink)}.content{padding:var(--pad);flex:1;width:100%;max-width:1400px;margin:0 auto}.cmd-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.cmd-modal{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:540px;max-width:90vw;overflow:hidden;box-shadow:0 24px 80px #00000080}.cmd-input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font-size:var(--font-lg);background:0 0;outline:none;padding:16px 20px}.cmd-results{max-height:320px;padding:8px;overflow-y:auto}.cmd-item{width:100%;color:var(--muted);font-size:var(--font-sm);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .1s;display:flex}.cmd-item:hover,.cmd-item.focused{background:var(--accent-soft);color:var(--ink)}.cmd-item .cmd-icon{background:var(--surface-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.cmd-item .cmd-label{font-weight:600}.cmd-empty{text-align:center;color:var(--muted);font-size:var(--font-sm);padding:32px}.settings-popover{top:calc(var(--topbar-h) + 4px);background:var(--surface);border:1px solid var(--line);z-index:50;border-radius:10px;width:260px;padding:16px;position:absolute;right:0;box-shadow:0 16px 48px #0006}.settings-popover h3{font-size:var(--font-sm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-weight:700}.settings-popover label{font-size:var(--font-sm);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-popover select{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--font-sm);border-radius:6px;padding:4px 8px}.preset-dots{gap:6px;display:flex}.preset-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .15s}.preset-dot.active{border-color:var(--ink)}.section-head{margin-bottom:20px}.section-head p{font-size:var(--font-xs);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.section-head h1{font-size:var(--font-xl);letter-spacing:-.03em;margin:4px 0 0;font-weight:800}.section-head span{font-size:var(--font-sm);color:var(--muted);margin-top:2px;display:block}.metric-grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);flex-direction:column;gap:6px;transition:border-color .15s;display:flex}.metric-card:hover{border-color:var(--line-bright)}.metric-card .mc-head{justify-content:space-between;align-items:center;display:flex}.metric-card .mc-label{font-size:var(--font-xs);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.metric-card .mc-icon{background:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.metric-card .mc-value{font-size:var(--font-xl);letter-spacing:-.04em;font-weight:800;line-height:1}.metric-card .mc-sub{font-size:var(--font-xs);color:var(--muted)}.metric-card .mc-trend{font-size:var(--font-xs);border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-weight:600;display:inline-flex}.metric-card .mc-trend.up{color:var(--ok);background:var(--ok-soft)}.metric-card .mc-trend.down{color:var(--danger);background:var(--danger-soft)}.chart-grid{gap:var(--gap);grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.panel-title p{font-size:var(--font-xs);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.panel-title h2{font-size:var(--font-lg);margin:4px 0 0;font-weight:700}.panel-title b{font-size:var(--font-lg);color:var(--accent);font-weight:800}.bar-chart{align-items:flex-end;gap:3px;height:120px;display:flex}.bar-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-chart>div>i{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:3px;transition:height .3s;display:block}.bar-chart>div>small{font-size:var(--font-xs);color:var(--muted);white-space:nowrap;margin-top:4px}.pipeline-grid{margin-bottom:24px}.pipeline{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.pipeline-items{flex-direction:column;gap:8px;display:flex}.pipeline-item{background:var(--surface-2);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pipeline-item .pi-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pipeline-item .pi-status.ok{background:var(--ok)}.pipeline-item .pi-status.warn{background:var(--warn)}.pipeline-item .pi-name{font-size:var(--font-sm);flex:1;font-weight:600}.pipeline-item .pi-time{font-size:var(--font-xs);color:var(--muted)}.pipeline-item .pi-badge{font-size:var(--font-xs);border-radius:4px;padding:2px 8px;font-weight:600}.pipeline-item .pi-badge.ok{color:var(--ok);background:var(--ok-soft)}.pipeline-item .pi-badge.warn{color:var(--warn);background:var(--warn-soft)}.split-grid{gap:var(--gap);grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.panel p{font-size:var(--font-xs);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.panel h2{font-size:var(--font-lg);margin:4px 0 8px;font-weight:700}.panel .helper{font-size:var(--font-sm);color:var(--muted);line-height:1.5}.signal-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.signal-row:last-child{border-bottom:0}.signal-row span{font-size:var(--font-sm);color:var(--muted)}.signal-row b{font-size:var(--font-sm);font-weight:700}.data-list{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.data-card{padding:var(--pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;transition:border-color .15s;display:flex}.data-card.editable{cursor:pointer}.data-card.editable:hover{border-color:var(--line-bright)}.data-card div{flex-direction:column;gap:2px;display:flex}.data-card p{font-size:var(--font-xs);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.data-card h2{font-size:var(--font-base);margin:0;font-weight:700}.data-card small{font-size:var(--font-xs);color:var(--muted)}.badge{font-size:var(--font-xs);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border-radius:20px;padding:3px 10px;font-weight:700}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.error{color:var(--danger);background:var(--danger-soft)}.create-card{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);padding:var(--pad);margin-bottom:var(--gap)}.create-card h2,.form-title h2{font-size:var(--font-lg);margin:0;font-weight:700}.form-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.form-grid label{font-size:var(--font-xs);color:var(--muted);letter-spacing:.03em;flex-direction:column;gap:6px;font-weight:600;display:flex}.form-grid input,.form-grid select,.resource-form input,.resource-form select,.form-card input,.form-card select,.inline-form input,.inline-form select{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--font-sm);border-radius:8px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.resource-form input:focus,.resource-form select:focus,.form-card input:focus,.form-card select:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-grid .check,.inline-form .check{flex-direction:row;align-items:center;gap:8px;min-width:auto;padding-top:8px}.form-grid input[type=checkbox],.inline-form input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.inline-form label{font-size:var(--font-xs);color:var(--muted);flex-direction:column;gap:6px;min-width:120px;font-weight:600;display:flex}.inline-form button,button.primary{background:var(--accent);color:#fff;font-weight:700;font-size:var(--font-sm);letter-spacing:.01em;border:0;border-radius:8px;padding:10px 24px;transition:all .15s}.inline-form button:hover,button.primary:hover{opacity:.88;transform:translateY(-1px)}.inline-form button:active,button.primary:active{transform:translateY(0)}button.secondary{border:1px solid var(--line);color:var(--muted);font-size:var(--font-sm);background:0 0;border-radius:8px;padding:7px 16px;transition:all .15s}button.secondary:hover{border-color:var(--line-bright);color:var(--ink)}.resource-form{flex-direction:column;align-items:stretch}.resource-form label{min-width:auto}.resource-form input,.resource-form select{width:100%}.form-card{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);padding:var(--pad);margin-bottom:var(--gap)}.form-head{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:12px}.form-head p{font-size:var(--font-xs);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.form-head h2{font-size:var(--font-lg);margin:4px 0 0;font-weight:700}.form-card label{font-size:var(--font-xs);color:var(--muted);flex-direction:column;gap:6px;margin-bottom:12px;font-weight:600;display:flex}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:16px;padding-top:12px;display:flex}.provider-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.provider-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);flex-direction:column;gap:10px;display:flex}.provider-card div{flex-direction:column;gap:2px;display:flex}.provider-card p{font-size:var(--font-xs);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:0;font-weight:700}.provider-card h2{font-size:var(--font-base);margin:0;font-weight:700}.provider-card small{font-size:var(--font-xs);color:var(--muted)}.status-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:24px;display:grid}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.status-card .sc-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.status-card .sc-title{font-size:var(--font-xs);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;font-weight:700}.status-card .sc-value{font-size:var(--font-lg);margin-bottom:4px;font-weight:700}.status-card .sc-desc{font-size:var(--font-xs);color:var(--muted);line-height:1.5}.card-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.user-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);flex-direction:column;gap:10px;display:flex}.user-card>div:first-child{align-items:center;gap:10px;display:flex}.user-card .avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);font-weight:800;font-size:var(--font-lg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-card span{flex-direction:column;gap:1px;display:flex}.user-card strong{font-size:var(--font-sm)}.user-card small{font-size:var(--font-xs);color:var(--muted)}.card-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-stats span{flex-direction:column;gap:1px;display:flex}.card-stats small{font-size:var(--font-xs);color:var(--muted)}.card-stats b{font-size:var(--font-sm);font-weight:700}.two-panel{gap:var(--gap);grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid}.notice{background:var(--ok);color:#fff;font-weight:700;font-size:var(--font-sm);z-index:50;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000004d}.notice span{opacity:.6;font-size:16px}.pager{font-size:var(--font-xs);color:var(--muted);justify-content:center;padding:12px;display:flex}.empty{text-align:center;color:var(--muted);font-size:var(--font-sm);padding:40px}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:380px;max-width:100%;padding:32px}.login-card .eyebrow{font-size:var(--font-xs);letter-spacing:.1em;color:var(--accent);margin:0 0 16px;font-weight:700}.login-card h1{font-size:var(--font-xl);margin:0 0 6px;font-weight:800}.login-card .helper{font-size:var(--font-sm);color:var(--muted);margin:0 0 20px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card label{font-size:var(--font-xs);color:var(--muted);flex-direction:column;gap:4px;font-weight:600;display:flex}.login-card input{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--font-sm);border-radius:6px;outline:none;padding:10px 14px}.login-card input:focus{border-color:var(--accent)}.login-card button{background:var(--accent);color:#fff;font-weight:700;font-size:var(--font-sm);border:0;border-radius:6px;margin-top:4px;padding:10px}.login-error{background:var(--danger-soft);color:var(--danger);font-size:var(--font-sm);border-radius:6px;margin:12px 0 0;padding:10px}.state{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.state i{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.state h1{font-size:var(--font-lg);color:var(--ink);margin:0;font-weight:700}.state p{font-size:var(--font-sm);margin:0}.state button{background:var(--accent);color:#fff;font-weight:700;font-size:var(--font-sm);border:0;border-radius:6px;margin-top:8px;padding:8px 20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.split-grid,.two-panel{grid-template-columns:1fr}.cmd-trigger{min-width:auto}.cmd-trigger span{display:none}#mobile-toggle{display:flex!important}}@media (width<=640px){.metric-grid{grid-template-columns:1fr}.inline-form{flex-direction:column}.inline-form label{width:100%;min-width:auto}.form-grid{grid-template-columns:1fr}}.data-card.editable{cursor:pointer;transition:all .15s}.data-card.editable:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.status-card{transition:border-color .15s}.status-card:focus-within{border-color:var(--accent)}input:focus,select:focus,textarea:focus{transition:border-color .15s,box-shadow .15s}button.primary{transition:all .15s}button.primary:hover{opacity:.9;transform:translateY(-1px)}button.primary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.form-card,.create-card{animation:.2s ease-out fadeIn}