*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px;box-shadow:0 15px 45px rgba(15,23,42,.08)}.logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800;margin-bottom:18px}.login-card h1{margin:0 0 6px}.muted{color:#64748b}.login-card label{display:block;font-weight:600;margin:16px 0 7px}.login-card input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px}.login-card button,.button-link{display:block;width:100%;margin-top:20px;padding:12px;border:0;border-radius:10px;background:#111827;color:#fff;text-align:center;text-decoration:none;font-weight:700;cursor:pointer}.setup-link{display:block;text-align:center;margin-top:18px;color:#475569;font-size:13px}.alert{padding:11px;border-radius:10px;margin:15px 0}.success{background:#ecfdf5;color:#166534}.danger{background:#fef2f2;color:#991b1b}.topbar{height:64px;background:#111827;color:#fff;display:flex;align-items:center;gap:24px;padding:0 24px}.topbar strong{font-size:19px;margin-right:auto}.topbar a{color:#fff;text-decoration:none}.layout{display:flex;min-height:calc(100vh - 64px)}aside{width:230px;background:#fff;border-right:1px solid #e5e7eb;padding:18px}aside a{display:block;padding:11px 12px;margin-bottom:4px;border-radius:8px;color:#334155;text-decoration:none}aside a.active,aside a:hover{background:#eef2ff;color:#111827}main{padding:28px;flex:1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.card small{display:block;color:#64748b;margin-bottom:12px}.card b{font-size:25px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}aside{display:none}}