:root{color:#172b4d;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ui-font-scale: 1;--paper: #f7f3ea;--surface: #ffffff;--surface-muted: #f0f3f5;--ink: #172b4d;--muted: #6b788c;--border: #dce3e6;--navy: #001e3f;--navy-deep: #001631;--teal: #1783a0;--teal-soft: #dff2f6;--green: #15805e;--green-soft: #e2f4ea;--amber: #a76808;--amber-soft: #fff2d9;--shadow: 0 10px 30px rgb(0 30 63 / 7%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--paper)}button{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:232px;flex-direction:column;padding:24px 14px 18px;color:#d9e6f3;background:var(--navy)}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 27px;color:#fff;font-size:calc(1.15rem * var(--ui-font-scale));font-weight:720;letter-spacing:-.02em}.brand-mark{display:grid;width:29px;height:29px;place-items:center;color:var(--navy);background:#fff;border-radius:9px;box-shadow:inset 0 0 0 5px #1b94b2;font-size:calc(.75rem * var(--ui-font-scale));font-weight:800}.nav-group+.nav-group{margin-top:24px}.nav-group-label{display:block;padding:0 10px 8px;color:#8098b1;font-size:calc(.66rem * var(--ui-font-scale));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-link{display:flex;width:100%;align-items:center;gap:11px;margin:2px 0;padding:10px;border:0;border-radius:8px;color:#c4d3e2;background:transparent;cursor:pointer;font-size:calc(.875rem * var(--ui-font-scale));text-align:left;transition:background-color .14s ease,color .14s ease}.nav-link:hover,.nav-link:focus-visible{color:#fff;background:#ffffff17;outline:none}.nav-link.is-active{color:#fff;background:#126d88;box-shadow:inset 3px 0 #69d1e6}.nav-icon{display:grid;width:18px;flex:0 0 18px;place-items:center}.sidebar-footer{margin-top:auto}.security-note{padding:13px;border:1px solid rgb(139 196 214 / 28%);border-radius:10px;color:#aac4d8;background:#04345bd1;font-size:calc(.74rem * var(--ui-font-scale));line-height:1.48}.security-note strong{display:block;margin-bottom:3px;color:#e8f8fc;font-size:calc(.77rem * var(--ui-font-scale))}.main-shell{min-height:100vh;margin-left:232px}.topbar{position:sticky;top:0;z-index:5;display:flex;height:74px;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid rgb(0 30 63 / 7%);background:#f7f3eae8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{color:var(--ink);font-size:calc(.89rem * var(--ui-font-scale));font-weight:680}.topbar-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:calc(.76rem * var(--ui-font-scale));font-weight:600}.topbar-actions{display:inline-flex;align-items:center;gap:16px}.account-button{padding:7px 10px;border:1px solid var(--border);border-radius:7px;color:var(--ink);background:var(--surface);cursor:pointer;font-size:calc(.75rem * var(--ui-font-scale));font-weight:680}.account-button:hover,.account-button:focus-visible{border-color:var(--teal);color:var(--teal);outline:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.status-dot.is-ready{background:#20a579;box-shadow:0 0 0 4px #20a57921}.status-dot.is-unavailable{background:#d26855}.page-content{width:min(1240px,100%);margin:0 auto;padding:42px}.page-heading{margin-bottom:28px}.page-heading h1{margin:4px 0 8px;color:var(--ink);font-size:calc(2rem * var(--ui-font-scale));font-weight:740;letter-spacing:-.04em;line-height:1.08}.page-heading p{max-width:650px;margin:0;color:var(--muted);font-size:calc(.93rem * var(--ui-font-scale));line-height:1.58}.passkey-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:21px 23px;border:1px solid #ecd39f;border-radius:13px;background:var(--amber-soft)}.passkey-card.is-active{border-color:#b9dfce;background:var(--green-soft)}.passkey-card h2{margin:4px 0 5px;color:var(--ink);font-size:calc(1.02rem * var(--ui-font-scale));letter-spacing:-.02em}.passkey-card p:not(.section-eyebrow):not(.form-message):not(.passkey-success){max-width:580px;color:var(--muted);font-size:calc(.82rem * var(--ui-font-scale));line-height:1.45}.passkey-actions{display:grid;justify-items:end;gap:9px}.passkey-button{white-space:nowrap;padding:10px 13px;border:0;border-radius:8px;color:#fff;background:var(--navy);cursor:pointer;font-size:calc(.77rem * var(--ui-font-scale));font-weight:720}.passkey-button:hover:not(:disabled),.passkey-button:focus-visible{background:#063262;outline:none}.passkey-button:disabled{cursor:wait;opacity:.62}.passkey-success{margin:0;color:var(--green);font-size:calc(.74rem * var(--ui-font-scale));line-height:1.4;text-align:right}.eyebrow,.section-eyebrow{color:var(--teal);font-size:calc(.69rem * var(--ui-font-scale));font-weight:760;letter-spacing:.08em;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card,.surface-card{border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-height:133px;padding:19px}.metric-card--primary{border-color:#096780;color:#fff;background:#08718c}.metric-card-label{color:var(--muted);font-size:calc(.76rem * var(--ui-font-scale));font-weight:660}.metric-card--primary .metric-card-label{color:#ccebf2}.metric-card-value{margin-top:13px;color:var(--ink);font-size:calc(1.05rem * var(--ui-font-scale));font-weight:740;letter-spacing:-.02em}.metric-card--primary .metric-card-value{color:#fff}.metric-card-detail{margin-top:7px;color:var(--muted);font-size:calc(.75rem * var(--ui-font-scale));line-height:1.4}.metric-card--primary .metric-card-detail{color:#ccebf2}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:20px}.organization-admin{display:grid;gap:20px}.organization-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px}.organization-list-card,.organization-create-card,.unit-card{min-width:0}.organization-list{display:grid;gap:7px}.organization-item{display:flex;width:100%;align-items:center;gap:10px;padding:11px;border:1px solid transparent;border-radius:9px;color:inherit;background:transparent;cursor:pointer;text-align:left}.organization-item:hover,.organization-item:focus-visible,.organization-item.is-selected{border-color:#c9e5eb;background:#f4fbfc;outline:none}.organization-item strong,.organization-item small,.unit-row strong,.unit-row small{display:block}.organization-item strong,.unit-row strong{color:var(--ink);font-size:calc(.83rem * var(--ui-font-scale))}.organization-item small,.unit-row small{margin-top:2px;color:var(--muted);font-size:calc(.71rem * var(--ui-font-scale))}.organization-kind,.unit-kind{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;color:#fff;background:var(--teal);font-size:calc(.7rem * var(--ui-font-scale));font-weight:760}.organization-kind--internal{background:var(--navy)}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:6px;color:var(--ink);font-size:calc(.76rem * var(--ui-font-scale));font-weight:690}.admin-form input,.admin-form select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #bfcbd1;border-radius:7px;color:var(--ink);background:#fff;font:inherit}.admin-form input:focus,.admin-form select:focus{border-color:var(--teal);outline:3px solid rgb(23 131 160 / 16%)}.admin-form small{color:var(--muted);font-size:calc(.67rem * var(--ui-font-scale));font-weight:500;line-height:1.35}.unit-card .card-description{margin:7px 0 0;color:var(--muted);font-size:calc(.78rem * var(--ui-font-scale));line-height:1.45}.unit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:24px;padding-top:18px;border-top:1px solid #edf0f2}.unit-tree{display:grid;align-content:start;gap:7px}.unit-row{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;background:var(--surface-muted)}.unit-kind{width:24px;height:24px;flex-basis:24px;border-radius:7px;color:var(--teal);background:var(--teal-soft);font-size:calc(.62rem * var(--ui-font-scale))}.unit-form{padding-left:24px;border-left:1px solid #edf0f2}.muted-copy{margin:8px 0;color:var(--muted);font-size:calc(.8rem * var(--ui-font-scale));line-height:1.45}.admin-message{margin:0;padding:12px 14px;border:1px solid #b9dfce;border-radius:9px;color:var(--green);background:var(--green-soft);font-size:calc(.78rem * var(--ui-font-scale))}.surface-card{padding:25px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:19px}.card-heading h2{margin:5px 0 0;color:var(--ink);font-size:calc(1.08rem * var(--ui-font-scale));font-weight:720;letter-spacing:-.02em}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;color:var(--amber);background:var(--amber-soft);font-size:calc(.69rem * var(--ui-font-scale));font-weight:720}.status-pill--ready{color:var(--green);background:var(--green-soft)}.status-pill--unavailable{color:#a74336;background:#fbe8e5}.status-pill--loading{color:#4d6582;background:#e8edf2}.progress-list,.system-list{display:grid;gap:2px}.progress-list{list-style:none;padding:0;margin:0}.progress-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #edf0f2;color:#8b96a3;font-size:calc(.82rem * var(--ui-font-scale))}.progress-list li:first-child{border-top:0}.progress-list li.is-complete{color:var(--ink)}.progress-check{display:grid;width:18px;height:18px;place-items:center;border:1px solid #c6d0d6;border-radius:50%;color:transparent;font-size:calc(.66rem * var(--ui-font-scale))}.is-complete .progress-check{border-color:var(--teal);color:#fff;background:var(--teal)}.progress-state{color:var(--muted);font-size:calc(.7rem * var(--ui-font-scale));font-weight:630}.system-list{gap:8px}.system-list button{display:grid;width:100%;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:9px;color:inherit;background:transparent;cursor:pointer;text-align:left}.system-list button:hover,.system-list button:focus-visible{border-color:#c9e5eb;background:#f4fbfc;outline:none}.system-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;font-size:calc(.68rem * var(--ui-font-scale));font-weight:800}.system-mark--forms{background:#6b5da8}.system-mark--timepilot{background:#0e8c8b}.system-mark--orbit{background:#d3763c}.system-name{color:var(--ink);font-size:calc(.84rem * var(--ui-font-scale));font-weight:700}.system-description{margin-top:2px;color:var(--muted);font-size:calc(.73rem * var(--ui-font-scale));line-height:1.35}.system-arrow{color:var(--teal);font-size:calc(1rem * var(--ui-font-scale))}.empty-state{display:grid;min-height:315px;place-items:center;padding:48px 24px;border:1px dashed #b8cbd1;border-radius:13px;color:var(--muted);background:#ffffff73;text-align:center}.empty-state>div{max-width:430px}.empty-icon{display:grid;width:44px;height:44px;margin:0 auto 14px;place-items:center;border-radius:12px;color:var(--teal);background:var(--teal-soft)}.empty-state h2{margin:0 0 8px;color:var(--ink);font-size:calc(1.06rem * var(--ui-font-scale));font-weight:720}.empty-state p{margin:0;font-size:calc(.86rem * var(--ui-font-scale));line-height:1.55}.mobile-nav{display:none}.sign-in-page{display:grid;width:100%;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,rgb(23 131 160 / 14%),transparent 29rem),var(--paper)}.sign-in-panel{width:min(100%,430px);padding:40px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 20px 60px #001e3f1f}.sign-in-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px;color:var(--navy);font-size:calc(1.08rem * var(--ui-font-scale));font-weight:740;letter-spacing:-.02em}.sign-in-brand .brand-mark{color:#fff;background:var(--navy);box-shadow:inset 0 0 0 5px var(--teal)}.sign-in-panel h1{margin:5px 0 9px;color:var(--ink);font-size:calc(1.72rem * var(--ui-font-scale));font-weight:740;letter-spacing:-.04em}.sign-in-intro,.sign-in-security{margin:0;color:var(--muted);font-size:calc(.86rem * var(--ui-font-scale));line-height:1.55}.sign-in-form{display:grid;gap:17px;margin-top:28px}.sign-in-form label{display:grid;gap:7px;color:var(--ink);font-size:calc(.78rem * var(--ui-font-scale));font-weight:690}.sign-in-form input{width:100%;padding:11px 12px;border:1px solid #bfcbd1;border-radius:8px;color:var(--ink);background:#fff;font:inherit}.sign-in-form input:focus{border-color:var(--teal);outline:3px solid rgb(23 131 160 / 16%)}.form-message{margin:-4px 0 0;color:#a74336;font-size:calc(.78rem * var(--ui-font-scale));line-height:1.4}.sign-in-button{width:100%;padding:12px 16px;border:0;border-radius:8px;color:#fff;background:var(--teal);cursor:pointer;font-size:calc(.86rem * var(--ui-font-scale));font-weight:720}.sign-in-button:hover:not(:disabled),.sign-in-button:focus-visible{background:#0c708a;outline:none}.sign-in-button:disabled{cursor:wait;opacity:.68}.mfa-button{margin-top:26px}.mfa-message{margin-top:20px}.text-button{display:block;width:100%;margin-top:12px;padding:6px;border:0;color:var(--teal);background:transparent;cursor:pointer;font-size:calc(.78rem * var(--ui-font-scale));font-weight:680}.text-button:hover:not(:disabled),.text-button:focus-visible{color:#0c708a;text-decoration:underline;outline:none}.sign-in-security{margin-top:24px;padding-top:18px;border-top:1px solid #e5ebed;font-size:calc(.75rem * var(--ui-font-scale))}.access-denied{text-align:center}.access-denied .empty-icon{margin:0 auto 18px}.access-denied .sign-in-button{margin-top:25px}.loading-message{color:var(--muted);font-size:calc(.88rem * var(--ui-font-scale))}@media(max-width:1040px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.organization-layout,.unit-layout{grid-template-columns:1fr}.unit-form{padding-top:20px;padding-left:0;border-top:1px solid #edf0f2;border-left:0}}@media(max-width:840px){.sidebar{display:none}.main-shell{margin-left:0;padding-bottom:74px}.topbar{height:62px;padding:0 20px}.page-content{padding:28px 20px}.passkey-card{align-items:flex-start;flex-direction:column;gap:16px}.passkey-actions{width:100%;justify-items:stretch}.passkey-success{text-align:left}.mobile-nav{position:fixed;inset:auto 0 0;z-index:20;display:flex;justify-content:space-around;padding:7px 7px max(7px,env(safe-area-inset-bottom));border-top:1px solid #d7e0e4;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav .nav-link{width:auto;flex:1;flex-direction:column;gap:3px;padding:6px 2px;border-radius:7px;color:var(--muted);font-size:calc(.63rem * var(--ui-font-scale));font-weight:650;text-align:center}.mobile-nav .nav-link.is-active{color:var(--teal);background:var(--teal-soft);box-shadow:none}}@media(max-width:520px){.topbar-title{font-size:calc(.8rem * var(--ui-font-scale))}.topbar-status{font-size:calc(.67rem * var(--ui-font-scale))}.topbar-actions{gap:8px}.account-button{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-heading h1{font-size:calc(1.65rem * var(--ui-font-scale))}.metric-grid{grid-template-columns:1fr}.surface-card{padding:20px}}
