:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:16px;--surface-canvas: #f3f5f4;--surface-nav: #17211f;--surface-primary: #fbfcfb;--surface-secondary: #e9eeec;--surface-elevated: #ffffff;--text-primary: #17211f;--text-secondary: #52605c;--text-tertiary: #70807a;--text-inverse: #f5f8f6;--line-default: #cbd4d0;--line-strong: #96a49f;--accent-primary: #d95618;--accent-hover: #b84410;--accent-soft: #f8e3d8;--focus-ring: #0b6ea8;--status-success: #247a52;--status-success-soft: #dcefe6;--status-warning: #9a6400;--status-warning-soft: #f5ead0;--status-error: #b4232f;--status-error-soft: #f5dfe1;--status-info: #28658c;--status-info-soft: #dceaf2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--nav-width: 15rem;--content-max: 76rem;--header-height: 4rem;--target-min: 2.75rem;--motion-micro: .12s;--motion-standard: .18s;--ease-out: cubic-bezier(.16, 1, .3, 1);--type-page: clamp(1.75rem, 3vw, 2.25rem);--type-section: 1.25rem;--type-subsection: 1rem;--type-content: .875rem;--type-small: .75rem;--type-mono: .8125rem}*{box-sizing:border-box}html,body,#root{min-block-size:100%}body{margin:0;background:var(--surface-canvas);color:var(--text-primary);font-size:var(--type-content);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline:none}:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:var(--type-page);font-weight:600;line-height:1.16}h2{font-size:var(--type-section);font-weight:600;line-height:1.3}h3{font-size:var(--type-subsection);font-weight:600;line-height:1.4}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:40;transform:translateY(-160%);background:var(--surface-elevated);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}.button{min-block-size:var(--target-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-weight:500;cursor:pointer;white-space:nowrap;transition:transform var(--motion-micro) var(--ease-out),opacity var(--motion-micro) var(--ease-out)}.button:hover{background:var(--accent-hover);color:var(--text-inverse)}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.58}.button--primary{background:var(--accent-primary);color:var(--text-inverse)}.button--secondary{background:var(--surface-secondary);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-default)}.button--ghost{background:transparent;color:var(--text-primary)}.button--danger{background:var(--status-error);color:var(--text-inverse)}.button__pending{inline-size:.75rem;block-size:.75rem;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%}.field{display:grid;gap:var(--space-2)}.field__label{font-weight:500}.field__input,select,textarea{inline-size:100%;min-block-size:var(--target-min);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-primary);padding:var(--space-3) var(--space-4)}.field__input[aria-invalid=true]{border-color:var(--status-error)}.field__hint{color:var(--text-secondary);font-size:var(--type-small)}.field__error{color:var(--status-error);font-size:var(--type-small);font-weight:500}.panel{background:var(--surface-primary);box-shadow:inset 0 0 0 1px var(--line-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.panel--critical{box-shadow:inset 0 0 0 1px var(--status-error)}.status-label{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;padding:var(--space-1) var(--space-3);font-weight:500}.status-label__dot{inline-size:.5rem;block-size:.5rem;border-radius:50%;background:currentColor}.status-label--success{color:var(--status-success);background:var(--status-success-soft)}.status-label--warning{color:var(--status-warning);background:var(--status-warning-soft)}.status-label--error{color:var(--status-error);background:var(--status-error-soft)}.status-label--info{color:var(--status-info);background:var(--status-info-soft)}.status-label--neutral{color:var(--text-secondary);background:var(--surface-secondary)}.empty-state{display:grid;gap:var(--space-2);min-block-size:8rem;align-content:center;color:var(--text-secondary)}.showcase{max-inline-size:var(--content-max);margin-inline:auto;padding:var(--space-8);display:grid;gap:var(--space-8)}.showcase__group{display:grid;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.stack{display:grid;gap:var(--space-4)}.app-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);max-block-size:100dvh;min-block-size:100dvh;overflow:hidden}.navigation{z-index:10;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface-nav);color:var(--text-inverse);padding:var(--space-4);border-inline-end:1px solid var(--line-default)}.navigation__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-block-end:var(--space-6)}.navigation__brand>span:nth-child(2){display:grid}.navigation__brand small,.navigation__item small{color:var(--line-default)}.brand-mark{inline-size:2rem;block-size:2rem;display:grid;place-items:center;background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:600}.brand-mark--large{inline-size:3rem;block-size:3rem}.navigation__routes{min-block-size:0;overflow:auto;display:grid;align-content:start;gap:var(--space-1)}.navigation__item{position:relative;inline-size:100%;min-block-size:var(--target-min);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:start;cursor:pointer}.navigation__item:hover{background:color-mix(in srgb,var(--surface-nav),var(--text-inverse) 8%)}.navigation__item--active{background:color-mix(in srgb,var(--surface-nav),var(--text-inverse) 12%)}.navigation__item--active:before{content:"";position:absolute;inset-block:var(--space-2);inset-inline-start:calc(var(--space-4) * -1);inline-size:var(--space-1);background:var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.navigation__footer{border-block-start:1px solid color-mix(in srgb,var(--surface-nav),var(--text-inverse) 18%);padding-block-start:var(--space-3)}.app-shell__body{min-inline-size:0;min-block-size:0;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr)}.page-header{position:sticky;inset-block-start:0;display:flex;align-items:center;padding-inline:var(--space-6);background:var(--surface-primary);border-block-end:1px solid var(--line-default)}.page-header>div{display:grid}.page-header span{color:var(--text-secondary);font-size:.75rem}.page-body{min-block-size:0;overflow:auto;padding:var(--space-8)}.page{max-inline-size:var(--content-max);margin-inline:auto;gap:var(--space-6)}.page-title{display:grid;gap:var(--space-2)}.page-title p{color:var(--text-secondary);max-inline-size:65ch}.mobile-bar,.navigation__close,.navigation-scrim{display:none}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:var(--space-4)}.metric-grid .panel{display:grid;align-content:start;gap:var(--space-3);min-block-size:10rem}.metric__label{color:var(--text-secondary)}.metric__value{font-size:var(--type-section);font-weight:600}.mono{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:var(--type-mono);overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6)}.form-grid__action,.form-message,.form-grid>p{grid-column:1 / -1}.request-list,.device-list{display:grid;gap:var(--space-4)}.request-card{display:grid;gap:var(--space-5)}.request-card__top,.device-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.request-card__top>div,.device-row>div{min-inline-size:0;display:grid;gap:var(--space-1)}.facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.facts div{min-inline-size:0;display:grid;gap:var(--space-1)}.facts dt{color:var(--text-secondary)}.facts dd{margin:0}details{border-block-start:1px solid var(--line-default);border-block-end:1px solid var(--line-default);padding-block:var(--space-3)}summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:500;min-block-size:var(--target-min)}.auth-page{min-block-size:100dvh;display:grid;grid-template-columns:minmax(18rem,1fr) minmax(22rem,30rem);gap:var(--space-12);align-items:center;max-inline-size:68rem;margin-inline:auto;padding:var(--space-8)}.auth-page__intro{display:grid;gap:var(--space-5);max-inline-size:34rem}.auth-page__intro p{color:var(--text-secondary)}.auth-form{display:grid;gap:var(--space-5)}.form-error{color:var(--status-error);font-weight:500}.secret-once{border-inline-start:var(--space-1) solid var(--accent-primary);padding-inline-start:var(--space-4)}.secret-value{display:block;background:var(--surface-secondary);border-radius:var(--radius-sm);padding:var(--space-4)}.deferred-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.deferred-state>div{display:grid;gap:var(--space-1)}.icon-button{inline-size:var(--target-min);block-size:var(--target-min);display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.icon-button:hover{background:var(--surface-secondary);color:var(--text-primary)}.dialog__overlay{position:fixed;inset:0;z-index:20;background:color-mix(in srgb,var(--surface-nav),transparent 28%);opacity:0;pointer-events:none;transition:opacity var(--motion-standard) var(--ease-out)}.dialog__content{position:fixed;inset-block-start:50%;inset-inline-start:50%;z-index:30;inline-size:min(30rem,calc(100% - var(--space-8)));max-block-size:calc(100dvh - var(--space-8));overflow-y:auto;transform:translate(-50%,-48%) scale(.98);opacity:0;pointer-events:none;display:grid;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:0 1rem 3rem color-mix(in srgb,var(--surface-nav),transparent 76%);transition:transform var(--motion-standard) var(--ease-out),opacity var(--motion-standard) var(--ease-out)}.dialog__overlay[data-state=open],.dialog__content[data-state=open]{opacity:1;pointer-events:auto}.dialog__content[data-state=open]{transform:translate(-50%,-50%) scale(1)}.dialog__heading,.dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dialog__actions{justify-content:flex-end}.loading-screen{min-block-size:100dvh;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@media(max-width:63.99rem){.app-shell{grid-template-columns:4.5rem minmax(0,1fr)}.navigation__brand>span:nth-child(2),.navigation__item>span:nth-child(2),.navigation__item small{display:none}.navigation__item{grid-template-columns:1fr;justify-items:center}}@media(max-width:47.99rem){.showcase{padding:var(--space-4)}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:var(--header-height) minmax(0,1fr)}.mobile-bar{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-3);background:var(--surface-nav);color:var(--text-inverse);border-block-end:1px solid var(--line-default)}.app-shell__body{grid-row:2;grid-template-rows:auto minmax(0,1fr)}.page-header{padding:var(--space-3) var(--space-4)}.page-body{padding:var(--space-4)}.navigation{position:fixed;inset-block:0;inset-inline-start:0;inline-size:min(var(--nav-width),calc(100% - var(--space-12)));z-index:30;transform:translate(-104%);transition:transform var(--motion-standard) var(--ease-out)}.navigation--open{transform:translate(0)}.navigation__brand>span:nth-child(2),.navigation__item>span:nth-child(2),.navigation__item small,.navigation__close{display:grid}.navigation__item{grid-template-columns:1.25rem minmax(0,1fr) auto;justify-items:stretch}.navigation__close{margin-inline-start:auto}.navigation-scrim{display:block;position:fixed;inset:0;z-index:20;border:0;background:color-mix(in srgb,var(--surface-nav),transparent 28%);opacity:0;pointer-events:none;transition:opacity var(--motion-standard) var(--ease-out)}.navigation-scrim[data-open=true]{opacity:1;pointer-events:auto}.auth-page{grid-template-columns:1fr;align-content:start;padding:var(--space-6) var(--space-4);gap:var(--space-8)}.form-grid,.facts{grid-template-columns:1fr}.request-card__top,.device-row{display:grid}.deferred-state{grid-template-columns:auto minmax(0,1fr)}.deferred-state .status-label{grid-column:2;justify-self:start}.button{inline-size:100%}.cluster .status-label{inline-size:auto}.dialog__actions{display:grid;grid-template-columns:1fr}}