*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#17202a}.auth-body{min-height:100vh;display:grid;place-items:center;background:#111827}.auth-card{width:min(460px,92vw);background:#fff;padding:30px;border-radius:16px}.auth-card label{display:block;margin:12px 0 5px;font-weight:700}.auth-card input{width:100%;padding:11px;border:1px solid #ccc;border-radius:9px}.btn{width:100%;margin-top:18px;padding:12px;border:0;border-radius:9px;background:#111827;color:#fff;font-weight:700}.alert{padding:10px;margin:12px 0;border-radius:8px}.error{background:#fee2e2}.success{background:#dcfce7}.layout{display:flex}.sidebar{width:250px;min-height:100vh;background:#111827;color:#fff;padding:20px;display:flex;flex-direction:column;gap:8px}.sidebar a{padding:9px;border-radius:7px;color:#ddd}.sidebar .active,.sidebar a:hover{background:#1f2937;color:#fff}.main{flex:1;padding:28px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric,.panel{background:#fff;padding:18px;border-radius:12px;border:1px solid #e5e7eb}.metric span{color:#6b7280}.metric strong{display:block;font-size:28px;margin-top:6px}.panel{margin-top:18px}@media(max-width:800px){.layout{display:block}.sidebar{width:100%;min-height:auto}.cards{grid-template-columns:repeat(2,1fr)}}