:root{--nav:#151a2e;--accent:#ef5b0c;--bg:#f4f6f9}*{box-sizing:border-box}body{background:var(--bg);color:#263244}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#0f766e)}.login-card{width:min(430px,calc(100% - 30px));padding:38px;border-radius:22px;background:#fff}.login-card h1{font-size:28px}.login-card small{display:block;margin-top:18px;color:#64748b}.brand-mark{display:grid;width:60px;height:60px;place-items:center;border-radius:16px;background:#0f766e;color:#fff;font-weight:900;margin-bottom:18px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:22px 14px;background:var(--nav);color:#fff;overflow-y:auto}.sidebar h1{font-size:18px;padding:0 10px 20px}.sidebar a{display:block;padding:11px 13px;margin:4px 0;border-radius:9px;color:#b8c0d5;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:var(--accent);color:#fff}.main{margin-left:250px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.content{padding:24px}.metric{padding:22px;border:0;border-radius:16px;color:#fff}.m1{background:#16a34a}.m2{background:#f97316}.m3{background:#2563eb}.m4{background:#dc2626}.metric strong{display:block;font-size:32px;margin-top:10px}.panel{padding:22px;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0f172a0d}.table-responsive{max-height:620px}.form-card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fafafa}.module-dashboard{background:linear-gradient(135deg,#f6faf8 0%,#eef7f3 42%,#f8fafc 100%)}.module-dashboard .topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(15,23,42,.08);border:0}.module-dashboard .content{padding:28px}.module-dashboard .sidebar{box-shadow:12px 0 34px rgba(15,23,42,.14)}@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin:0}.topbar{flex-wrap:wrap;gap:10px}.content{padding:15px}.module-dashboard .content{padding:16px}}