@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap");:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f5f7fb;--surface3:#eef2ff;--border:#e5e7eb;--border2:#d1d5db;--text:#0f172a;--text1:#0f172a;--text2:#374151;--text3:#64748b;--accent:#2563ff;--accent2:#1d4ed8;--blue:#2563ff;--blue2:#4f46e5;--blue3:#3730a3;--blue-bg:rgba(37,99,255,.08);--green:#22c55e;--green2:#16a34a;--green-bg:rgba(34,197,94,.08);--red:#ef4444;--red-bg:rgba(239,68,68,.08);--yellow:#f59e0b;--yellow-bg:rgba(245,158,11,.08);--purple:#9333ea;--purple-bg:rgba(147,51,234,.08)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body,html{height:100%;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;font-family:inherit;font-size:13px;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,255,.12)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text3)}input::placeholder,textarea::placeholder{color:var(--text3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#2563ff,#4f46e5);color:#fff;box-shadow:0 2px 8px rgba(37,99,255,.3)}.btn-primary:hover{opacity:.9;box-shadow:0 4px 16px rgba(37,99,255,.4)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);border-color:var(--border2)}.btn-sm{padding:5px 12px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.pill-green{background:rgba(34,197,94,.14);color:#16a34a}.pill-red{background:rgba(239,68,68,.14);color:#dc2626}.pill-yellow{background:rgba(245,158,11,.14);color:#d97706}.pill-blue{background:rgba(37,99,255,.12);color:#2563ff}.pill-purple{background:rgba(147,51,234,.12);color:#9333ea}.pill-orange{background:rgba(245,158,11,.14);color:#d97706}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 14px;color:var(--text3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px}td,th{border-bottom:1px solid var(--border)}td{padding:11px 14px;color:var(--text2)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.progress-bar{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04)}.toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--border2);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--blue)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch.on:after{left:21px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}