:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2528;--muted:#687276;--line:#dfe4e2;--surface:#fff;--canvas:#f4f6f5;--brand:#167565;--brand-strong:#0f5b4f;--accent:#df6c43;--soft:#eaf3f1;--radius:6px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);letter-spacing:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{letter-spacing:0}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef2f1;background:#20292b;flex-direction:column;min-height:100vh;padding:18px 14px;display:flex}.brand{align-items:center;gap:10px;padding:2px 8px 20px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.event-switcher{border-radius:var(--radius);border:1px solid #3b4749;gap:4px;margin:0 4px 18px;padding:11px 12px;display:grid}.event-label{color:#9fabad;text-transform:uppercase;font-size:11px}.event-switcher strong{font-size:13px}.sidebar nav{gap:3px;display:grid}.nav-link{color:#c7d0d0;border-radius:5px;align-items:center;gap:10px;min-height:39px;padding:0 10px;font-size:13px;display:flex}.nav-link:hover,.nav-link:focus-visible{color:#fff;background:#303b3d;outline:none}.sidebar-footer{border-top:1px solid #394446;align-items:center;gap:10px;margin-top:auto;padding:16px 7px 2px;font-size:12px;display:flex}.sidebar-footer div:last-child{gap:2px;display:grid}.sidebar-footer span{color:#9fabad}.avatar{background:var(--soft);width:32px;height:32px;color:var(--brand-strong);border-radius:50%;place-items:center;font-weight:700;display:grid}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--surface);height:54px;color:var(--muted);align-items:center;gap:8px;padding:0 28px;font-size:12px;display:flex}.status-dot{background:#2d9b71;border-radius:50%;width:7px;height:7px}.topbar-spacer{flex:1}.role-badge,.status-badge{border:1px solid var(--line);background:#fafbfa;border-radius:999px;padding:5px 9px;font-size:11px}.mobile-menu,.mobile-nav-overlay{display:none}.main-content{padding:30px}.page-stack{gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-header h1{margin:4px 0 7px;font-size:28px;line-height:1.15}.page-header p:not(.eyebrow){max-width:700px;color:var(--muted);margin:0;font-size:14px;line-height:1.5}.eyebrow{color:var(--brand);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--brand-strong);background:var(--brand);color:#fff;cursor:pointer;border-radius:5px;min-height:36px;padding:0 14px}.primary-button:hover{background:var(--brand-strong)}.metric-grid{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric{border-right:1px solid var(--line);gap:7px;padding:18px 20px;display:grid}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:23px}.work-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.panel-heading h2{margin:0 0 5px;font-size:15px}.panel-heading p{color:var(--muted);margin:0;font-size:12px}.status-badge{color:var(--brand-strong);background:var(--soft);white-space:nowrap;border-color:#c9ded9}.next-list{margin:0;padding:0;list-style:none}.next-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:54px;padding:0 20px;display:flex}.next-list li:last-child{border-bottom:0}.next-list li>span{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;display:grid}.next-list p{margin:0;font-size:13px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px}.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}.logout-form{margin-left:auto}.login-screen{background:var(--canvas);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface,white);border:1px solid var(--line);border-radius:var(--radius,8px);flex-direction:column;gap:14px;width:100%;max-width:420px;padding:32px 28px;display:flex}.login-brand{pointer-events:none}.login-card h1{margin:6px 0 0;font-size:22px}.login-hint{color:var(--muted);margin:0;font-size:14px}.login-personas{flex-direction:column;gap:8px;display:flex}.persona-button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.persona-button:hover{border-color:var(--brand);background:var(--soft)}.persona-copy{flex-direction:column;gap:2px;display:flex}.persona-copy span{color:var(--muted);font-size:12.5px}@media (max-width:820px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:0 16px}.mobile-menu{display:inline-flex}.mobile-nav-overlay{z-index:60;background:#141c1e59;display:flex;position:fixed;inset:0}.mobile-nav-panel{color:#eef2f1;background:#20292b;width:min(300px,100% - 36px);min-height:100%;padding:18px 14px;box-shadow:4px 0 14px #141c1e33}.mobile-nav-heading{justify-content:space-between;align-items:center;padding:0 4px 16px;display:flex}.mobile-nav-panel nav{gap:3px;display:grid}.mobile-nav-link{color:#c7d0d0;border-radius:5px;align-items:center;min-height:42px;padding:0 10px;font-size:14px;display:flex}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{color:#fff;background:#303b3d;outline:none}.main-content{padding:22px 16px}.page-header{flex-direction:column;align-items:flex-start}.primary-button{width:100%}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.panel-heading{flex-direction:column;align-items:flex-start}.role-badge{display:none}}
