:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#172033;background:#f2f5f9;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#07111f}.hero{padding:10vw;color:white;background:radial-gradient(circle at 20% 20%,#1877d2 0,transparent 35%),linear-gradient(145deg,#07111f,#102745)}.hero h1{font-size:clamp(3rem,8vw,6rem);margin:0;letter-spacing:-.06em}.hero p{max-width:560px;color:#b8c8dd;font-size:1.15rem}.login{display:grid;place-items:center;padding:24px}.card{background:white;border-radius:20px;padding:28px;box-shadow:0 18px 50px #0002;width:min(100%,480px)}h2{margin-top:0}label{display:block;margin:14px 0 6px;font-weight:650}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #ccd4df;border-radius:10px;background:white}.btn{border:0;border-radius:10px;padding:12px 16px;background:#1267b7;color:white;font-weight:700;cursor:pointer}.btn.secondary{background:#e7eef7;color:#174772}.full{width:100%;margin-top:18px}.error{color:#b42318}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:#0b1930;color:white;padding:24px 18px}.brand{font-size:1.5rem;font-weight:850;margin-bottom:28px}.brand span{color:#45a6ff}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#b9c9dc;padding:11px;border-radius:9px;cursor:pointer}.nav button.active,.nav button:hover{background:#173455;color:white}.main{padding:30px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid #e3e9f0;border-radius:16px;padding:20px}.stat b{font-size:2rem;display:block;color:#0d5fa9}.panel{background:white;border-radius:16px;padding:20px;border:1px solid #e2e8f0;overflow:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;min-width:600px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}.pill{padding:5px 9px;border-radius:20px;background:#e7f3ff;color:#075a9e;font-size:.82rem}.modal{position:fixed;inset:0;background:#07111fcc;display:grid;place-items:center;padding:16px;z-index:5}.modal .card{max-height:90vh;overflow:auto}.hide{display:none!important}@media(max-width:850px){.auth{grid-template-columns:1fr}.hero{padding:48px 24px}.shell{grid-template-columns:1fr}.side{padding:14px}.brand{margin:0 0 10px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid{grid-template-columns:1fr}.top{align-items:flex-start}.hero h1{font-size:3rem}}