*{box-sizing:border-box}body{margin:0;background:#f3f6fd;color:#172440;font:15px system-ui,-apple-system,Segoe UI,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(165deg,#101b48,#25205a);color:#fff;padding:25px 16px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:23px;padding:8px 12px 35px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#aab9ef;margin-top:5px}nav{display:grid;gap:7px}nav a{color:#d7e0ff;text-decoration:none;padding:13px 16px;border-radius:12px}nav a:hover,nav a.active{background:#ffffff23;color:white}aside form{margin-top:auto}.logout{background:#ffffff1d;color:white;border:0;border-radius:10px;padding:12px;width:100%;cursor:pointer}main{margin-left:245px;padding:25px;max-width:1600px}main.loginmain{margin:0 auto;max-width:550px;padding-top:8vh}header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:25px;font-size:21px}header span{font-size:13px;color:#64748b}.panel,.stat{background:white;border-radius:18px;box-shadow:0 5px 22px #1e35700b;padding:25px;margin-bottom:22px}.panel h2{margin:0 0 20px}.panel p{color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:end}.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:650}.form-grid input,.form-grid select{width:100%;padding:12px;border:1px solid #dce3ef;border-radius:10px;font:inherit;background:white}.btn{border:0;background:linear-gradient(100deg,#2465ef,#773dea);color:white;border-radius:11px;padding:13px 25px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:17px}.stat span{color:#65728b;display:block}.stat b{display:block;font-size:34px;margin-top:13px;color:#293a7e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:580px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0f5}th{color:#65728b;font-size:12px;text-transform:uppercase}.alert{padding:13px 16px;background:#d8f8e6;border-radius:10px;margin-bottom:20px}.alert.error{background:#ffe0e3}.login{margin-top:30px}.login .form-grid{grid-template-columns:1fr}@media(max-width:750px){aside{position:static;width:auto;padding:15px}.brand{padding:0 0 15px}nav{display:flex;overflow-x:auto}nav a{white-space:nowrap}aside form{margin-top:10px}main{margin:0;padding:16px}header{font-size:17px}.panel{padding:17px}}
/* Phase 1.1 dashboard refinements */
:root{color-scheme:light}body{background:linear-gradient(135deg,#f3f7ff,#eef3fc)}.brand{letter-spacing:-.4px}nav a{transition:background .2s,transform .2s}nav a:hover{transform:translateX(3px)}.stat{border:1px solid #e9effb;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2679f5,#8750e9)}.stat:nth-child(2):before{background:linear-gradient(90deg,#06b6d4,#16a34a)}.stat:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#f97316)}.stat:nth-child(4):before{background:linear-gradient(90deg,#ec4899,#8b5cf6)}.panel{border:1px solid #edf1f9}.btn:hover{filter:brightness(1.08)}input:focus,select:focus{outline:2px solid #b4caff;outline-offset:1px}header strong{letter-spacing:-.5px}@media(max-width:750px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px}.stat b{font-size:26px}header{align-items:flex-start}.brand{font-size:20px}}