:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1a3036;background:#f6f8fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:9px;background:#126956;color:#fff;padding:12px 18px;cursor:pointer}input,select{width:100%;padding:12px;border:1px solid #d4e0e2;border-radius:8px;margin-top:7px;background:#fff}label{display:block;margin:18px 0;font-size:14px;font-weight:600}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{padding:10%;background:#133b3d;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand h2{font-size:clamp(32px,4vw,64px);line-height:1.09;letter-spacing:-2px}.brand p{color:#aec9c5}.panel{background:#fff;padding:40px;border-radius:15px;margin:auto;max-width:430px;width:85%;box-shadow:0 12px 50px #2444}.panel button{width:100%;margin:8px 0}.layout{display:flex;min-height:100vh}aside{background:#133b3d;width:240px;color:#fff;padding:26px;display:flex;flex-direction:column;gap:18px}aside h2{color:#7ce2c0;letter-spacing:3px}.nav{background:transparent;text-align:left}.nav:hover{background:#256052}.bottom{margin-top:auto}main{min-width:0;flex:1}header{height:75px;border-bottom:1px solid #e4ebee;background:#fff;padding:25px 35px;display:flex;justify-content:space-between;color:#63747d}section{padding:40px;max-width:1300px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.heading small{color:#17836c;letter-spacing:2px}.heading h1{font-size:34px;margin:8px 0}.heading p{color:#788a92}.heading select{max-width:220px}.card{background:#fff;border:1px solid #e6edef;border-radius:13px;padding:25px;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics .card{display:grid;gap:18px}.metrics strong{font-size:38px}.metrics small{color:#789}.error{background:#fff0ed;color:#a62a24;padding:12px;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px;border-bottom:1px solid #e9eeee}th{font-size:12px;color:#72838e}td small{display:block;color:#87969b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1238;display:grid;place-items:center}.secondary{background:#e7edef;color:#283e43}@media(max-width:800px){.auth{grid-template-columns:1fr}.brand{min-height:230px;padding:28px}.layout{display:block}aside{width:100%;padding:16px}aside .bottom{display:none}header{padding:24px}section{padding:20px}.metrics{grid-template-columns:1fr}.heading{flex-wrap:wrap}}