:root {
--red:#dc3545;
--navy:#1a3d5c;
--yellow:#ffc107;
--light:#f4f7fb;
--dark:#1f2937;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--light);color:var(--dark)}
.navbar{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.08);z-index:1000}
.nav-inner{max-width:1200px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy)}
.brand img{width:55px;height:55px;object-fit:contain}
.nav-links{display:flex;gap:15px;align-items:center}
.nav-links a{text-decoration:none;color:var(--navy);font-weight:600}
.btn-nav,.btn-primary{background:var(--red)!important;color:#fff!important;padding:12px 20px;border-radius:12px}
.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:120px 20px 50px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}
.card{width:100%;max-width:550px;background:#fff;border-radius:30px;padding:40px;box-shadow:0 20px 50px rgba(0,0,0,.1)}
.logo-center{text-align:center;margin-bottom:20px}
.logo-center img{width:100px}
.title{text-align:center;color:var(--navy);font-size:2rem;margin-bottom:10px}
.subtitle{text-align:center;color:#64748b;margin-bottom:30px}
.form-group{margin-bottom:18px}
.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--navy)}
.form-control{width:100%;padding:14px;border-radius:14px;border:1px solid #d1d5db;font-size:1rem}
.form-control:focus{outline:none;border-color:var(--red)}
.btn-submit{width:100%;border:none;background:linear-gradient(135deg,var(--red),var(--navy));color:#fff;padding:15px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer}
.message{padding:14px;border-radius:12px;margin-bottom:20px;background:#fee2e2;color:#991b1b}
.success{background:#dcfce7;color:#166534}
.footer{text-align:center;padding:20px;color:#64748b}
.dashboard-layout{display:flex;min-height:100vh;padding-top:90px}
.sidebar{width:260px;background:var(--navy);padding:30px;color:#fff}
.sidebar img{width:80px;display:block;margin:0 auto 20px}
.sidebar a{display:block;color:#fff;text-decoration:none;padding:14px;border-radius:12px;margin-bottom:10px}
.sidebar a:hover{background:rgba(255,255,255,.1)}
.content{flex:1;padding:40px}
.banner{background:linear-gradient(135deg,var(--red),var(--navy));padding:40px;border-radius:30px;color:#fff;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stat{background:#fff;padding:30px;border-radius:24px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.stat h2{font-size:2.5rem;color:var(--red)}
@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}}