:root{--primary:#0f766e;--primary2:#0891b2;--dark:#0f172a;--muted:#64748b;--bg:#f4f7fb;--card:#fff;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:#172033}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#042f2e,#0891b2)}.login-card{width:min(440px,92vw);background:#fff;border-radius:26px;box-shadow:0 30px 80px #0004;padding:34px}.brand{display:flex;align-items:center;gap:13px;margin-bottom:25px}.logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:white;font-weight:900;font-size:26px}.brand h1{margin:0;font-size:25px}.brand p{margin:3px 0 0;color:var(--muted)}label{font-size:13px;color:#475569;font-weight:700}.input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:12px;margin:7px 0 14px;background:#fff;font-size:14px}.btn{border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#e2e8f0;color:#0f172a}.btn.danger{background:var(--danger)}.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:#0f172a;color:#dbeafe;padding:20px;position:fixed;inset:0 auto 0 0;overflow:auto}.side-brand{font-size:22px;font-weight:900;margin-bottom:18px;color:#fff}.nav a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:12px;margin:5px 0;font-weight:650}.nav a:hover,.nav a.active{background:#1e293b;color:#fff}.main{margin-left:280px;flex:1}.topbar{background:#fff;padding:18px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 10px 30px #0f172a0b}.stat b{display:block;font-size:27px;color:#0f172a}.stat span{color:var(--muted);font-size:13px;font-weight:700}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:14px;white-space:nowrap}.table th{background:#f8fafc;color:#334155}.badge{padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800;background:#e0f2fe;color:#0369a1}.badge.success{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.print-area{background:#fff;padding:28px;border-radius:12px}.mobile-menu{display:none}@media(max-width:950px){.sidebar{position:static;width:100%;height:auto}.layout{display:block}.main{margin-left:0}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.topbar{position:static}}@media(max-width:560px){.grid{grid-template-columns:1fr}.content{padding:14px}.login-card{padding:24px}.topbar{display:block}.sidebar{padding:14px}.nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.nav a{font-size:13px;padding:9px}}@media print{.sidebar,.topbar,.actions,.no-print{display:none}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}}