body{font-family:"Malgun Gothic",Arial,sans-serif;background:#f4f7fb;margin:0}.login-body{min-height:100vh;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(16,185,129,.08)),#f4f7fb}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 16px}.login-card{width:100%;max-width:450px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.12);padding:34px 28px 26px;border:1px solid #e5e7eb}.login-brand{text-align:center;margin-bottom:24px}.login-brand img{width:88px;height:88px;object-fit:contain;margin-bottom:10px}.login-logo-fallback{width:68px;height:68px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}.login-brand h1{margin:0 0 8px 0}.login-brand p{margin:0;color:#6b7280}.alert{padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;margin-bottom:7px}.form-control{width:100%;height:46px;border:1px solid #d1d5db;border-radius:10px;padding:0 14px;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:10px;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.login-links{text-align:center;margin-top:18px;font-size:13px}.login-footer{margin-top:20px;padding-top:16px;border-top:1px solid #eef2f7;text-align:center;color:#94a3b8;font-size:12px}.layout{min-height:100vh;display:flex}.sidebar{width:240px;background:#0f172a;color:#cbd5e1;padding:24px 18px}.sidebar .brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.sidebar .brand img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.sidebar .title{font-weight:700;font-size:18px;color:#fff}.sidebar a{display:block;padding:10px 12px;border-radius:10px;color:#cbd5e1;margin-bottom:6px;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:#1e293b;color:#fff}.main{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);padding:22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:18px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe}.stat h3{margin:0 0 8px 0;font-size:13px;color:#64748b}.stat .num{font-size:28px;font-weight:700;color:#0f172a}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px}.help{color:#64748b;font-size:12px;line-height:1.6}