*{box-sizing:border-box}body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}.auth-container,.dashboard-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card,.dashboard-card{text-align:center;background:#111827;border-radius:16px;width:380px;padding:32px;box-shadow:0 20px 40px #0006}.subtitle{color:#94a3b8;margin-bottom:24px}input{color:#fff;background:#020617;border:1px solid #334155;border-radius:8px;width:100%;margin-bottom:14px;padding:12px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700}button:hover{background:#1d4ed8}.switch-text{color:#94a3b8;margin-top:18px}a{color:#60a5fa}.success-message{color:#22c55e;margin-top:14px}.error-message{color:#ef4444;margin-top:14px}.portal-page{background:#0f172a;min-height:100vh;display:flex}.sidebar{background:#020617;flex-direction:column;justify-content:space-between;width:260px;padding:28px;display:flex}.sidebar h2{color:#fff;margin-bottom:32px}nav{flex-direction:column;gap:12px;display:flex}.nav-item{text-align:left;color:#cbd5e1;background:0 0;border:1px solid #1e293b}.nav-item:hover,.nav-item.active{color:#fff;background:#1d4ed8}.logout-btn{background:#dc2626}.logout-btn:hover{background:#b91c1c}.main-content{flex:1;padding:40px}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.topbar h1{margin:0}.topbar p{color:#94a3b8}.role-badge{text-transform:uppercase;background:#334155;border-radius:999px;padding:10px 18px;font-weight:700}.role-badge.admin{background:#7c3aed}.role-badge.user{background:#2563eb}.stats-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px;display:grid}.info-card,.profile-panel{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:24px;box-shadow:0 12px 24px #0000004d}.info-card h3{color:#94a3b8;margin-top:0}.info-card p{font-size:24px;font-weight:700}.profile-panel p{color:#cbd5e1}