:root{color-scheme:light;--background: #f8f9ff;--surface: #f8f9ff;--surface-bright: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #eff4ff;--surface-container: #e5eeff;--surface-container-high: #dce9ff;--surface-container-highest: #d3e4fe;--inverse-surface: #213145;--inverse-surface-raised: #2b3b51;--inverse-on-surface: #eaf1ff;--on-surface: #0b1c30;--on-surface-variant: #3d4947;--outline: #6d7a77;--outline-variant: #bcc9c6;--primary: #006a61;--primary-hover: #008378;--primary-fixed: #89f5e7;--primary-fixed-dim: #6bd8cb;--tertiary: #0058be;--tertiary-container: #2170e4;--tertiary-fixed: #d8e2ff;--error: #ba1a1a;--error-container: #ffdad6;--success: #16814b;--warning: #a15c00;--sidebar-width: 260px;--container-max-width: 1280px;--shadow-sm: 0 1px 2px rgba(11, 28, 48, .06), 0 10px 28px rgba(11, 28, 48, .06);--shadow-card: 0 12px 34px rgba(11, 28, 48, .08);--font-display: "Hanken Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Hanken Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--type-xs: 11px;--type-sm: 12px;--type-body: 14px;--type-title: 16px;--type-headline: 20px;--type-display: 30px;font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--background);color:var(--on-surface)}button,input,select{font:inherit}.material-symbols-outlined{display:inline-block;flex:0 0 auto;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;text-transform:none;white-space:nowrap;direction:ltr;letter-spacing:0;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 420,"GRAD" 0,"opsz" 24;vertical-align:-.18em}button,.buttonLink{min-height:40px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;font-weight:800;font-size:var(--type-body);padding:0 16px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;white-space:nowrap}.buttonLink{text-decoration:none}button:hover,.buttonLink:hover{background:var(--primary-hover);box-shadow:0 10px 22px #006a6129}button:active{transform:scale(.98)}button.secondary,button.ghost,.buttonLink.secondary{border:1px solid var(--outline);background:var(--surface-container-lowest);color:var(--on-surface)}button.secondary:hover,button.ghost:hover,.buttonLink.secondary:hover{border-color:var(--primary);background:var(--surface-container-low);box-shadow:none}button.ghost.dangerAction{color:var(--error)}button.ghost.dangerAction:hover{background:#ffdad66b;border-color:#ba1a1a6b}button.iconButton{width:40px;min-width:40px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--on-surface-variant);position:relative}button.iconButton:hover{background:var(--surface-container);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}button:focus-visible,.buttonLink:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(0,106,97,.22);outline-offset:2px}input,select{min-width:0;min-height:40px;border:1px solid var(--outline-variant);border-radius:5px;padding:0 12px;color:var(--on-surface);background:#fff;transition:border-color .14s ease,box-shadow .14s ease}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #006a611f}input::placeholder{color:#3d49478f}label{display:grid;gap:6px;color:var(--on-surface-variant);font-size:var(--type-sm);font-weight:900;line-height:16px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:var(--font-display);font-size:var(--type-display);font-weight:800;line-height:38px;letter-spacing:0}h2{margin-bottom:0;font-family:var(--font-display);font-size:var(--type-title);font-weight:800;line-height:24px;letter-spacing:0}.eyebrow{margin:0;color:var(--primary);font-size:var(--type-xs);font-weight:900;line-height:16px;letter-spacing:0;text-transform:uppercase}.brandMark{width:52px;height:52px;border-radius:8px;display:inline-grid;place-items:center;flex:0 0 auto;background:var(--primary);color:#fff;box-shadow:inset 0 -4px #ffffff1f}.brandMark.material-symbols-outlined{font-size:30px;font-variation-settings:"FILL" 0,"wght" 520,"GRAD" 0,"opsz" 32}.brandMark.small{width:36px;height:36px;border-radius:6px}.brandMark.small.material-symbols-outlined{font-size:22px}.authShell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,440px);gap:24px;align-items:stretch;padding:28px}.authHero{min-width:0;border-radius:8px;background:linear-gradient(135deg,#006a61c2,#213145eb),var(--inverse-surface);color:#fff;display:grid;align-content:space-between;gap:28px;padding:32px;box-shadow:var(--shadow-card)}.authHero .eyebrow{color:var(--primary-fixed)}.authHero h1{max-width:640px;font-size:42px;line-height:48px}.brandLockup,.navBrand,.formHeader,.workspaceHeader,.headerActions,.panelHeader{display:flex;align-items:center}.brandLockup,.navBrand{gap:12px;min-width:0}.brandLockup>div,.navBrand>div,.workspaceHeader>div{min-width:0}.navBrand strong,.brandLockup h1,.workspaceHeader h1{overflow-wrap:anywhere}.authFeatureGrid{display:grid;grid-template-columns:repeat(5,minmax(84px,1fr));gap:10px}.authFeature{min-height:54px;border:1px solid rgba(188,201,198,.48);border-radius:6px;background:#ffffff14;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;color:#eaf1ffd1}.authFeature .material-symbols-outlined{color:var(--primary-fixed);font-size:21px}.authFeature strong{min-width:0;color:#fff;font-size:13px;font-weight:800;line-height:16px;overflow-wrap:anywhere}.authFeature.active{border-color:#89f5e79e;box-shadow:inset 4px 0 0 var(--primary-fixed)}.authForms{min-width:0;display:grid;align-content:start;gap:14px}.formSurface,.panel,.metric,.roadmapSurface{border:1px solid rgba(188,201,198,.72);border-radius:8px;background:var(--surface-container-lowest);box-shadow:var(--shadow-sm)}.formSurface{display:grid;gap:14px;padding:18px}.authDescription{margin:0;color:var(--on-surface-variant);font-size:var(--type-body);line-height:22px}.securityNote{color:var(--outline);font-size:var(--type-sm);line-height:18px}.formHeader,.workspaceHeader,.panelHeader{justify-content:space-between;gap:14px}.formHeader h2,.panelHeader h2{display:inline-flex;align-items:center;gap:8px}.formHeader .material-symbols-outlined,.panelHeader .material-symbols-outlined{color:var(--primary)}.statusPill,.navMeta{min-height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:3px 8px;font-size:10px;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase}.statusPill.live,.navMeta.live{background:#00837829;color:var(--primary)}.statusPill.base,.navMeta.base{background:#2170e424;color:var(--tertiary)}.statusPill.roadmap,.navMeta.roadmap{background:#6d7a772e;color:var(--outline)}.appShell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--background)}.navShell{min-width:0;height:100vh;position:sticky;top:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;padding:24px 16px 16px;background:var(--inverse-surface);color:#fff;overflow-y:auto;z-index:4}.navShell .eyebrow{color:#bcc9c6b3;font-size:10px;letter-spacing:0}.navBrand strong{color:#fff;font-size:28px;font-weight:900;line-height:32px}.navBrand strong span{color:var(--primary-fixed)}.tenantPlate{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0d;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:12px}.tenantPlate .material-symbols-outlined{color:var(--primary-fixed);grid-row:span 2}.tenantPlate span,.tenantPlate strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenantPlate span{color:#fff;font-size:13px;font-weight:800}.tenantPlate strong{color:#eaf1ffa3;font-size:var(--type-xs);font-weight:800;text-transform:uppercase}.navGroups{min-height:0;overflow-y:auto;padding-right:2px}.navGroup{display:grid;gap:4px;margin-bottom:16px}.navGroup h2{color:#bcc9c694;font-size:var(--type-xs);font-weight:900;line-height:16px;padding:0 12px;text-transform:uppercase}.navItem{width:100%;min-height:38px;border:0;border-left:4px solid transparent;border-radius:4px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 10px;background:transparent;color:var(--outline-variant);box-shadow:none;text-align:left;font-size:var(--type-body);font-weight:600}.navItem:hover,.navItem.selected{background:#ffffff14;color:#fff;box-shadow:none}.navItem.selected{border-left-color:var(--primary);font-weight:700}.navText{min-width:0;display:inline-flex;align-items:center;gap:12px}.navText>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.navText .material-symbols-outlined{font-size:20px}.navMeta{min-width:26px;background:#ffffff14;color:#eaf1ffb3;font-size:9px}.navFooter{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.navProfile{min-width:0;border-radius:6px;background:#ffffff0d;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px}.navProfile>span{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:900}.navProfile div{min-width:0;display:grid;gap:1px}.navProfile strong{min-width:0;color:#fff;font-size:13px;font-weight:700;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navProfile small{color:#eaf1ff94;font-size:var(--type-xs);line-height:14px}.navProfile .material-symbols-outlined{color:#eaf1ffa3;font-size:18px}.mainShell{min-width:0;max-width:var(--container-max-width);width:100%;display:grid;align-content:start;gap:0;padding:0 24px 32px}.workspaceHeader{min-width:0;min-height:64px;position:sticky;top:0;z-index:3;margin:0 -24px;padding:0 24px;border-bottom:1px solid rgba(188,201,198,.42);background:var(--surface-container-lowest)}.workspaceHeader .eyebrow{display:inline-grid;min-height:22px;align-items:center;border-radius:999px;padding:3px 9px;background:var(--primary);color:#fff;font-size:10px;line-height:1}.headerActions{flex-wrap:wrap;justify-content:flex-end}.headerDivider{width:1px;height:24px;background:var(--outline-variant)}.notificationDot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:999px;border:2px solid var(--surface-container-lowest);background:var(--error)}.statusbar{min-height:34px;border:0;border-bottom:1px solid rgba(0,106,97,.1);border-radius:0;background:#006a610d;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -24px 24px;padding:8px 24px;color:var(--primary);box-shadow:none}.statusbar span{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase}.statusbar .material-symbols-outlined{font-size:14px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 20}.statusbar[data-state=ready] span{color:var(--primary)}.statusbar[data-state=saving] span,.statusbar[data-state=loading] span,.statusbar[data-state=mfa] span{color:var(--tertiary)}.statusbar[data-state=error] span,.statusbar strong{color:var(--error)}.viewStack{min-width:0;display:grid;gap:24px}.metrics,.tenantGrid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.tenantGrid{grid-template-columns:repeat(4,minmax(160px,1fr))}.metric{min-width:0;min-height:84px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:5px 12px;padding:16px}.metric .material-symbols-outlined{width:38px;height:38px;border-radius:8px;display:grid;grid-row:span 2;place-items:center;background:#006a611a;color:var(--primary);font-size:22px}.metric span:not(.material-symbols-outlined){color:var(--on-surface-variant);font-size:var(--type-sm);font-weight:900;line-height:16px;text-transform:uppercase}.metric strong{min-width:0;overflow-wrap:anywhere;font-size:23px;font-weight:900;line-height:26px;color:var(--on-surface)}.overviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.applicationHero{min-width:0;border:1px solid rgba(188,201,198,.72);border-radius:8px;background:var(--surface-container-lowest);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;padding:20px 24px}.applicationHero h2{margin-top:4px;font-size:28px;line-height:34px}.applicationHero p:not(.eyebrow){max-width:620px;margin:8px 0 0;color:var(--on-surface-variant);font-size:var(--type-body);line-height:22px}.applicationStats{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px}.applicationStats .metric{min-height:72px;padding:12px}.moduleStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.moduleStrip span{min-height:58px;border:1px solid var(--outline-variant);border-radius:6px;display:grid;align-content:center;gap:2px;padding:10px 12px;background:var(--surface-container-low)}.moduleStrip strong,.moduleStrip small{min-width:0;overflow-wrap:anywhere}.moduleStrip strong{color:var(--on-surface);font-size:var(--type-body);font-weight:900}.moduleStrip small{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11px}.panel{min-width:0;display:grid;gap:0;padding:0;overflow:hidden}.panelHeader{min-width:0;min-height:56px;padding:14px 24px;border-bottom:1px solid rgba(188,201,198,.42);background:var(--surface-bright)}.panelHeader h2{min-width:0;overflow-wrap:anywhere}.panelHeader span{border-radius:999px;background:var(--surface-container-high);color:var(--on-surface-variant);font-size:11px;font-weight:900;line-height:1;padding:5px 8px;text-transform:uppercase;white-space:nowrap}.panel>:not(.panelHeader){margin:16px 24px}.panel>.tableWrap{margin:0;border:0;border-radius:0}.inlineForm{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(145px,1fr) minmax(190px,1.15fr) auto;gap:16px;align-items:end}.inlineForm+.inlineForm{padding-top:16px;border-top:1px solid rgba(188,201,198,.34)}.inlineForm.two{grid-template-columns:minmax(170px,1fr) minmax(130px,.7fr) auto}.inlineForm.relation{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto}.inlineForm.permission{grid-template-columns:minmax(130px,.8fr) minmax(110px,.65fr) minmax(130px,.8fr) minmax(190px,1.1fr) auto}.tableWrap{min-width:0;overflow-x:auto;border:1px solid var(--outline-variant);border-radius:6px}table{width:100%;min-width:560px;border-collapse:collapse}th,td{border-bottom:1px solid rgba(188,201,198,.34);padding:12px 24px;text-align:left;font-size:var(--type-body);line-height:20px;vertical-align:middle}th{background:#eff4ffd1;color:var(--on-surface-variant);font-size:var(--type-sm);font-weight:900;line-height:16px;text-transform:uppercase;white-space:nowrap}td{color:var(--on-surface-variant);overflow-wrap:anywhere}tbody tr{transition:background .14s ease}tbody tr:hover{background:#006a610d}tr:last-child td{border-bottom:0}.monoCell{color:var(--primary);font-family:var(--font-mono);font-size:13px;font-weight:600;line-height:20px}.dataBadge{display:inline-grid;min-height:22px;align-items:center;border-radius:4px;background:#bcc9c638;color:var(--on-surface-variant);font-size:11px;font-weight:900;line-height:1;padding:4px 7px;text-transform:uppercase}.dataBadge.allowed{background:#00837829;color:var(--primary)}.dataBadge.muted{background:#6d7a771f;color:var(--outline)}.matrixTable table{min-width:900px}.matrixTable th span{color:var(--outline);font-size:10px;font-weight:800}.roadmapSurface{min-height:300px;display:grid;align-content:center;justify-items:start;gap:14px;padding:32px}.roadmapSurface>.material-symbols-outlined{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:#a15c001a;color:var(--warning);font-size:34px}.roadmapSurface h2{font-size:30px;font-weight:900;line-height:38px}.roadmapList{max-width:760px;display:flex;flex-wrap:wrap;gap:8px}.roadmapList span{border:1px solid var(--outline-variant);border-radius:999px;background:#fff;color:var(--on-surface-variant);padding:7px 10px;font-size:13px;font-weight:800}@media(max-width:1180px){.appShell{grid-template-columns:248px minmax(0,1fr);--sidebar-width: 248px}.navBrand strong{font-size:25px;line-height:28px}.authFeatureGrid,.metrics,.applicationStats{grid-template-columns:repeat(3,minmax(0,1fr))}.applicationHero{grid-template-columns:1fr}.inlineForm,.inlineForm.permission{grid-template-columns:repeat(2,minmax(0,1fr))}.inlineForm button,.inlineForm.permission button{grid-column:span 2}}@media(max-width:900px){.authShell,.appShell,.overviewGrid{grid-template-columns:1fr}.authShell{padding:16px}.authHero{min-height:360px}.authHero h1{font-size:34px;line-height:40px}.navShell{height:auto;position:static;grid-template-rows:auto auto auto}.navGroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.mainShell{max-width:none;padding:0 14px 24px}.workspaceHeader{align-items:flex-start;flex-direction:column;margin:0 -14px;padding:14px;position:static}.headerActions{width:100%;justify-content:stretch}.headerActions button:not(.iconButton){flex:1 1 140px}.statusbar{margin:0 -14px 20px;padding:8px 14px}.tenantGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.moduleStrip{grid-template-columns:1fr}}@media(max-width:640px){.authFeatureGrid,.metrics,.applicationStats,.tenantGrid,.navGroups,.inlineForm,.inlineForm.two,.inlineForm.relation,.inlineForm.permission{grid-template-columns:1fr}.inlineForm button,.inlineForm.permission button{grid-column:auto}.authHero{padding:20px}.authHero h1{font-size:30px;line-height:36px}.brandLockup{align-items:flex-start}.headerDivider,.headerActions .iconButton{display:none}.statusbar{align-items:flex-start;flex-direction:column}.panelHeader,th,td{padding-left:16px;padding-right:16px}.panel>:not(.panelHeader){margin-left:16px;margin-right:16px}}