@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030308;--bg2: #07070f;--bg3: #0c0c18;--bg4: #11111f;--bg5: #161628;--border: rgba(120,140,255,.1);--border2: rgba(120,140,255,.2);--border3: rgba(120,140,255,.38);--neon: #5c8fff;--neon2: #00d4ff;--neon3: #b06fff;--green: #00ffaa;--green2: #00c896;--amber: #ffb830;--red: #ff4060;--text: #f0f0ff;--text2: #8080b0;--text3: #40406a;--font: "Outfit", system-ui, sans-serif;--mono: "Space Mono", monospace;--r: 12px;--r2: 8px;--topbar: 56px;--bottom: 64px;--ease: cubic-bezier(.4,0,.2,1)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 25% -5%,rgba(92,143,255,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,212,255,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 60% 50%,rgba(176,111,255,.04) 0%,transparent 60%)}*{scrollbar-width:thin;scrollbar-color:var(--bg5) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r2);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);border:none;white-space:nowrap;letter-spacing:.2px}.btn i{font-size:16px}.btn-sm{padding:6px 12px;font-size:13px}.btn-sm i{font-size:14px}.btn-lg{padding:13px 26px;font-size:16px}.btn-full{width:100%;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--neon),var(--neon2));color:#fff;box-shadow:0 0 20px #00d4ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:#ffffff0a;color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{background:#5c8fff14;color:var(--neon);border-color:var(--border3);transform:translateY(-1px);box-shadow:0 0 14px #5c8fff26}.btn-green{background:#00ffaa12;color:var(--green);border:1px solid rgba(0,255,170,.2)}.btn-green:hover{background:#00ffaa24;box-shadow:0 0 24px #0fa3;transform:translateY(-1px)}.btn-red{background:#ff406012;color:var(--red);border:1px solid rgba(255,64,96,.2)}.btn-red:hover{background:#ff406024;box-shadow:0 0 24px #ff406033;transform:translateY(-1px)}.btn-cyan{background:#00d4ff12;color:var(--neon2);border:1px solid rgba(0,212,255,.2)}.btn-cyan:hover{background:#00d4ff24;box-shadow:0 0 24px #00d4ff33;transform:translateY(-1px)}.btn-whatsapp{background:#25d36612;color:#25d366;border:1px solid rgba(37,211,102,.2)}.btn-whatsapp:hover{background:#25d36624;box-shadow:0 0 24px #25d36640;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-blue{background:#5c8fff1a;color:var(--neon);border:1px solid rgba(92,143,255,.25)}.badge-blue:before{background:var(--neon);box-shadow:0 0 6px var(--neon)}.badge-cyan{background:#00d4ff14;color:var(--neon2);border:1px solid rgba(0,212,255,.22)}.badge-cyan:before{background:var(--neon2);box-shadow:0 0 6px var(--neon2)}.badge-green{background:#00ffaa12;color:var(--green);border:1px solid rgba(0,255,170,.2)}.badge-green:before{background:var(--green);box-shadow:0 0 6px var(--green)}.badge-amber{background:#ffb83017;color:var(--amber);border:1px solid rgba(255,184,48,.22)}.badge-amber:before{background:var(--amber);box-shadow:0 0 6px var(--amber)}.badge-red{background:#ff406017;color:var(--red);border:1px solid rgba(255,64,96,.22)}.badge-red:before{background:var(--red);box-shadow:0 0 6px var(--red)}.badge-purple{background:#b06fff17;color:var(--neon3);border:1px solid rgba(176,111,255,.22)}.badge-purple:before{background:var(--neon3);box-shadow:0 0 6px var(--neon3)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;color:var(--text3);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#ffffff08;border:1px solid var(--border2);border-radius:var(--r2);padding:12px 14px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;outline:none;transition:all .2s var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--neon2);background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff1a,0 0 20px #00d4ff1a}.field input::placeholder,.field textarea::placeholder{color:var(--text3)}.field select option{background:var(--bg3);color:var(--text)}.field textarea{resize:vertical;min-height:80px}.kpi-card{background:#ffffff06;border:1px solid var(--border);border-radius:var(--r);padding:20px;position:relative;overflow:hidden;transition:all .22s var(--ease);cursor:default}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-card:hover{transform:translateY(-4px);border-color:var(--border2)}.kpi-card.blue:before{background:linear-gradient(90deg,var(--neon),var(--neon2))}.kpi-card.green:before{background:linear-gradient(90deg,var(--green),#00b8ff)}.kpi-card.amber:before{background:linear-gradient(90deg,var(--amber),#ff6b00)}.kpi-card.purple:before{background:linear-gradient(90deg,var(--neon3),var(--neon))}.kpi-card.red:before{background:linear-gradient(90deg,var(--red),var(--amber))}.kpi-card.blue:hover{box-shadow:0 8px 40px #5c8fff33}.kpi-card.green:hover{box-shadow:0 8px 40px #00ffaa26}.kpi-card.amber:hover{box-shadow:0 8px 40px #ffb83026}.kpi-card.purple:hover{box-shadow:0 8px 40px #b06fff26}.kpi-card.red:hover{box-shadow:0 8px 40px #ff406026}.kpi-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.kpi-value{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}.kpi-sub{font-size:12px;color:var(--text3);margin-top:6px;font-weight:500}.kpi-card.blue .kpi-value{color:var(--neon2);text-shadow:0 0 20px rgba(0,212,255,.4)}.kpi-card.green .kpi-value{color:var(--green);text-shadow:0 0 20px rgba(0,255,170,.3)}.kpi-card.amber .kpi-value{color:var(--amber);text-shadow:0 0 20px rgba(255,184,48,.3)}.kpi-card.purple .kpi-value{color:var(--neon3);text-shadow:0 0 20px rgba(176,111,255,.3)}.kpi-card.red .kpi-value{color:var(--red);text-shadow:0 0 20px rgba(255,64,96,.3)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px}.data-table{background:#07070fb3;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.table-header{padding:12px 20px;border-bottom:1px solid var(--border);background:#ffffff05;display:grid}.table-header span{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.table-row{padding:15px 20px;border-bottom:1px solid var(--border);display:grid;align-items:center;cursor:pointer;transition:all .15s var(--ease);position:relative}.table-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(0,212,255,.5),transparent);transition:width .2s var(--ease)}.table-row:hover:before{width:3px}.table-row:last-child{border-bottom:none}.table-row:hover{background:#00d4ff0a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030308e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#080812f7;border:1px solid var(--border3);border-radius:16px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 0 80px #00d4ff1a,0 40px 80px #000000b3;animation:slideUp .28s cubic-bezier(.34,1.4,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:22px;font-weight:800;letter-spacing:-.5px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#080812f7;border:1px solid var(--border3);border-radius:12px;padding:12px 22px;font-size:14px;font-weight:600;color:var(--text);z-index:999;pointer-events:none;white-space:nowrap;box-shadow:0 0 30px #00d4ff33;animation:toastIn .3s cubic-bezier(.34,1.4,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.modal{padding:18px}}.anim-in{animation:animIn .28s cubic-bezier(.34,1.2,.64,1) both}@keyframes animIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.editable{cursor:pointer;border-radius:5px;padding:1px 4px;transition:background .15s}.editable:hover{background:#00d4ff14;outline:1px dashed rgba(0,212,255,.3)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:20px 0}.search-bar{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid var(--border2);border-radius:var(--r);padding:11px 16px;transition:all .2s}.search-bar:focus-within{border-color:var(--neon2);box-shadow:0 0 0 3px #00d4ff14}.search-bar input{background:none;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;width:100%}.search-bar input::placeholder{color:var(--text3)}.filter-chip{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;font-family:var(--font);letter-spacing:.3px;transition:all .18s var(--ease)}.filter-chip:hover{border-color:var(--border2);color:var(--text)}.filter-chip.active{background:#00d4ff14;border-color:#00d4ff4d;color:var(--neon2);box-shadow:0 0 14px #00d4ff1a}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:fixed;top:0;left:0;right:0;background:#fff!important;color:#000!important;font-family:Outfit,system-ui,sans-serif;padding:0}}input,select,textarea,button{font-family:var(--font)}