*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#1e293b}a{text-decoration:none;color:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eff6ff,#dbeafe)}.login-card{width:min(520px,92vw);background:#fff;padding:34px;border-radius:18px;box-shadow:0 24px 60px #1e3a5f33}.login-card h1{text-align:center;color:#0b57d0}.login-card p{text-align:center;color:#64748b}.avatar{text-align:center;font-size:56px;color:#0b57d0}label{display:block;margin:14px 0 6px;font-weight:700}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}button,.button{display:inline-block;border:0;background:#0b57d0;color:#fff;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer}button.danger{background:#dc2626}.note{margin-top:18px;padding:13px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8}footer{text-align:center;margin-top:24px;color:#2563eb}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#10233f;color:#fff;padding:20px}.brand{font-size:24px;font-weight:900}.profile{padding:18px 0;border-bottom:1px solid #ffffff22}.profile small{display:block;color:#bfdbfe;margin-top:4px}.sidebar nav{display:grid;gap:7px;margin-top:18px}.sidebar nav a{padding:11px;border-radius:8px}.sidebar nav a:hover{background:#ffffff18}.content{margin-left:250px;padding:24px}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content header h1{font-size:22px}.hero{background:linear-gradient(135deg,#0b57d0,#0ea5e9);color:#fff;padding:30px;border-radius:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.stats article,.panel,.card{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0f172a0d}.stats article{padding:22px}.stats strong{font-size:34px;display:block}.stats span{color:#64748b}.panel{padding:20px;overflow:auto}.grid2{display:grid;grid-template-columns:380px 1fr;gap:18px}.alert{padding:12px 16px;border-radius:10px;margin:10px 0}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:18px;display:grid;gap:7px}.badge{padding:5px 9px;border-radius:99px;font-size:12px}.badge.online{background:#dcfce7;color:#166534}.badge.offline{background:#e2e8f0;color:#475569}@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin:0}.stats,.cards,.grid2{grid-template-columns:1fr}.content header{align-items:flex-start;gap:10px;flex-direction:column}}