@layer reset{*{box-sizing:border-box}html,body{min-width:20rem;min-height:100%;margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p,dl,dd{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}button:disabled{cursor:not-allowed;opacity:.55}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f4f7;--surface:#fcfeff;--surface-subtle:#e5eaef;--ink-surface:#162029;--text:#141c23;--muted:#565f66;--faint:#80878d;--border:#cbd2d8;--border-strong:#8f9aa3;--accent:#c04732;--accent-hover:#a43522;--accent-soft:#ffe4df;--on-accent:#fcfcfc;--success:#298646;--success-soft:#dcf2df;--warning:#bd821a;--warning-soft:#fde8cb;--danger:#c53637;--danger-soft:#ffe3df;--font-display:"DIN Alternate", "Arial Narrow", sans-serif;--font-body:"Avenir Next", Avenir, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--xs:.72rem;--sm:.82rem;--base:.95rem;--md:1.1rem;--lg:1.32rem;--xl:1.75rem;--hero:clamp(2rem,4vw,3rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r-sm:.25rem;--r-md:.5rem;--r-lg:.75rem;--line:.0625rem;--sidebar:15rem;--control:2.75rem;--fast:.14s ease-out;--shadow:0 1rem 3rem -1.25rem #0e171f52}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.9425% -.827253 -2.07182);--surface:lab(99.421% -.278056 -.691915);--surface-subtle:lab(92.4631% -1.09786 -2.75956);--ink-surface:lab(11.822% -2.49108 -7.36519);--text:lab(9.50792% -2.0919 -6.04369);--muted:lab(39.6806% -2.08585 -5.4626);--faint:lab(55.9228% -1.61126 -4.1201);--border:lab(83.7638% -1.62911 -4.12956);--border-strong:lab(62.8824% -2.38124 -6.16217);--accent:lab(47.5013% 48.712 38.9755);--accent-hover:lab(39.4596% 45.8195 37.487);--accent-soft:lab(92.7594% 10.0873 7.24914);--on-accent:lab(98.84% .0000298023 -.0000119209);--success:lab(49.4309% -39.316 25.9959);--success-soft:lab(93.5076% -10.3562 6.6093);--warning:lab(59.2672% 17.5343 59.3961);--warning-soft:lab(93.0905% 4.38598 17.0244);--danger:lab(45.9853% 56.8958 34.8481);--danger-soft:lab(92.6692% 12.2811 6.63735);--shadow:0 1rem 3rem -1.25rem lab(7.20873% -2.01964 -6.63221/.32)}}}@layer base{body{color:var(--text);background:var(--bg);font-family:var(--font-body);font-size:var(--base)}h1,h2,h3{margin-bottom:var(--s2);font-family:var(--font-display);line-height:1.08}h1{font-size:var(--xl)}h2{font-size:var(--lg)}h3{font-size:var(--md)}p{line-height:1.55}small{color:var(--faint)}.mono,.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.numeric{text-align:right}.eyebrow{margin-bottom:var(--s1);color:var(--muted);font:var(--xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}}@layer shell{.app-shell{min-height:100vh}.sidebar{z-index:10;width:var(--sidebar);padding:var(--s5) var(--s4);color:var(--on-accent);background:var(--ink-surface);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--s3);color:inherit;font:800 var(--lg) var(--font-display);text-decoration:none;display:flex}.brand-mark{align-items:end;gap:var(--s1);grid-template-columns:repeat(3,1fr);width:1.75rem;height:1.75rem;display:grid}.brand-mark i{background:var(--on-accent);display:block}.brand-mark i:first-child{height:45%}.brand-mark i:nth-child(2){height:75%}.brand-mark i:last-child{background:var(--accent);height:100%}.portal-label{margin:var(--s6) 0 var(--s4);padding:var(--s2) var(--s3);border-left:.2rem solid var(--accent);color:#b1b8bf;color:lab(74.4835% -1.62441 -4.12703);font:var(--xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.portal-label-admin{color:#e5d5bf;color:lab(86.1236% 3.333 13.1747);border-left-color:var(--warning)}.nav-list{gap:var(--s1);flex-direction:column;display:flex}.nav-item{min-height:var(--control);align-items:center;gap:var(--s3);padding:0 var(--s3);border-radius:var(--r-sm);color:#bec5cb;color:lab(79.1236% -1.62688 -4.12835);transition:background var(--fast),color var(--fast);text-decoration:none;display:flex}.nav-item:before{border:var(--line) solid currentColor;content:"";border-radius:50%;width:.4rem;height:.4rem}.nav-item:hover{color:var(--on-accent);background:#ffffff14;background:lab(100% 0 0/.08)}.sidebar-footer{gap:var(--s3);margin-top:auto;display:grid}.system-status{align-items:center;gap:var(--s2);color:#b8bfc5;color:lab(76.8036% -1.62563 -4.12773);font-size:var(--xs);display:flex}.account{align-items:center;gap:var(--s3);padding:var(--s2);border:var(--line) solid #ffffff1f;border-radius:var(--r-md);display:flex}@supports (color:lab(0% 0 0)){.account{border:var(--line) solid lab(100% 0 0/.12)}}.account small,.account strong{display:block}.account small{margin-top:var(--s1);color:#a0a5ab;color:lab(67.5231% -1.35779 -3.44143)}.avatar{width:2rem;height:2rem;color:var(--text);background:var(--surface-subtle);font-size:var(--xs);border-radius:50%;place-items:center;font-weight:800;display:grid}.logout-button{border:var(--line) solid #ffffff1f;border-radius:var(--r-sm);color:#bec5cb;color:lab(79.1236% -1.62688 -4.12835);cursor:pointer;background:0 0;min-height:2.25rem}@supports (color:lab(0% 0 0)){.logout-button{border:var(--line) solid lab(100% 0 0/.12)}}.logout-button:hover{color:var(--on-accent);background:#ffffff12;background:lab(100% 0 0/.07)}.main-area{min-height:100vh;margin-left:var(--sidebar)}.topbar{z-index:8;min-height:6rem;padding:var(--s4) var(--s6);border-bottom:var(--line) solid var(--border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#f0f4f7f0;background:lab(95.9425% -.827253 -2.07182/.94);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1{margin:0}.content{width:100%;max-width:90rem;padding:var(--s6);margin:0 auto}}@layer components{.button{min-height:var(--control);padding:0 var(--s4);border:var(--line) solid transparent;border-radius:var(--r-sm);cursor:pointer;transition:background var(--fast),border-color var(--fast),transform var(--fast);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(calc(var(--line) * -1))}.button:active{transform:translateY(var(--line))}.button-primary{color:var(--on-accent);background:var(--accent)}.button-primary:hover{background:var(--accent-hover)}.button-secondary{border-color:var(--border-strong);background:var(--surface)}.button-secondary:hover{background:var(--surface-subtle)}.full-width{width:100%}.panel{border:var(--line) solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.panel-head{min-height:4.5rem;padding:var(--s4) var(--s5);border-bottom:var(--line) solid var(--border);justify-content:space-between;align-items:center;display:flex}.panel-head h2,.panel-head p{margin-bottom:0}.panel-body{padding:var(--s5)}.badge{min-height:1.6rem;padding:0 var(--s2);border-radius:var(--r-sm);font:var(--xs) var(--font-mono);align-items:center;display:inline-flex}.badge-success{color:var(--success);background:var(--success-soft)}.badge-warning{color:#784e00;color:lab(37.2354% 13.8606 48.0966);background:var(--warning-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-neutral{color:var(--muted);background:var(--surface-subtle)}.status-dot{background:var(--faint);border-radius:50%;flex:none;width:.5rem;height:.5rem;display:inline-block}.status-ok{background:var(--success)}.status-warn{background:var(--warning)}.status-error{background:var(--danger)}.metrics{gap:var(--s4);margin-bottom:var(--s6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{min-height:7.5rem;padding:var(--s4);border-top:.2rem solid var(--text);background:var(--surface)}.metric span,.metric small,.metric strong{display:block}.metric span{color:var(--muted)}.metric strong{margin:var(--s4) 0 var(--s2);font:750 var(--xl) var(--font-mono)}.metric small{font-size:var(--xs)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{padding:var(--s3) var(--s4);border-bottom:var(--line) solid var(--border);text-align:left}th{color:var(--muted);background:var(--surface-subtle);font-size:var(--xs)}td{font-size:var(--sm)}td small{margin-top:var(--s1);display:block}.table-action{padding:var(--s2);color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:700}.table-action:hover{text-decoration:underline}.danger-text,.form-error{color:var(--danger)}.confirm-inline{align-items:center;gap:var(--s2);display:inline-flex}.empty-state,.error-state{min-height:18rem;padding:var(--s7);text-align:center;align-content:center;place-items:center;display:grid}.empty-state p,.error-state p{max-width:34rem;color:var(--muted)}.rack-ghost{width:8rem;margin-bottom:var(--s5);gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.rack-ghost i{border:var(--line) dashed var(--border-strong);height:3.5rem}.meter{border-radius:var(--r-sm);background:var(--surface-subtle);height:.45rem;overflow:hidden}.meter i{background:var(--text);height:100%;display:block}.skeleton-page{gap:var(--s4);grid-template-columns:repeat(2,1fr);display:grid}.skeleton-page div{background:var(--surface-subtle);min-height:9rem;animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.connection-control{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.connection-box{z-index:20;gap:var(--s2);width:22rem;padding:var(--s4);border:var(--line) solid var(--border-strong);border-radius:var(--r-md);color:var(--text);background:var(--surface);box-shadow:var(--shadow);white-space:normal;display:grid;position:absolute;top:100%;right:0}.connection-box code{font-family:var(--font-mono)}.node-create{position:relative}.node-form{right:0;top:calc(100% + var(--s2));z-index:25;width:min(32rem, calc(100vw - var(--s6)));gap:var(--s4);padding:var(--s5);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute}.node-form .form-error,.node-form>.button{grid-column:1/-1}@media (max-width:40rem){.node-form{grid-template-columns:1fr}}}@layer pages{.page-head{justify-content:space-between;align-items:end;gap:var(--s5);margin-bottom:var(--s5);display:flex}.page-head p{max-width:42rem;color:var(--muted);margin-bottom:0}.title-row{align-items:center;gap:var(--s3);display:flex}.title-row h2{margin-bottom:0}.instance-summary{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5);display:flex}.resource-chain{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);color:var(--on-accent);background:var(--ink-surface);grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;display:grid}.resource-chain span small,.resource-chain span strong{display:block}.resource-chain span small{margin-bottom:var(--s1);color:#a0a5ab;color:lab(67.5231% -1.35779 -3.44143)}.resource-chain span strong{font:var(--sm) var(--font-mono);text-overflow:ellipsis;overflow:hidden}.resource-chain>i{width:2rem;height:var(--line);background:#ffffff47;background:lab(100% 0 0/.28)}.config-layout{gap:var(--s5);grid-template-columns:minmax(0,1fr) 22rem;align-items:start;display:grid}.form-section{padding:var(--s5);border-bottom:var(--line) solid var(--border)}.form-section:last-child{border-bottom:0}.plan-grid{gap:var(--s4);grid-template-columns:repeat(3,1fr);display:grid}.plan-card{gap:var(--s2);padding:var(--s5);border:var(--line) solid var(--border);border-radius:var(--r-md);cursor:pointer;display:grid;position:relative}.plan-card:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 var(--line) var(--accent)}.plan-card input{inset:var(--s4) var(--s4) auto auto;accent-color:var(--accent);position:absolute}.plan-card strong{font:750 var(--lg) var(--font-display)}.plan-card b{margin:var(--s2) 0;font-family:var(--font-mono)}.form-grid{gap:var(--s4);grid-template-columns:repeat(2,1fr);display:grid}label{gap:var(--s2);color:var(--muted);font-size:var(--sm);display:grid}input,select{min-height:var(--control);padding:0 var(--s3);border:var(--line) solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);background:var(--surface)}input[type=range]{width:100%;accent-color:var(--accent);padding:0}.order-summary{position:sticky;top:7.5rem}.summary-list>div{justify-content:space-between;gap:var(--s4);margin-bottom:var(--s3);display:flex}.summary-list dd{font-weight:700}.summary-total{padding-top:var(--s4);border-top:var(--line) solid var(--border)}.summary-total dd{font:800 var(--lg) var(--font-mono)}.hint{color:var(--muted);font-size:var(--sm)}.capacity-summary{gap:var(--s3);display:grid}.capacity-summary>strong{font:800 var(--hero) var(--font-mono)}.incident-list{display:grid}.incident{align-items:start;gap:var(--s4);padding:var(--s4);border-bottom:var(--line) solid var(--border);grid-template-columns:auto 1fr auto;display:grid}.incident:last-child{border-bottom:0}.incident p{margin-bottom:var(--s1)}.auth-page{min-height:100vh;padding:var(--s5);background:var(--ink-surface);place-items:center;display:grid}.auth-card{width:min(100%,28rem);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.auth-card>p{color:var(--muted)}.auth-brand{margin-bottom:var(--s7);color:var(--text)}.form-stack{gap:var(--s4);margin-top:var(--s5);display:grid}}@layer responsive{@media (max-width:72rem){.metrics{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr}.order-summary{position:static}.plan-grid{grid-template-columns:1fr}}@media (max-width:54rem){.sidebar{width:auto;min-height:auto;position:static}.nav-list{flex-direction:row;overflow-x:auto}.portal-label,.sidebar-footer{display:none}.main-area{margin-left:0}.topbar{padding:var(--s4);position:static}.content{padding:var(--s4)}}@media (max-width:40rem){.metrics{grid-template-columns:1fr 1fr}.page-head,.instance-summary{flex-direction:column;align-items:start}.resource-chain{grid-template-columns:1fr}.resource-chain>i{width:var(--line);height:1.25rem;margin-left:var(--s4)}.form-grid{grid-template-columns:1fr}.incident{grid-template-columns:auto 1fr}.incident>.button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.topbar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--border:var(--border-strong);--muted:var(--text)}}}