:root{font-family:"Segoe UI",Arial,sans-serif;color:#202d36;background:#f6f8f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#202d36;--muted:#87939b;--line:#e7ecee;--teal:#0d987b;--navy:#17232c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;display:flex;width:250px;flex-direction:column;padding:23px 15px 14px;overflow:auto;color:#d9e0e4;background:var(--navy)}.brand{display:flex;align-items:center;gap:10px;padding:0 7px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#fff;background:#109b7e;font-size:17px;font-weight:800}.brand strong{display:block;color:#f5f7f8;font-size:19px;letter-spacing:-.7px}.brand-period{color:#49c9a7}.brand small{display:block;margin-top:3px;color:#84949d;font-size:8px;font-weight:700;letter-spacing:1.2px}.workspace{display:flex;align-items:center;gap:10px;margin:27px 0 20px;padding:11px 9px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff08}.workspace-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#56c5a6;background:#ffffff0b;font-size:19px}.workspace strong,.workspace small{display:block}.workspace strong{font-size:11px;color:#f0f3f4}.workspace small{margin-top:3px;color:#87959d;font-size:9px}.nav-group{margin-bottom:18px}.nav-caption{margin:0 0 7px;padding:0 9px;color:#7e8d96;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.nav-link{display:flex;min-height:36px;align-items:center;gap:10px;margin:2px 0;padding:0 9px;border-radius:7px;color:#aab6bd;font-size:10px;transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#6bd3b6;background:#0d987b24;box-shadow:inset 2px 0 #28bb98}.nav-icon{display:inline-grid;width:17px;place-items:center;color:#8da19f;font-size:14px}.active .nav-icon{color:#55c9a9}.sidebar-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:12px 4px 0;border-top:1px solid #ffffff16;color:#8c9aa1;font-size:8px;font-weight:700;letter-spacing:.5px}.online-dot{width:7px;height:7px;border-radius:50%;background:#32bd92;box-shadow:0 0 0 3px #32bd9222}.version{margin-left:auto;color:#687983;font-weight:400}.main-column{min-height:100vh;margin-left:250px}.topbar{position:sticky;top:0;z-index:1;display:flex;height:61px;align-items:center;justify-content:space-between;gap:15px;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(12px)}.breadcrumb,.topbar-account{display:flex;align-items:center;gap:10px}.breadcrumb{color:#939ea5;font-size:10px}.breadcrumb strong{color:#39464f;font-weight:600}.crumb-separator{color:#c1c8cc}.topbar-account{gap:9px}.account-name{max-width:170px;overflow:hidden;color:#52606a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#287964;background:#e1f2eb;font-size:9px;font-weight:700}.content{width:min(100%,1500px);min-height:calc(100vh - 105px);margin:auto;padding:28px 32px 20px}.footer{display:flex;min-height:44px;justify-content:space-between;align-items:center;padding:0 32px;border-top:1px solid #e9edef;color:#9aa4aa;font-size:9px}.footer strong{color:#75818a;font-weight:600}.page-stack{display:grid;gap:18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.eyebrow{color:#8f9ba2;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.page-heading h1{margin:7px 0 4px;color:#202e37;font-size:29px;font-weight:700;letter-spacing:-1px}.muted{margin:0;color:#89949b;font-size:10px;line-height:1.6}.button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:10px;font-weight:600}.button-primary{color:#fff;background:var(--teal);box-shadow:0 2px 5px #0d987b25}.button-primary:hover{background:#087e67}.button-light{border-color:#e4e9eb;color:#58656e;background:#fff}.button-light:hover{background:#f7f9fa}.button-small{min-height:28px;padding:0 9px;font-size:9px}.preview-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #efe3d0;border-radius:20px;color:#9e793f;background:#fffaf2;font-size:9px}.preview-tag span{width:6px;height:6px;border-radius:50%;background:#d39a43}.notice{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #dfebe6;border-radius:8px;background:#f3faf7}.notice-icon{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid #d5e8df;border-radius:50%;color:#38826b;font-family:Georgia,serif;font-size:13px;font-weight:700}.notice>div{flex:1}.notice strong{color:#3a7764;font-size:10px}.notice p{margin:4px 0 0;color:#82948c;font-size:9px;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{display:flex;min-height:110px;align-items:flex-start;gap:11px;padding:15px 13px;border:1px solid #e8edef;border-radius:9px;background:#fff;box-shadow:0 2px 5px #24334004}.stat-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:9px;font-size:16px}.tone-green{color:#10876e;background:#e8f5ef}.tone-blue{color:#5579bd;background:#edf2fc}.tone-purple{color:#8966ae;background:#f3eef9}.tone-amber{color:#b58443;background:#fbf3e7}.stat-label,.stat-value,.stat-detail{display:block}.stat-label{margin:1px 0 5px;color:#7c8790;font-size:9px}.stat-value{color:#26343d;font-size:24px;font-weight:700;letter-spacing:-.6px}.stat-detail{margin-top:4px;color:#9aa4aa;font-size:8px;line-height:1.4}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:13px}.panel{min-width:0;overflow:hidden;border:1px solid #e8edef;border-radius:9px;background:white;box-shadow:0 2px 5px #24334004}.panel-heading{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px}.panel-heading h2,.directory-toolbar h2{margin:0;color:#34414a;font-size:11px;font-weight:650}.panel-heading p,.directory-toolbar p{margin:4px 0 0;color:#97a1a7;font-size:9px}.text-link{color:#0d8c73;font-size:9px;font-weight:600;white-space:nowrap}.text-link:hover{color:#086c5b}.empty-state{display:flex;min-height:175px;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.empty-icon{display:grid;width:40px;height:40px;margin-bottom:9px;place-items:center;border:1px solid #e0ece6;border-radius:12px;color:#4b9b81;background:#f1f8f4;font-size:19px}.empty-state strong{color:#526069;font-size:10px}.empty-state p{max-width:320px;margin:5px 0 0;color:#929ca3;font-size:9px;line-height:1.5}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:9px 12px;border-top:1px solid #eef1f2;border-bottom:1px solid #e9edef;color:#8d989f;background:#fafbfc;font-size:8px;font-weight:600;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid #eff1f2;color:#69757d;font-size:9px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{max-width:240px;overflow:hidden;color:#3d4a53;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}td small{max-width:240px;margin-top:3px;overflow:hidden;color:#9ca5ab;font-size:8px;text-overflow:ellipsis;white-space:nowrap}td code{padding:3px 5px;border:1px solid #e8edef;border-radius:4px;color:#607079;background:#fafbfb;font-size:8px}.status{display:inline-block;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:600;white-space:nowrap}.status-active{color:#16846a;background:#e9f5ef}.status-inactive{color:#818c93;background:#f0f2f3}.ready-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#14886e;background:#eaf6f0}.readiness-list{padding:0 15px}.readiness-list>div{display:flex;min-height:38px;align-items:center;gap:8px;border-top:1px solid #eff1f2}.readiness-list strong{flex:1;color:#58646c;font-size:9px;font-weight:500}.readiness-list>div>span:last-child{color:#8c979e;font-size:8px;white-space:nowrap}.ready-check,.planned-check{width:17px;text-align:center;color:#159473;font-size:13px}.planned-check{color:#bd9c67}.readiness-list .planned{color:#a58859}.readiness-footer{display:flex;min-height:39px;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;padding:0 15px;border-top:1px solid #edf0f1;color:#99a3a9;font-size:8px}.privacy-note{display:flex;align-items:center;gap:5px;margin:0;color:#8b979d;font-size:8px}.privacy-note>span{margin-left:auto;color:#a0a9ae}.record-count{padding:7px 9px;border:1px solid #e6eaec;border-radius:6px;color:#89939a;background:#fff;font-size:9px}.record-count strong{color:#35434c}.directory-panel{margin-top:2px}.directory-toolbar{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px}.search-control{display:flex;width:min(350px,52%);gap:6px}.search-control input{width:100%;min-width:0;height:31px;padding:0 9px;border:1px solid #e5eaec;border-radius:6px;outline:0;font-size:9px}.search-control input:focus{border-color:#81c3b0;box-shadow:0 0 0 3px #0d987b12}.directory-panel table{min-width:650px}.empty-cell{height:110px;text-align:center;color:#909ba2}.pagination{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid #eef0f1}.pagination nav{display:flex;align-items:center;gap:5px}.pagination nav>div:first-child{display:none}.pagination a,.pagination span[aria-current],.pagination span[aria-disabled]{display:inline-flex;min-width:27px;height:27px;align-items:center;justify-content:center;padding:0 7px;border:1px solid #e7ebed;border-radius:5px;color:#68757e;background:#fff;font-size:9px}.pagination span[aria-current]{color:#fff;background:#0d987b;border-color:#0d987b}.directory-empty{min-height:225px;border-top:1px solid #edf0f2}.phase-badge{padding:7px 9px;border:1px solid #f0e5d4;border-radius:20px;color:#a47e49;background:#fffaf3;font-size:9px;white-space:nowrap}.module-card{display:flex;max-width:700px;flex-direction:column;align-items:flex-start;gap:12px;margin:24px auto;padding:30px;border:1px solid #e7ecee;border-radius:10px;background:#fff}.module-icon{display:grid;width:47px;height:47px;place-items:center;border:1px solid #e0ece6;border-radius:13px;color:#188b71;background:#f0f8f4;font-size:24px}.module-card h2{margin:0;color:#293740;font-size:19px}.module-card>p{max-width:550px;margin:0;color:#7d8991;font-size:10px;line-height:1.7}.module-notice{margin:3px 0 6px;padding:10px;border:1px solid #f0e7d8;border-radius:6px;color:#947c57;background:#fffbf5;font-size:9px}.login-body{background:#fff}.login-layout{display:grid;min-height:100vh;grid-template-columns:minmax(330px,.9fr) 1.1fr}.login-story{position:relative;display:flex;flex-direction:column;padding:31px 7%;overflow:hidden;color:#fff;background:#172b31}.login-story:before{position:absolute;top:20%;left:30%;width:410px;height:410px;border:1px solid #ffffff11;border-radius:50%;content:"";box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff04}.brand-light{position:relative;z-index:1;width:max-content}.story-copy{position:relative;z-index:1;max-width:440px;margin:auto 0;padding:50px 0 70px 7%}.story-kicker{display:flex;align-items:center;gap:9px;color:#99b9af;font-size:9px;font-weight:650;letter-spacing:1px}.story-copy h1{margin:22px 0 12px;font-size:clamp(36px,4vw,53px);letter-spacing:-2px;line-height:1.12}.story-copy>p{max-width:340px;color:#a6b8b7;font-size:11px;line-height:1.7}.security-note{display:flex;align-items:center;gap:10px;margin-top:35px}.security-note>span{display:grid;width:33px;height:33px;place-items:center;border:1px solid #ffffff19;border-radius:8px;color:#62c9aa}.security-note strong,.security-note small{display:block}.security-note strong{color:#e5efeb;font-size:10px}.security-note small{margin-top:3px;color:#95aba4;font-size:9px}.login-panel{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:70px 28px}.back-link{position:absolute;top:28px;left:30px;color:#7e8991;font-size:10px}.back-link:hover{color:#11856e}.login-card{width:min(100%,380px)}.login-card h2{margin:9px 0 6px;color:#293740;font-size:22px;letter-spacing:-.5px}.login-form{display:grid;gap:8px;margin-top:22px}.login-form label{margin-top:4px;color:#4c5961;font-size:9px;font-weight:600}.login-form input{height:38px;padding:0 10px;border:1px solid #e3e8ea;border-radius:6px;outline:0;font-size:10px}.login-form input:focus{border-color:#71bba6;box-shadow:0 0 0 3px #0d987b12}.login-submit{margin-top:8px}.login-submit span{margin-left:auto}.alert{margin-top:15px;padding:10px;border:1px solid #f0deda;border-radius:6px;color:#a45247;background:#fff7f5;font-size:9px}.login-divider{height:1px;margin:20px 0 14px;background:#edf0f1}.setup-note{color:#818d94;font-size:8px;line-height:1.7}.setup-note code{padding:1px 3px;border-radius:3px;color:#65716c;background:#f1f4f2;font-size:8px}.secure-note{margin-top:14px;color:#789286;font-size:8px}.login-copyright{position:absolute;bottom:22px;color:#a0a9ae;font-size:8px}
@media(max-width:1100px){.sidebar{width:220px}.main-column{margin-left:220px}.content{padding-right:21px;padding-left:21px}.topbar{padding:0 21px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar{position:relative;width:auto;min-height:auto;padding:14px}.sidebar .navigation{display:block;max-height:180px;margin-top:12px;overflow:auto}.sidebar .nav-group{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 7px}.sidebar .nav-caption{flex-basis:100%;margin:2px 0;padding-left:4px}.sidebar .nav-link{flex:1 1 calc(50% - 4px);min-height:29px;margin:0;padding:0 5px;font-size:9px}.workspace,.sidebar-footer{display:none}.main-column{margin:0}.shell{display:flex;flex-direction:column}.brand strong{font-size:16px}.topbar{height:52px;padding:0 13px}.content{min-height:calc(100vh - 91px);padding:19px 13px}.footer{min-height:39px;padding:0 13px;font-size:8px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.stats-grid{gap:8px}.stat-card{min-height:100px;gap:8px;padding:12px 9px}.stat-icon{width:29px;height:29px}.stat-label{font-size:8px}.stat-value{font-size:21px}.stat-detail{font-size:7px}.notice{align-items:flex-start;gap:8px;padding:9px}.notice>.button{align-self:center;flex:0 0 auto}.directory-toolbar{align-items:stretch;flex-direction:column}.search-control{width:100%}.record-count{align-self:flex-end}.privacy-note{align-items:flex-start;line-height:1.4}.privacy-note>span{max-width:45%;text-align:right}.module-card{margin:0;padding:21px 17px}.login-layout{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:80px 20px 55px}.back-link{top:24px;left:20px}.login-copyright{bottom:18px}}
.success-notice{padding:10px 12px;border:1px solid #dcebe3;border-radius:7px;color:#32745d;background:#f3faf6;font-size:10px}.user-table{min-width:800px}.user-name-link strong{color:#35434c}.user-name-link:hover strong{color:#0d8c73}.role-badges,.station-badges{display:flex;flex-wrap:wrap;gap:4px}.role-badge,.station-badge{display:inline-block;padding:4px 6px;border:1px solid #e8edef;border-radius:5px;color:#65737c;background:#fafbfb;font-size:8px;white-space:nowrap}.role-badge{color:#527264;background:#f3f8f5}.station-badge{font-family:ui-monospace,monospace}.user-actions{display:flex;gap:9px;white-space:nowrap}.hierarchy-note{display:grid;gap:6px;padding:13px 15px;border:1px solid #e5ebe8;border-radius:8px;background:#fafcfb}.hierarchy-note strong{color:#47564f;font-size:10px}.hierarchy-note>span{color:#407765;font-size:10px;font-weight:600}.hierarchy-note small{color:#88948e;font-size:9px;line-height:1.5}.heading-actions{display:flex;gap:8px}.form-panel{max-width:900px;padding:21px}.managed-user-form{display:grid;gap:21px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;align-content:start;gap:6px}.field>label,.station-fieldset legend{color:#4d5a62;font-size:10px;font-weight:600}.field input,.field select{width:100%;height:37px;padding:0 10px;border:1px solid #e2e8ea;border-radius:6px;outline:0;color:#3c4952;background:#fff;font-size:10px}.field input:focus,.field select:focus{border-color:#75b9a5;box-shadow:0 0 0 3px #0d987b12}.field>small{color:#8e999f;font-size:8px;line-height:1.45}.station-fieldset{margin:0;padding:13px;border:1px solid #e7ecee;border-radius:7px}.station-fieldset legend{padding:0 5px}.station-fieldset legend span{margin-left:5px;color:#919ba1;font-size:8px;font-weight:400}.station-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.station-choice{display:flex;min-height:47px;align-items:center;gap:9px;padding:8px;border:1px solid #e9edef;border-radius:6px;cursor:pointer}.station-choice:has(input:checked){border-color:#a9d8c8;background:#f5fbf8}.station-choice input,.active-choice>input[type=checkbox]{accent-color:#0d987b}.station-choice strong,.station-choice small,.active-choice strong,.active-choice small{display:block}.station-choice strong,.active-choice strong{color:#48555d;font-size:9px}.station-choice small,.active-choice small{margin-top:3px;color:#909ba1;font-size:8px}.active-choice{display:flex;align-items:center;gap:9px}.active-choice>input{flex:0 0 auto}.field-error{color:#ac554b;font-size:9px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid #edf0f1}.user-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:13px}.detail-panel{padding-bottom:8px}.detail-list{margin:0;padding:0 15px}.detail-list>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid #eff1f2}.detail-list dt{color:#869199;font-size:9px}.detail-list dd{margin:0;color:#47545d;font-size:9px;line-height:1.5}.permission-list{color:#6e7c84;font-family:ui-monospace,monospace;font-size:8px;overflow-wrap:anywhere}.activity-list{padding:0 15px}.activity-list>div{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-top:1px solid #eff1f2}.activity-dot{width:7px;height:7px;flex:0 0 auto;margin-top:3px;border-radius:50%;background:#32a383;box-shadow:0 0 0 3px #e8f5ef}.activity-list strong,.activity-list small{display:block}.activity-list strong{color:#4b5860;font-size:9px;font-weight:550;text-transform:capitalize}.activity-list small{margin-top:4px;color:#929ca2;font-size:8px}.compact-empty{min-height:130px}
@media(max-width:850px){.user-detail-grid{grid-template-columns:1fr}}
@media(max-width:650px){.form-panel{padding:15px}.form-grid,.station-choice-grid{grid-template-columns:1fr}.station-fieldset legend span{display:block;margin:4px 0 0}.heading-actions{flex-wrap:wrap}.detail-list>div{grid-template-columns:110px minmax(0,1fr)}.hierarchy-note>span{line-height:1.5}}