:root{color-scheme:dark;--canvas: #080b11;--shell: #0c1018;--surface: #111722;--surface-raised: #161e2b;--surface-hover: #1c2635;--line: #283449;--text: #f2f6fc;--muted: #9ba9bd;--subtle: #64748b;--blue: #4b82ff;--blue-strong: #78a2ff;--mint: #3dd5a4;--amber: #f2b84b;--red: #fa6c67;--focus: #9ebcff;--font: "Segoe UI Variable", "Segoe UI", Inter, system-ui, sans-serif;--mono: "Cascadia Code", ui-monospace, Consolas, monospace;--radius: 14px;--shadow: 0 16px 42px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);color:var(--text);font:14px/1.5 var(--font)}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:#4b82ff73;color:#fff}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--canvas);border-radius:99px}h1,h2,p{margin-top:0}h1{font-size:clamp(1.7rem,2vw,2.25rem);letter-spacing:-.025em;line-height:1.12}h2{font-size:1.05rem}small,.muted{color:var(--muted)}.muted{margin-top:16px}.button{border:1px solid transparent;border-radius:9px;min-height:38px;padding:8px 13px;font-weight:650;transition:background .15s ease,border-color .15s ease,color .15s ease}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:#6092ff}.button-secondary{background:var(--surface-raised);border-color:var(--line);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--surface-hover)}.button-quiet{background:transparent;color:var(--muted);padding-inline:6px}.button-quiet:hover:not(:disabled){color:var(--text)}.button-danger{background:#5a272b;color:#ffc2c0}.inline-error{color:#ffb7b2;margin-top:16px}.fine-print{color:var(--subtle);font-size:.84rem;max-width:44ch;margin-top:32px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--shell);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px;padding:22px 14px 14px}.brand{align-items:center;color:var(--text);display:inline-flex;font-size:1rem;font-weight:750;gap:9px;letter-spacing:-.015em}.brand-mark{color:var(--mint);height:23px;width:23px}.workspace{display:grid;gap:5px;padding:0 5px}.workspace label,.nav-label{color:var(--subtle);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.workspace select{appearance:none;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:9px;width:100%}.role{color:var(--muted);font-size:.82rem}.sidebar nav{display:grid;gap:3px}.sidebar nav a{border-radius:9px;color:var(--muted);padding:9px 10px}.sidebar nav a:hover{background:var(--surface-raised);color:var(--text)}.sidebar nav a.active{background:#4b82ff2b;color:#dce7ff}.nav-label{padding:18px 10px 4px}.client-download{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left}.client-download small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:2px}.account{align-items:center;border-top:1px solid var(--line);display:grid;gap:7px;grid-template-columns:32px minmax(0,1fr);margin-top:auto;padding:14px 5px 0}.account .button{grid-column:2;justify-self:start}.account strong,.account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:.88rem}.account small{font-size:.75rem}.avatar{align-items:center;background:#213452;border-radius:50%;color:#bdd1ff;display:inline-flex;font-size:.7rem;font-weight:700;height:30px;justify-content:center;width:30px}.content{margin:0 auto;max-width:1440px;padding:48px clamp(22px,5vw,72px);width:100%}.mobile-bar{display:none}@media(max-width:900px){.app-shell{display:block}.mobile-bar{align-items:center;background:var(--shell);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 18px;position:sticky;top:0;z-index:4}.sidebar{bottom:0;box-shadow:var(--shadow);left:0;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:280px;z-index:5}.sidebar-open{transform:translate(0)}.content{padding-top:32px}}.sidebar-brand{display:flex;align-items:center;justify-content:space-between}.nav-close,.nav-backdrop{display:none}@media(max-width:900px){.sidebar{visibility:hidden;overflow-y:auto}.sidebar-open{visibility:visible}.nav-close{display:inline-flex}.nav-backdrop{display:block;position:fixed;inset:0;z-index:4;border:0;background:#0000008c}}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.page-header h1{margin-bottom:7px}.page-header p{color:var(--muted);margin-bottom:0}.toolbar{align-items:center;color:var(--muted);display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.toolbar input{background:var(--shell);border:1px solid var(--line);border-radius:9px;color:var(--text);max-width:330px;padding:9px 11px;width:100%}.toolbar input::placeholder{color:var(--subtle)}.machine-list{border-top:1px solid var(--line)}.machine-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:38px minmax(160px,1fr) minmax(160px,.65fr);min-height:78px;padding:13px 8px;transition:background .15s ease}.machine-row:hover{background:var(--surface)}.machine-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.machine-initial{align-items:center;background:#23334d;border-radius:10px;color:#bfd1ff;display:inline-flex;font-weight:750;height:34px;justify-content:center;width:34px}.machine-name strong,.machine-name small,.machine-facts small{display:block}.machine-name small,.machine-facts small{color:var(--muted);font-size:.82rem;margin-top:3px}.machine-facts{justify-self:end;text-align:right}.status{align-items:center;color:var(--muted);display:inline-flex;font-size:.84rem;gap:6px}.status>span{background:currentColor;border-radius:50%;height:6px;width:6px}.status-good{color:var(--mint)}.status-warn{color:var(--amber)}.status-bad{color:var(--red)}.status-blue{color:var(--blue-strong)}.state-panel{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:16px;max-width:650px;padding:23px}.state-panel p{color:var(--muted);max-width:58ch}.state-mark{background:var(--blue);border-radius:7px;box-shadow:0 7px 18px #4b82ff40;flex:0 0 12px;height:12px;margin-top:5px}.skeleton-list i{background:linear-gradient(90deg,var(--surface) 20%,var(--surface-hover) 45%,var(--surface) 70%);background-size:200% 100%;border-bottom:1px solid var(--line);display:block;height:78px;animation:loading 1.3s ease-in-out infinite}@keyframes loading{to{background-position:-200% 0}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:520px;padding:clamp(28px,5vw,54px);width:100%}.auth-card .brand{margin-bottom:42px}.auth-card h1{font-size:clamp(2rem,5vw,3rem)}.auth-card>p{color:var(--muted);max-width:45ch}.auth-actions{display:grid;gap:10px;margin-top:27px}.auth-actions .button{text-align:left}.email-form{display:grid;gap:9px;margin-top:22px}.email-form label{color:var(--muted);font-size:.87rem;font-weight:650}.email-form input{background:var(--shell);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 11px}.decision-actions{display:flex;gap:9px;margin:25px 0 14px}.onboarding{max-width:690px;padding-top:9vh}.onboarding .lead{color:var(--muted);font-size:1.08rem;max-width:53ch}.onboarding-actions{margin:28px 0 20px}.back-link{color:var(--blue-strong);display:inline-block;font-size:.87rem;margin-bottom:17px}.enrollment-page{max-width:760px}.enrollment-review{border-top:1px solid var(--line);display:grid;margin-bottom:24px}.enrollment-review>div{border-bottom:1px solid var(--line);display:grid;gap:5px;padding:14px 0}.enrollment-review span{color:var(--muted);font-size:.84rem}.enrollment-review strong{overflow-wrap:anywhere}.enrollment-consequence{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:12px;max-width:650px;padding:20px}.enrollment-consequence h2,.enrollment-consequence p{margin:0}.enrollment-consequence p{color:var(--muted)}.machine-access{max-width:820px}.grant-create,.grant-list{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.grant-create>p{color:var(--muted);max-width:64ch}.grant-create fieldset,.grant-row fieldset{border:0;display:grid;gap:14px;margin:20px 0;padding:0}.grant-field{color:var(--muted);display:grid;font-size:.88rem;font-weight:650;gap:7px;max-width:360px}.grant-field select,.grant-field input{background:var(--shell);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;padding:10px 11px}.capability-set{display:flex;flex-wrap:wrap;gap:10px 17px}.capability-set label{align-items:center;color:var(--text);display:inline-flex;font-size:.9rem;gap:7px}.capability-set input{accent-color:var(--blue)}.grant-row{border-bottom:1px solid var(--line);display:grid;gap:16px;padding:22px 0}.grant-row-head{align-items:start;display:flex;gap:16px;justify-content:space-between}.grant-row-head p,.grant-row-revoked p{color:var(--muted);margin:5px 0 0}.grant-mode{background:var(--surface-raised);border-radius:999px;color:var(--blue-strong);font-size:.78rem;font-weight:700;padding:5px 9px;white-space:nowrap}.grant-actions{display:flex;flex-wrap:wrap;gap:10px}.grant-row-revoked{opacity:.7}.grant-create fieldset,.grant-row fieldset,.grant-field{min-width:0}.grant-field{width:100%}.grant-field select,.grant-field input{min-width:0;width:100%}.grant-row-head>div{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.page-header{align-items:stretch;flex-direction:column}.page-header .button{align-self:flex-start}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}.machine-row{align-items:start;grid-template-columns:38px minmax(0,1fr)}.machine-facts{grid-column:2;justify-self:start;text-align:left}.state-panel{padding:18px}}.section-nav{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid var(--line);margin-bottom:32px}.section-nav a{color:var(--muted);padding:10px 0;border-bottom:2px solid transparent}.section-nav a:hover,.section-nav a.active{color:var(--text)}.section-nav a.active{border-color:var(--blue)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:1.3rem;margin-bottom:8px}.section-heading p,.plain-empty p,.directory-help,.field-help{color:var(--muted)}.section-heading p{margin:0}.group-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.plain-empty{padding:32px 0;border-top:1px solid var(--line)}.plain-empty h3{margin:0 0 8px;font-size:1rem}.people-list{border-top:1px solid var(--line)}.person-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.person-row>div{min-width:0;overflow-wrap:anywhere}.person-row small,.member-picker small{display:block;margin-top:4px;color:var(--muted)}.person-actions{display:flex;align-items:center;gap:12px}.person-actions select,.member-picker>input{background:var(--shell);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.pending-invites{margin-top:40px}.edit-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:28px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto}.edit-dialog::backdrop{background:#000000a6}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-header h2{margin:0;font-size:1.25rem}.edit-dialog .grant-field{max-width:none;margin-bottom:16px}.member-picker{display:grid;gap:8px;padding:0;margin:24px 0;border:0;min-width:0;max-height:320px;overflow-y:auto}.member-picker legend{padding:0 0 12px;font-weight:650}.member-picker label{display:flex;align-items:center;gap:12px;padding:10px 4px;overflow-wrap:anywhere}.member-picker label input{accent-color:var(--blue);flex:0 0 auto}.member-picker>input{min-width:0;width:100%;margin-bottom:8px}.directory-help{margin-top:24px}.field-help{font-size:.85rem}@media(max-width:640px){.section-heading{flex-direction:column;gap:16px}.person-row{flex-wrap:wrap;gap:12px}.person-actions{flex-wrap:wrap}.section-nav{gap:4px 20px}.edit-dialog{padding:20px}}.button-primary{background:#3263cd}.button-primary:hover:not(:disabled){background:#2d59b8}.toolbar input::placeholder,.member-picker>input::placeholder{color:var(--muted)}