:root{--bg:#f6f8fb;--panel:#fff;--text:#172033;--muted:#667085;--border:#d9e0ea;--primary:#1b66ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;padding:24px 18px}.brand{margin-bottom:6px;font-size:20px;font-weight:800}.tagline{color:#b9c3d6;margin-bottom:28px;font-size:13px}.nav{gap:8px;display:grid}.nav a{color:#e5e7eb;border-radius:10px;padding:10px 12px}.nav a:hover{background:#ffffff1a}.main{padding:28px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a0a}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{gap:6px;margin-bottom:12px;display:grid}.label{font-size:14px;font-weight:700}.input,.textarea,.select{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:140px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.secondary{color:#1e3a8a;background:#eef2ff}.btn.danger{background:#ef4444}.badge{color:#1e3a8a;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:14px}.kpi{font-size:28px;font-weight:800}.small{color:var(--muted);font-size:13px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.grid.two{grid-template-columns:1fr}}