*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#16243b}
.logo{font-size:24px;font-weight:900;letter-spacing:-1px;color:#14356c}
.logo span{color:#20a7a1}
.eyebrow{color:#6883a6;font-size:12px;font-weight:800;letter-spacing:2px}
h1{font-size:32px;letter-spacing:-1px;margin:8px 0}
h2{font-size:21px}
.muted{color:#728097;line-height:1.7}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#0d2044,#234e86)}
.login-card{width:min(430px,92vw);background:white;border-radius:22px;padding:44px;box-shadow:0 24px 65px #07182b40}
.login-card form{display:grid;gap:12px;margin-top:25px}
label{font-size:13px;font-weight:700}
input{padding:14px 15px;border:1px solid #d8e0eb;border-radius:9px;width:100%;font-size:15px}
button{border:0;border-radius:10px;background:#1b63bd;color:white;padding:14px 20px;font-weight:800;cursor:pointer}
.alert{padding:12px;background:#fff0ed;color:#ab3024;border-radius:8px}
.footer{font-size:12px;text-align:center;color:#8793a4;margin-top:28px}
.app{min-height:100vh;display:flex}
.sidebar{width:260px;flex-shrink:0;padding:30px 20px;background:#fff;border-right:1px solid #e6ebf2;display:flex;flex-direction:column}
.sidebar-title{font-size:11px;font-weight:800;color:#8da0ba;letter-spacing:2px;margin:42px 12px 15px}
nav{display:grid;gap:8px}
.nav-active,.nav-disabled{padding:14px;border-radius:10px;font-size:14px}
.nav-active{background:#e9f2ff;color:#1459ad;font-weight:800}
.nav-disabled{color:#8794a7}
.sidebar form{margin-top:auto}
.logout{background:#edf2f9;color:#3a567b;width:100%}
.content{padding:43px 48px;width:100%;max-width:1440px;margin:auto;align-self:flex-start}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px}
.status{border-radius:30px;background:#fff5dd;color:#997018;padding:10px 15px;font-size:12px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0}
.card,.panel{background:white;border:1px solid #e5ebf3;border-radius:17px;padding:25px}
.card p{color:#728097;font-size:13px;font-weight:700}
.card strong{display:block;font-size:23px;margin:18px 0}
.card small{color:#97a1b2}
.panel{padding:30px}
.disabled-action{display:inline-block;margin-top:15px;padding:14px 20px;border-radius:10px;background:#e9eef5;color:#77869a;font-weight:800;font-size:14px}
@media(max-width:900px){.cards{grid-template-columns:1fr}.content{padding:25px}.topbar{flex-wrap:wrap}.sidebar{width:215px}}
@media(max-width:600px){.app{display:block}.sidebar{width:100%;padding:20px}.sidebar-title,.sidebar nav{display:none}.sidebar form{margin-top:15px}.content{padding:20px}h1{font-size:26px}}