:root{--background:#f5f7f9;--foreground:#17212b;--muted:#65727d;--line:#e0e6eb;--surface:#fff;--accent:#275d8c;--accent-dark:#1c4569;--accent-soft:#e8f1f8;--success:#26734d;--warning-soft:#fff6df;--shadow:0 8px 28px #1830450f}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8abbe3}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.shell{width:min(1120px,100% - 3rem);margin:0 auto;padding:6rem 0}.hero{max-width:760px}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:720px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.95}.lede{max-width:620px;color:var(--muted);margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.status{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:999px;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.status-dot{width:.55rem;height:.55rem;box-shadow:0 0 0 .25rem var(--accent-soft);background:#36a269;border-radius:50%}.principles{border-top:1px solid var(--line);grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:3rem;margin-top:8rem;padding-top:2rem;display:grid}h2{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.8rem,4vw,3rem)}.principle-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.principle-grid article{border:1px solid var(--line);background:#ffffffad;border-radius:1rem;padding:1.25rem}.principle-grid h3{margin-bottom:.7rem;font-size:1rem}.principle-grid p{color:var(--muted);margin-bottom:0;font-size:.95rem;line-height:1.55}.selection-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.selection-card{border:1px solid var(--line);background:var(--surface);width:min(100%,600px);box-shadow:var(--shadow);border-radius:1.25rem;padding:3rem}.compact-lede{margin-bottom:2rem}.organization-selection-list{gap:.75rem;margin-bottom:2rem;display:grid}.organization-selection-item{border:1px solid var(--line);color:var(--foreground);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.organization-selection-item:hover{background:#f8fbfd;border-color:#a4c5de}.organization-selection-item span:first-child{gap:.25rem;display:grid}.organization-selection-item small,.user-summary small,.switcher-menu small{color:var(--muted)}.role-badge{background:var(--accent-soft);color:var(--accent-dark);letter-spacing:.05em;border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-weight:700}.app-shell{min-height:100vh;display:flex}.app-sidebar{border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;width:252px;min-height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand-mark{color:var(--foreground);letter-spacing:-.02em;align-items:center;gap:.65rem;padding:.35rem .5rem;font-size:.94rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark-icon{background:var(--accent);color:#fff;border-radius:.55rem;place-items:center;width:1.8rem;height:1.8rem;font-size:.8rem;font-weight:800;display:grid}.sidebar-context{border-bottom:1px solid var(--line);gap:.3rem;margin:2.4rem .5rem 1.3rem;padding-bottom:1.4rem;display:grid}.sidebar-context strong{font-size:.95rem}.sidebar-label,.metric-label,.field-hint,.sidebar-footer,.table-secondary{color:var(--muted);font-size:.74rem}.app-nav{gap:.25rem;display:grid}.app-nav a,.nav-disabled{color:#53616d;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.app-nav a:hover{background:var(--accent-soft);color:var(--accent-dark)}.nav-disabled{color:#9aa5ad;cursor:default}.nav-disabled span{font-size:.62rem;font-weight:500}.sidebar-footer{margin-top:auto;padding:1rem .5rem .2rem}.app-main-column{flex:1;min-width:0}.app-header{border-bottom:1px solid var(--line);background:#ffffffdb;justify-content:space-between;align-items:center;min-height:4.5rem;padding:0 2.5rem;display:flex}.header-actions,.user-menu,.mobile-brand-row{align-items:center;display:flex}.header-actions{gap:1.5rem}.organization-current,.organization-switcher summary{color:#445461;font-size:.85rem;font-weight:650}.organization-switcher{position:relative}.organization-switcher summary{cursor:pointer;list-style:none}.organization-switcher summary::-webkit-details-marker{display:none}.organization-switcher summary:after{content:"⌄";color:var(--muted);margin-left:.45rem}.switcher-menu{z-index:3;border:1px solid var(--line);min-width:230px;box-shadow:var(--shadow);background:#fff;border-radius:.7rem;gap:.15rem;padding:.45rem;display:grid;position:absolute;top:2rem;right:0}.switcher-menu a{color:var(--foreground);border-radius:.45rem;gap:.15rem;padding:.65rem .7rem;text-decoration:none;display:grid}.switcher-menu a:hover{background:var(--accent-soft)}.user-menu{gap:.55rem}.user-avatar{background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent-dark);border-radius:50%;place-items:center;font-size:.8rem;font-weight:750;display:grid}.user-summary{gap:.15rem;min-width:0;display:grid}.user-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.78rem;overflow:hidden}.user-menu button{color:var(--muted);background:0 0;border:0;font-size:.78rem}.user-menu button:hover{color:var(--accent-dark)}.mobile-brand-row,.mobile-navigation{display:none}.app-content{width:min(100%,1320px);margin:0 auto;padding:2.8rem 2.5rem 4rem}.page-stack{gap:2rem;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.page-heading h1{letter-spacing:-.06em;max-width:none;margin-bottom:.55rem;font-size:clamp(2.3rem,5vw,3.7rem)}.page-lede{color:var(--muted);margin-bottom:0;font-size:1rem;line-height:1.6}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading h2,.content-card h2{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.25rem}.section-heading p,.content-card>p:not(.eyebrow),.card-description{color:var(--muted);margin-bottom:0;line-height:1.55}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.metric-card,.content-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:.9rem}.metric-card{gap:.8rem;min-height:142px;padding:1.25rem;display:grid}.metric-value{letter-spacing:-.06em;font-size:2.25rem}.metric-detail{color:var(--muted);font-size:.78rem}.status-pill{color:#65727d;letter-spacing:.03em;white-space:nowrap;background:#edf1f4;border-radius:999px;align-items:center;width:max-content;padding:.38rem .65rem;font-size:.7rem;font-weight:750;display:inline-flex}.status-positive{color:var(--success);background:#e6f3eb}.status-muted{color:#68737b;background:#edf0f2}.overview-grid,.clients-layout,.detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;display:grid}.content-card{padding:1.5rem}.next-step-card{background:linear-gradient(135deg,#f5f9fc,#fff)}.next-step-card h2{max-width:420px;font-size:1.55rem}.definition-list{gap:.85rem;margin:1.5rem 0 0;display:grid}.definition-list div{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:1rem;padding-bottom:.75rem;display:flex}.definition-list dt{color:var(--muted);font-size:.82rem}.definition-list dd{color:var(--foreground);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.85rem;font-weight:650}.definition-list-large{margin-top:0}.definition-list-large dt{font-size:.88rem}.definition-list-large dd{font-size:.92rem}.button{border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.5rem;padding:.65rem 1rem;font-size:.84rem;font-weight:700;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-secondary{border-color:var(--line);color:#425563;background:#fff}.button-secondary:hover:not(:disabled){background:#f8fbfd;border-color:#aac7db}.form-stack{gap:1rem;margin-top:1.25rem;display:grid}.form-field{gap:.4rem;display:grid}.form-field label{color:#3b4b58;font-size:.8rem;font-weight:700}.form-field input{width:100%;color:var(--foreground);background:#fff;border:1px solid #ccd6de;border-radius:.45rem;padding:.7rem .75rem}.form-field input[aria-invalid=true]{border-color:#c65b5b}.checkbox-field{color:#485864;align-items:center;gap:.55rem;font-size:.82rem;font-weight:600;display:flex}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--accent)}.field-error,.form-error{color:#a33d3d;margin:0;font-size:.78rem;line-height:1.4}.form-error{background:#fff0f0;border-radius:.45rem;padding:.7rem .8rem}.form-card h2{margin-bottom:.35rem}.permission-card{background:#fbfcfd}.permission-card h2{font-size:1.15rem}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:630px}.table-wrap th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:.7rem .6rem;font-size:.7rem;font-weight:750}.table-wrap td{color:#465560;vertical-align:middle;border-bottom:1px solid #edf0f2;padding:1rem .6rem;font-size:.84rem}.table-wrap tr:last-child td{border-bottom:0}.table-primary-link{color:var(--foreground);font-weight:700;text-decoration:none;display:block}.table-primary-link:hover,.text-link:hover{color:var(--accent-dark);text-decoration:underline}.table-secondary{margin-top:.2rem;display:block}.text-link{white-space:nowrap;font-size:.78rem;font-weight:650;text-decoration:none}.empty-state{padding:2rem 0}.empty-state h1{max-width:600px;font-size:2.3rem}.empty-state h3{margin-bottom:.4rem}.empty-state p:not(.eyebrow){color:var(--muted);line-height:1.55}.compact-empty{padding:2rem .5rem .7rem}.back-link{width:max-content;font-size:.82rem;font-weight:650;text-decoration:none}.inline-action-form{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.simple-list{gap:.6rem;padding:0;list-style:none;display:grid}.simple-list li{border:1px solid var(--line);border-radius:.55rem;justify-content:space-between;gap:1rem;padding:.9rem;display:flex}.simple-list span{color:var(--muted);font-size:.8rem}.narrow-card{max-width:720px}.loading-state{min-height:16rem;color:var(--muted);align-items:center;gap:.75rem;display:flex}.loading-spinner{border:2px solid #cbd8e2;border-top-color:var(--accent);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.shell{width:min(100% - 2rem,640px);padding:3rem 0}.principles,.principle-grid{grid-template-columns:1fr}.principles{gap:2rem;margin-top:5rem}}@media (max-width:980px){.app-sidebar{display:none}.app-header{padding:1rem 1.25rem;display:block}.mobile-brand-row{justify-content:space-between;gap:1rem;display:flex}.brand-mark-compact{padding:0}.mobile-navigation{display:block;position:relative}.mobile-navigation summary{border:1px solid var(--line);color:#4c5d68;border-radius:.45rem;padding:.45rem .7rem;font-size:.8rem;font-weight:700;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation .app-nav{z-index:4;border:1px solid var(--line);width:220px;box-shadow:var(--shadow);background:#fff;border-radius:.6rem;padding:.5rem;position:absolute;top:2.6rem;right:0}.header-actions{justify-content:space-between;margin-top:1rem}.app-content{padding:2rem 1.25rem 3rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.clients-layout,.detail-layout{grid-template-columns:1fr}}@media (max-width:520px){.page-heading{gap:1rem;display:grid}.selection-card{padding:2rem 1.25rem}.metrics-grid{grid-template-columns:1fr}.user-summary{display:none}.content-card{padding:1.15rem}.section-heading{display:grid}.definition-list div{gap:.25rem;display:grid}.definition-list dd{text-align:left}.app-content{padding-top:1.5rem}}
