:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:12px;--line-xs:16px;--font-sm:13px;--line-sm:18px;--font-base:14px;--line-base:20px;--font-md:16px;--line-md:22px;--font-lg:18px;--line-lg:26px;--font-xl:20px;--line-xl:28px;--font-2xl:24px;--line-2xl:32px;--font-3xl:30px;--line-3xl:38px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--anim-fast:.12s;--anim-normal:.18s;--anim-slow:.24s;--ease:cubic-bezier(.4, 0, .2, 1);--sidebar-w:240px;--sidebar-collapsed:72px;--topbar-h:56px;--content-max:1440px;--z-base:0;--z-row-action:10;--z-sticky:20;--z-topnav:40;--z-mobile-nav:50;--z-drawer:60;--z-modal:70;--z-toast:100;--z-banner:110;--z-max:999}:root,[data-theme=dark]{--bg-1:#0b0f14;--bg-2:#11161c;--bg-3:#171c23;--bg-4:#1f2630;--text-1:#e6eaf0;--text-2:#aab2bf;--text-3:#6b7480;--text-4:#4b5563;--primary:#6366f1;--primary-hover:#818cf8;--primary-dim:#6366f126;--primary-border:#6366f159;--accent:#14b8a6;--accent-hover:#0d9488;--success:#22c55e;--success-bg:#22c55e1f;--success-border:#22c55e40;--warning:#f59e0b;--warning-bg:#f59e0b1f;--warning-border:#f59e0b40;--error:#ef4444;--error-bg:#ef44441f;--error-border:#ef444440;--info:#3b82f6;--info-bg:#3b82f61f;--info-border:#3b82f640;--cod-risk:#f97316;--cod-risk-bg:#f973161f;--cod-risk-border:#f973164d;--whatsapp:#25d366;--whatsapp-bg:#25d3661f;--whatsapp-border:#25d3664d;--border:#2a313c;--border-light:#1f2630;--border-focus:#6366f1;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 4px 12px #0006;--shadow-3:0 8px 24px #00000080;--shadow-4:0 16px 40px #0009;--shadow-drawer:-8px 0 32px #00000080}[data-theme=light]{--bg-1:#f8fafc;--bg-2:#fff;--bg-3:#f1f5f9;--bg-4:#e2e8f0;--text-1:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-dim:#4f46e514;--primary-border:#4f46e540;--accent:#0d9488;--accent-hover:#0f766e;--success:#16a34a;--success-bg:#dcfce7;--success-border:#86efac;--warning:#d97706;--warning-bg:#fef3c7;--warning-border:#fcd34d;--error:#dc2626;--error-bg:#fee2e2;--error-border:#fca5a5;--info:#2563eb;--info-bg:#dbeafe;--info-border:#93c5fd;--cod-risk:#ea580c;--cod-risk-bg:#ffedd5;--cod-risk-border:#fdba74;--whatsapp:#16a34a;--whatsapp-bg:#dcfce7;--whatsapp-border:#86efac;--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:#4f46e5;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 4px 12px #00000014;--shadow-3:0 8px 24px #0000001a;--shadow-4:0 16px 40px #0000001f;--shadow-drawer:-4px 0 16px #0000001f}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-base);font-weight:var(--weight-regular);background:var(--bg-1);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1{font-size:var(--font-3xl);line-height:var(--line-3xl);font-weight:var(--weight-bold)}h2{font-size:var(--font-2xl);line-height:var(--line-2xl);font-weight:var(--weight-semibold)}h3{font-size:var(--font-xl);line-height:var(--line-xl);font-weight:var(--weight-semibold)}h4{font-size:var(--font-lg);line-height:var(--line-lg);font-weight:var(--weight-medium)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.page-container{max-width:var(--content-max);padding:var(--space-6);margin:0 auto}.flex-1{flex:1;min-width:0;min-height:0}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-hover{transition:box-shadow var(--anim-normal) var(--ease), border-color var(--anim-normal) var(--ease), transform var(--anim-normal) var(--ease);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-2);border-color:var(--primary-border);transform:translateY(-1px)}.card-elevated{background:var(--bg-3)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--weight-semibold);font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:all var(--anim-fast) var(--ease);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--font-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--font-base)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg-3);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-4);border-color:var(--border)}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-3);color:var(--text-1)}.btn-danger{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.btn-danger:hover{background:var(--error);color:#fff}.btn-whatsapp{background:var(--whatsapp-bg);color:var(--whatsapp);border-color:var(--whatsapp-border)}.btn-whatsapp:hover{background:var(--whatsapp);color:#fff}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";width:14px;height:14px;animation:spin var(--anim-slow) linear infinite;color:#fff;border:2px solid;border-top-color:#0000;border-radius:50%;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-semibold);white-space:nowrap;padding:3px 8px;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-cod{background:var(--cod-risk-bg);color:var(--cod-risk)}.badge-whatsapp{background:var(--whatsapp-bg);color:var(--whatsapp)}.badge-neutral{background:var(--bg-3);color:var(--text-2)}.input{width:100%;height:40px;padding:0 var(--space-3);background:var(--bg-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-base);font-family:var(--font-family);transition:border-color var(--anim-fast) var(--ease), box-shadow var(--anim-fast) var(--ease);outline:none}.input::placeholder{color:var(--text-3)}.input:hover{border-color:var(--text-3)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.table thead th{background:var(--bg-3);color:var(--text-3);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);z-index:var(--z-sticky);position:sticky;top:0}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-1);vertical-align:middle}.table-row{transition:background var(--anim-fast) var(--ease);position:relative}.table-row:hover td{background:var(--bg-4)}.table-row-actions{right:var(--space-4);gap:var(--space-2);opacity:0;transition:opacity var(--anim-fast) var(--ease);background:var(--bg-4);padding-left:var(--space-4);z-index:var(--z-row-action);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.table-row:hover .table-row-actions{opacity:1}.nav-item{align-items:center;gap:var(--space-3);height:38px;padding:0 var(--space-4);font-size:var(--font-sm);color:var(--text-3);cursor:pointer;transition:color var(--anim-fast) var(--ease), background var(--anim-fast) var(--ease);-webkit-user-select:none;user-select:none;border-left:2px solid #0000;display:flex;position:relative}.nav-item:hover{color:var(--text-1);background:var(--bg-3)}.nav-item.active{color:var(--primary);background:var(--primary-dim);border-left-color:var(--primary);font-weight:var(--weight-semibold);padding-left:calc(var(--space-4) - 2px)}.nav-section-label{font-size:9px;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);padding:var(--space-4) var(--space-4) var(--space-1)}.nav-badge{border-radius:var(--radius-full);font-size:9px;font-weight:var(--weight-bold);margin-left:auto;padding:2px 6px}.stat-value{font-size:var(--font-2xl);line-height:1;font-weight:var(--weight-bold);letter-spacing:-.03em;margin:var(--space-2) 0 var(--space-1)}.stat-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.stat-delta{font-size:var(--font-xs);margin-top:var(--space-1)}.stat-delta-up{color:var(--success)}.stat-delta-down{color:var(--error)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-3) 25%, var(--bg-4) 50%, var(--bg-3) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--font-sm);font-weight:var(--weight-medium);display:flex}.banner-critical{background:var(--error-bg);color:var(--error);border-bottom:1px solid var(--error-border)}.banner-warning{background:var(--warning-bg);color:var(--warning);border-bottom:1px solid var(--warning-border)}.banner-info{background:var(--info-bg);color:var(--info);border-bottom:1px solid var(--info-border)}.drawer-overlay{z-index:calc(var(--z-drawer) - 1);animation:fadeIn var(--anim-normal) var(--ease);background:#00000080;position:fixed;inset:0}.drawer{inset-y:0;background:var(--bg-2);border-left:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-drawer);z-index:var(--z-drawer);animation:slideIn var(--anim-slow) var(--ease);flex-direction:column;display:flex;position:fixed;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav{background:var(--bg-2);border-top:1px solid var(--border);height:60px;z-index:var(--z-mobile-nav);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{padding:var(--space-2);font-size:9px;font-weight:var(--weight-semibold);color:var(--text-3);cursor:pointer;transition:color var(--anim-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;display:flex}.mobile-nav-item.active{color:var(--primary)}.demo-blur{position:relative;overflow:hidden}.demo-blur:after{content:"";background:rgba(var(--bg-1-raw,11, 15, 20), .6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;position:absolute;inset:0}.pulse-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.pulse-dot.live{background:var(--success);animation:2s infinite pulse}.pulse-dot.error{background:var(--error)}.pulse-dot.idle{background:var(--text-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.topbar{height:var(--topbar-h);padding:0 var(--space-6);align-items:center;gap:var(--space-3);background:var(--bg-2);border-bottom:1px solid var(--border);z-index:var(--z-topnav);display:flex;position:sticky;top:0}.sidebar{width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);transition:width var(--anim-slow) var(--ease);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.animate-fadeUp{animation:fadeUp var(--anim-normal) var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.sidebar{display:none}.mobile-nav{display:flex}.topbar{padding:0 var(--space-4)}.page-container{padding:var(--space-4)}}.cmd-overlay{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-4);animation:fadeUp var(--anim-normal) var(--ease);overflow:hidden}.cmd-input{width:100%;height:52px;padding:0 var(--space-5);color:var(--text-1);border:none;border-bottom:1px solid var(--border);font-size:var(--font-md);font-family:var(--font-family);background:0 0;outline:none}.cmd-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--font-sm);color:var(--text-2);cursor:pointer;transition:background var(--anim-fast) var(--ease);display:flex}.cmd-item:hover,.cmd-item.selected{background:var(--primary-dim);color:var(--primary)}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);font-size:var(--font-sm);min-width:240px;animation:slideInRight var(--anim-normal) var(--ease);display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}:root,[data-theme=dark]{--accent-light:var(--primary-hover);--accent-border:var(--primary-border);--accent-glow:var(--primary-dim);--text:var(--text-1);--text2:var(--text-2);--text3:var(--text-3);--muted:var(--text-3);--surface:var(--bg-2);--surface2:var(--bg-3);--border2:var(--border-light);--green:var(--success);--red:var(--error);--amber:var(--warning);--blue:var(--info);--green-glow:var(--success-bg);--green-border:var(--success-border)}[data-theme=light]{--accent-light:var(--primary-hover);--accent-border:var(--primary-border);--accent-glow:var(--primary-dim);--text:var(--text-1);--text2:var(--text-2);--text3:var(--text-3);--surface:var(--bg-2);--surface2:var(--bg-3);--border2:var(--border-light);--green:var(--success);--red:var(--error);--amber:var(--warning);--green-glow:var(--success-bg);--green-border:var(--success-border)}.card *{min-width:0}.card p,.card span,.card div,.card h1,.card h2,.card h3,.card h4{overflow-wrap:break-word;word-break:break-word}.stat-value{font-size:var(--font-2xl);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text-1);line-height:1}.stat-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-top:var(--space-1)}.heading{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text-1)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-title{font-size:var(--font-md);font-weight:var(--weight-semibold);color:var(--text-2)}.empty-body{font-size:var(--font-sm);color:var(--text-3);max-width:320px}.form-label{font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:var(--space-1);display:block}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-5{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.page-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-body{padding:var(--space-6);flex:1;overflow-y:auto}.stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-1);min-width:0;transition:box-shadow var(--anim-normal) var(--ease), border-color var(--anim-normal) var(--ease)}.stat-card:hover{box-shadow:var(--shadow-2);border-color:var(--primary-border)}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.topbar-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-3);border:1px solid var(--border);color:var(--text-3);font-size:var(--font-xs);cursor:pointer;white-space:nowrap;display:flex}.bg-base{background:var(--bg-1)!important}.bg-card{background:var(--bg-2)!important}.bg-raised{background:var(--bg-3)!important}.bg-hover{background:var(--bg-4)!important}.bg-primary{background:var(--primary)!important}.bg-primary-dim{background:var(--primary-dim)!important}.bg-success{background:var(--success)!important}.bg-success-soft{background:var(--success-bg)!important}.bg-warning{background:var(--warning)!important}.bg-warning-soft{background:var(--warning-bg)!important}.bg-error{background:var(--error)!important}.bg-error-soft{background:var(--error-bg)!important}.bg-info{background:var(--info)!important}.bg-info-soft{background:var(--info-bg)!important}.bg-wa{background:var(--whatsapp-bg)!important}.bg-cod{background:var(--cod-risk-bg)!important}.t-1{color:var(--text-1)!important}.t-2{color:var(--text-2)!important}.t-3{color:var(--text-3)!important}.t-4{color:var(--text-4)!important}.t-primary{color:var(--primary)!important}.t-success{color:var(--success)!important}.t-warning{color:var(--warning)!important}.t-error{color:var(--error)!important}.t-info{color:var(--info)!important}.t-wa{color:var(--whatsapp)!important}.t-cod{color:var(--cod-risk)!important}.t-xs{font-size:var(--font-xs)}.t-sm{font-size:var(--font-sm)}.t-base{font-size:var(--font-base)}.b-base{border-color:var(--border)!important}.b-light{border-color:var(--border-light)!important}.b-primary{border-color:var(--primary-border)!important}.b-success{border-color:var(--success-border)!important}.b-warning{border-color:var(--warning-border)!important}.b-error{border-color:var(--error-border)!important}.hover-card:hover{background:var(--bg-3)!important}.hover-base:hover{background:var(--bg-4)!important}.focus-primary:focus{box-shadow:0 0 0 2px var(--primary-dim);outline:none}.divide-base>*+*{border-top:1px solid var(--border)}.divide-light>*+*{border-top:1px solid var(--border-light)}