:root{--ink:#171224;--muted:#706a7c;--purple:#6d28d9;--purple-dark:#4c1d95;--lime:#d9f99d;--surface:#fff;--canvas:#f6f4f9;--line:#e9e5ef;--green:#16804a;--red:#c9344b;--shadow:0 18px 48px #27164114}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 18% 14%,#d9f99d3d,#0000 28%),radial-gradient(circle at 86% 80%,#8b5cf647,#0000 30%),#160a2b;flex-direction:column;justify-content:space-between;padding:52px clamp(32px,7vw,92px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-170px;right:-120px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}.brand-lockup{z-index:1;letter-spacing:-.02em;align-items:center;gap:13px;font-size:20px;font-weight:800;display:flex;position:relative}.brand-mark{background:var(--lime);width:44px;height:44px;color:var(--purple-dark);border-radius:14px;place-items:center;font-weight:900;display:grid}.story-copy{z-index:1;max-width:650px;margin:90px 0;position:relative}.eyebrow{color:#c4b5fd;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.story-copy h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(40px,5vw,72px);line-height:1.02}.story-copy>p:last-of-type{color:#d8d0e6;max-width:560px;margin:24px 0 0;font-size:17px;line-height:1.65}.story-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.story-point{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1c;border-radius:16px;padding:15px}.story-point strong{margin-bottom:5px;font-size:13px;display:block}.story-point span{color:#c7bed5;font-size:11px;line-height:1.4}.login-footnote{z-index:1;color:#a89db9;font-size:12px;position:relative}.login-panel{background:#fff;place-items:center;padding:42px;display:grid}.login-card{width:min(100%,440px)}.login-card h2{letter-spacing:-.04em;margin:0;font-size:32px}.login-card>p{color:var(--muted);margin:10px 0 30px;line-height:1.55}.login-form{gap:18px;display:grid}.login-form label{color:#41394c;gap:8px;font-size:13px;font-weight:700;display:grid}.login-form input,.filters select,.filters input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none}.login-form input{height:50px;padding:0 14px}.login-form input:focus,.filters select:focus,.filters input:focus{border-color:#9d72e5;box-shadow:0 0 0 3px #6d28d91a}.form-error{background:#fff0f2;border-radius:10px;padding:11px 12px;font-size:12px;color:var(--red)!important;margin:-4px 0 0!important}.primary-button,.logout-button,.filter-button,.clear-button{border:0;border-radius:12px;font-weight:750}.primary-button{background:var(--purple);color:#fff;height:50px;margin-top:4px}.primary-button:hover,.filter-button:hover{background:var(--purple-dark)}.primary-button:disabled,.logout-button:disabled{cursor:wait;opacity:.65}.restricted{border:1px solid var(--line);background:var(--surface);width:min(100% - 40px,520px);box-shadow:var(--shadow);text-align:center;border-radius:24px;margin:12vh auto;padding:36px}.restricted .brand-mark{margin:0 auto 18px}.dashboard-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e9e5efd1;justify-content:space-between;align-items:center;min-height:72px;padding:12px clamp(20px,4vw,58px);display:flex;position:sticky;top:0}.topbar .brand-lockup{color:var(--ink)}.admin-actions{align-items:center;gap:14px;display:flex}.admin-identity{text-align:right}.admin-identity strong,.admin-identity span{display:block}.admin-identity strong{font-size:13px}.admin-identity span{color:var(--muted);margin-top:2px;font-size:11px}.logout-button{color:#4c4358;background:#f1edf6;padding:10px 14px}.dashboard-main{width:min(1500px,100%);margin:0 auto;padding:34px clamp(20px,4vw,58px) 60px}.dashboard-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.dashboard-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(30px,4vw,46px)}.dashboard-heading p{color:var(--muted);margin:8px 0 0}.live-badge{color:var(--green);white-space:nowrap;background:#effbf4;border:1px solid #cdebd9;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:750;display:flex}.live-dot{background:#22a35a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22a35a1f}.filters{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:1.1fr 1.1fr 1.2fr 1fr 1fr auto auto;gap:10px;margin-bottom:22px;padding:14px;display:grid}.filters label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:10px;font-weight:800;display:grid}.filters select,.filters input{height:42px;padding:0 11px;font-size:12px}.filter-button,.clear-button{align-self:end;height:42px;padding:0 16px}.filter-button{background:var(--purple);color:#fff}.clear-button{color:#51485b;background:#f1edf6;place-items:center;text-decoration:none;display:grid}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-height:136px;padding:18px;box-shadow:0 8px 28px #27164109}.metric-icon{width:35px;height:35px;color:var(--purple);background:#f1eafb;border-radius:10px;place-items:center;margin-bottom:16px;font-size:16px;font-weight:900;display:grid}.metric-card strong{letter-spacing:-.04em;font-size:26px;display:block}.metric-card span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.section-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px;margin-top:16px;display:grid}.side-stack{gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 10px 32px #27164109}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-header h2{margin:0;font-size:16px}.panel-header span{color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #f0edf3;padding:13px 18px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}td{font-size:12px}tr:last-child td{border-bottom:0}.person-cell strong,.person-cell span{display:block}.person-cell span{color:var(--muted);margin-top:3px;font-size:10px}.role-badge,.status-badge{text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.role-badge{color:var(--purple);background:#f0eafb}.status-badge.complete{color:var(--green);background:#e8f8ef}.status-badge.incomplete{color:#a85a00;background:#fff4e5}.rank-list{margin:0;padding:10px 20px 18px;list-style:none}.rank-list li{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;display:grid}.rank-label{gap:7px;display:grid}.rank-label span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank-track{background:#eeeaf2;border-radius:99px;height:5px;overflow:hidden}.rank-track i{border-radius:inherit;background:linear-gradient(90deg, var(--purple), #a78bfa);height:100%;display:block}.rank-list strong{font-size:12px}.empty-state{color:var(--muted);text-align:center;padding:36px 20px;font-size:12px}@media (max-width:1180px){.metric-grid,.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-story{min-height:420px}.story-copy{margin:70px 0}.login-panel{min-height:560px}.section-grid{grid-template-columns:1fr}}@media (max-width:680px){.login-story,.login-panel{padding:28px 22px}.story-points{grid-template-columns:1fr}.dashboard-heading{flex-direction:column;align-items:start}.admin-identity{display:none}.filters,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:124px}}@media (max-width:440px){.filters{grid-template-columns:1fr}.topbar{padding-inline:14px}.topbar .brand-lockup{font-size:15px}}