:root{--p:#5b3df5;--bg:#f6f7fb;--text:#1e2430;--muted:#6b7280;--card:#fff;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}header{background:#17122d;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-weight:800;font-size:20px}.brand span{font-weight:500;opacity:.8}header a{color:#fff}nav{background:#fff;border-bottom:1px solid var(--border);padding:10px 18px;display:flex;gap:8px;overflow:auto}nav a{padding:10px 13px;text-decoration:none;color:#343946;border-radius:9px;white-space:nowrap}nav a:hover{background:#f0edff;color:var(--p)}main{max-width:1200px;margin:20px auto;padding:0 14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 2px 8px #00000008}.stat{font-size:28px;font-weight:800}.muted{color:var(--muted);font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn{background:var(--p);color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.secondary{background:#ece9ff;color:#3e2bb0}.btn.danger{background:#b91c1c}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.hot{background:#fee2e2;color:#991b1b}.warm{background:#fef3c7;color:#92400e}.cold{background:#dbeafe;color:#1e40af}.urgent{background:#fee2e2;color:#991b1b}.high{background:#ffedd5;color:#9a3412}.medium{background:#fef3c7;color:#92400e}.low{background:#dcfce7;color:#166534}form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}input,select,textarea{font:inherit;padding:10px;border:1px solid #d1d5db;border-radius:8px}textarea{min-height:90px}h1{font-size:28px}h2{font-size:20px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.login{max-width:440px;margin:8vh auto}.alert{padding:12px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-bottom:12px}footer{text-align:center;color:var(--muted);padding:30px;font-size:12px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:480px){.grid{grid-template-columns:1fr 1fr}header{font-size:13px}.brand{font-size:16px}}