:root{color:#f2f0f5;font-synthesis:none;text-rendering:optimizelegibility;background-color:#121019;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{background-color:#121019}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.dashboard{background:radial-gradient(circle at 15% 10%,#ff488761,#0000 38%),radial-gradient(circle at 85% 5%,#ff7ba842,#0000 40%),linear-gradient(135deg,#211018 0%,#2a1320 50%,#150f15 100%);min-height:100vh;padding:32px 40px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px;margin:24px auto 0;display:grid}.kpi-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#231620d1;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;min-height:125px;padding:22px;display:flex;box-shadow:0 18px 40px #08040838}.kpi-icon{background:#ffffff08;border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.kpi-card p{color:#b9a9b7;letter-spacing:1px;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.kpi-card strong{color:#fff;font-size:34px}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.dashboard{padding:20px}.kpi-grid{grid-template-columns:1fr}}.filter-bar{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;max-width:1200px;margin:22px auto 0;display:grid}.filter-bar select{color:#f8edf3;cursor:pointer;background-color:#231620e6;border:1px solid #ff71a559;border-radius:10px;outline:none;width:100%;padding:12px 38px 12px 14px}.filter-bar select:hover,.filter-bar select:focus{border-color:#ff71a5;box-shadow:0 0 0 3px #ff71a51f}.filter-bar option{color:#fff;background-color:#281722}@media (width<=760px){.filter-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.filter-bar{grid-template-columns:1fr}}.chart-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#231620d1;border:1px solid #ffffff1a;border-radius:16px;max-width:1200px;margin:24px auto 0;padding:24px;box-shadow:0 18px 40px #08040838}.chart-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-heading p{color:#ff71a5;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.chart-heading h2{color:#fff;margin:0;font-size:20px}.chart-container{width:100%;height:340px}.empty-state{color:#b9a9b7;text-align:center;padding:50px 20px}.charts-grid{grid-template-columns:1.25fr 1fr;gap:18px;max-width:1200px;margin:24px auto 0;display:grid}.charts-grid .chart-card{width:100%;min-width:0;max-width:none;margin:0}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}.table-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#231620d1;border:1px solid #ffffff1a;border-radius:16px;max-width:1200px;margin:24px auto 0;padding:24px;box-shadow:0 18px 40px #08040838}.record-count{color:#ff9fc2;background:#ff71a51a;border:1px solid #ff71a540;border-radius:20px;padding:7px 11px;font-size:12px}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%;min-width:850px}.table-wrapper th,.table-wrapper td{text-align:left;border-bottom:1px solid #ffffff14;padding:15px 14px}.table-wrapper th{color:#b9a9b7;letter-spacing:1px;text-transform:uppercase;font-size:11px}.table-wrapper td{color:#f8edf3;font-size:14px}.table-wrapper tbody tr:hover{background:#ff71a50f}.status-badge{white-space:nowrap;border:1px solid;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.status-completed{color:#56d79b;background:#45c58b1a;border-color:#45c58b66}.status-review{color:#f4b942;background:#f4b9421a;border-color:#f4b94266}.empty-table{color:#b9a9b7!important;text-align:center!important;padding:45px!important}.admin-page{color:#f8edf3;background:radial-gradient(circle at 15% 10%,#ff488761,#0000 38%),radial-gradient(circle at 85% 5%,#ff7ba842,#0000 40%),linear-gradient(135deg,#211018 0%,#2a1320 50%,#150f15 100%);min-height:100vh;padding:32px 40px}.admin-header{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.admin-header p,.upload-card>p{color:#ff71a5;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.admin-header h1{color:#fff;margin:0 0 8px;font-size:38px}.admin-header span,.upload-card span{color:#c7b8c4}.dashboard-link{color:#fff;background:#ff71a51f;border:1px solid #ff71a573;border-radius:10px;padding:11px 16px;text-decoration:none}.dashboard-link:hover{background:#ff71a53d}.upload-card{background:#231620db;border:1px solid #ffffff1a;border-radius:16px;max-width:1200px;margin:30px auto 0;padding:28px;box-shadow:0 18px 40px #08040840}.upload-card h2{color:#fff;margin:0 0 10px}@media (width<=600px){.admin-page{padding:22px 18px}.admin-header{flex-direction:column;align-items:flex-start}}.excel-uploader{margin-top:26px}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4f91,#d9417b);border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;padding:13px 20px;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #ff4f9138}.upload-button:hover{background:linear-gradient(135deg,#ff6ba2,#e44c85);transform:translateY(-1px)}.upload-button input{display:none}.upload-success,.upload-error{min-height:22px;margin:14px 0 0;font-size:13px}.upload-success{color:#56d79b}.upload-error{color:#ff7382}.saved-records{border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px}.saved-records strong{color:#ff9fc2;font-size:24px}.saved-records span{color:#c7b8c4}.app-layout{background-color:#150f15;grid-template-columns:78px minmax(0,1fr);min-height:100vh;display:grid}.page-content{min-width:0}.sidebar{z-index:20;background:#140f16fa;border-right:1px solid #ffffff17;flex-direction:column;width:78px;height:100vh;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #08040829}.sidebar-logo{color:#ff71a5;letter-spacing:1px;background:#ff71a51a;border:1px solid #ff71a54d;border-radius:14px;place-items:center;width:52px;height:46px;margin:20px auto 28px;font-size:11px;font-weight:800;display:grid}.sidebar-navigation{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:#a99eaa;justify-content:center;align-items:center;width:100%;min-height:54px;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.sidebar-link span{display:none}.sidebar-link:hover{color:#fff;background:#ff71a514}.sidebar-link.active{color:#ff71a5;background:#ff71a51f}.sidebar-link.active:before{content:"";background:#ff5e98;border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-bottom{margin-top:auto;padding-bottom:18px}@media (width<=600px){.app-layout{grid-template-columns:62px minmax(0,1fr)}.sidebar{width:62px}.sidebar-logo{width:40px;height:40px;font-size:12px}}.challenge-chart{grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr);align-items:center;gap:16px;width:100%;height:340px;display:grid}.challenge-pie{width:100%;height:280px}.challenge-legend{flex-direction:column;gap:11px;min-width:0;display:flex}.challenge-legend-item{color:#d8cdd6;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:9px;font-size:12px;line-height:1.4;display:grid}.legend-colour{border-radius:50%;width:9px;height:9px;margin-top:4px}.legend-name{overflow-wrap:anywhere}.challenge-legend-item strong{color:#fff}@media (width<=560px){.challenge-chart{grid-template-columns:1fr;height:auto}.challenge-pie{height:240px}}