*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:#17233b;background:#f5f7fb}button,input,select{font:inherit}button{cursor:pointer;background:#ff9900;border:0;color:#190f66;border-radius:7px;padding:10px 15px;font-weight:700}a{text-decoration:none;color:inherit}.top{height:65px;position:fixed;top:0;left:0;right:0;background:white;border-bottom:1px solid #e4e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10}.top strong{color:#190f66;font-size:17px}.top strong small{color:#8991a6;font-size:10px}.brandmark{display:inline-grid;place-items:center;background:#ff9900;width:33px;height:33px;border-radius:9px}.topright{display:flex;align-items:center;gap:20px}.topright select{max-width:220px}.topright a{color:#190f66;font-weight:700}.sidebar{position:fixed;top:65px;bottom:0;left:0;width:245px;overflow:auto;background:white;border-right:1px solid #e4e7ef;padding:22px 12px}.navlabel{font-size:10px;font-weight:800;color:#9aa2b5;letter-spacing:1px;margin:14px 10px}.sidebar a,.disabled{display:block;padding:11px 13px;margin:3px 0;border-radius:8px}.sidebar a.active{background:#fff2de;color:#c06e00;font-weight:700;border-left:3px solid #ff9900}.sidebar a:hover{background:#f6f7fb}.disabled{font-size:12px;color:#a5abba}main{margin:65px 0 0 245px;padding:26px;min-height:calc(100vh - 65px)}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.eyebrow{color:#929bb0;font-size:11px;letter-spacing:1px;font-weight:700}h1{font-size:25px;color:#190f66;margin:5px 0}h2{color:#190f66}.actions{display:flex;gap:10px}.secondary{background:#fff;color:#190f66;border:1px solid #dbe0e9;padding:9px 14px;border-radius:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid #e6e9f0;border-radius:12px;padding:20px;box-shadow:0 3px 10px #13204408}.stat{display:flex;flex-direction:column;gap:10px}.stat span,.stat small{color:#8792a8}.stat strong{font-size:28px;color:#190f66}.tablebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tablewrap{overflow:auto;max-height:calc(100vh - 255px)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f6f7fb;color:#58647d;position:sticky;top:0}th,td{padding:13px;border-bottom:1px solid #edf0f5}tr:hover td{background:#fafbfe}.rowactions{display:flex;gap:10px;align-items:center}.rowactions form{margin:0}.link{padding:0;background:none;color:#190f66}.danger{color:#d52b38}input,select{border:1px solid #d9dfeb;border-radius:7px;padding:10px;background:white;max-width:100%}.modal{position:fixed;inset:0;background:#12132b88;z-index:20;display:flex;justify-content:center;align-items:center;padding:18px}.modal[hidden]{display:none}.dialog{background:#fff;border-radius:14px;width:min(700px,100%);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 20px 70px #0003}.dialoghead,.formfooter{display:flex;align-items:center;justify-content:space-between}.close{background:#f3f4f7}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.formgrid label,.login label{display:flex;flex-direction:column;gap:7px;font-weight:600}.formfooter{justify-content:flex-end;gap:10px}.alert,.error{padding:12px;background:#fff0f0;color:#b4222e;border-radius:7px}.success{padding:12px;background:#eefbf0;color:#237a3c;border-radius:7px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#190f66,#302274)}.login{width:min(420px,92vw);display:flex;flex-direction:column;gap:17px;background:white;padding:36px;border-radius:16px}.login h1{margin:0}.login p{margin:0;color:#788297}.login input{width:100%}.login small{text-align:center}.mobilemenu{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:11}.navopen .sidebar{transform:none}.mobilemenu{display:block}.top{padding:0 12px}.topright{gap:8px}.topright select{max-width:115px}#clock{display:none}main{margin-left:0;padding:15px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.pagehead{align-items:flex-start}.pagehead h1{font-size:20px}}@media(max-width:440px){.top strong{font-size:12px}.topright a{font-size:12px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:22px}.actions{flex-direction:column}.panel{padding:10px}}
/* Phase 3 premium brand refinements */
:root{--orange:#ff9900;--navy:#190f66}body{background:#f3f5fa}.top{box-shadow:0 2px 18px #190f6608}.brandmark{color:#190f66;font-weight:900}.sidebar a.active{background:linear-gradient(90deg,#fff0d6,#fff9f0)}.stat{border-top:3px solid var(--orange)}.stat strong{letter-spacing:-.7px}.panel{box-shadow:0 8px 30px #190f6609}.tablewrap{scrollbar-width:thin}.auth{grid-template-columns:1fr 1fr;gap:4vw;padding:7vw;background:radial-gradient(circle at 15% 15%,#41319c,#190f66 60%)}.authbrand{color:white;max-width:550px}.authbrand h1{color:white;font-size:clamp(30px,4vw,55px);letter-spacing:-1px}.authbrand p{font-size:19px;color:#d5d0fa}.authlogo{background:#ff9900;color:#190f66;width:68px;height:68px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:900}.authfeature{border-left:3px solid #ff9900;padding:16px 20px;margin-top:40px;color:#fff3d6;font-size:18px}.login{width:min(470px,100%);padding:clamp(25px,4vw,44px);box-shadow:0 24px 80px #09052e55;justify-self:center}.login h1{font-size:27px}.loginicon{width:48px;height:48px;border-radius:12px;background:#fff2df;display:grid;place-items:center;font-size:23px}.login button{padding:14px}.login label{font-size:13px;color:#36435c}.login label input{height:46px}.mobilefield{display:flex;border:1px solid #d9dfeb;border-radius:7px;overflow:hidden;align-items:center}.mobilefield span{padding:12px;background:#f5f6fa;color:#190f66;font-weight:700}.mobilefield input{flex:1;border:0;min-width:0}.userpage .top{justify-content:space-between}.usersmain{margin-left:0;max-width:1500px;margin-right:auto;padding-top:35px}.userlayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:20px}.userform{display:flex;flex-direction:column;gap:14px}.userform label{display:flex;flex-direction:column;gap:6px;font-weight:600}.userform input,.userform select{width:100%}.userform small{color:#788297;font-weight:400}.userpage .tablewrap{max-height:65vh}@media(max-width:900px){.auth{grid-template-columns:1fr;gap:28px;padding:30px 18px}.authbrand{text-align:center;justify-self:center}.authlogo{margin:auto}.authbrand h1{font-size:25px}.authbrand p{font-size:14px}.authfeature{display:none}.userlayout{grid-template-columns:1fr}.usersmain{padding:25px 12px}}
