:root{--bg: #000000;--bg-sidebar: #0a0a0a;--bg-input: #0f0f0f;--card-bg: linear-gradient(180deg, #131313, #0b0b0b);--card-bg-hover: linear-gradient(180deg, #1b1b1b, #101010);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--border-subtle: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-label: rgba(255, 255, 255, .5);--text-secondary: #9d9d9d;--text-table: rgba(255, 255, 255, .75);--text-tertiary: #606060;--text-placeholder: #4f4f4f;--positive: #34D399;--positive-bg: rgba(52, 211, 153, .1);--negative: #F87171;--negative-bg: rgba(248, 113, 113, .1);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .1);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .1);--chart-line: #ffffff;--chart-line-prev: rgba(255, 255, 255, .25);--chart-area: rgba(255, 255, 255, .04);--chart-grid: rgba(255, 255, 255, .06);--chart-axis: #606060;--chart-marca: #60A5FA;--chart-informativa: #FBBF24;--chart-comercial: #34D399;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--page-padding: 32px 40px;--gap-kpi: 16px;--gap-section: 24px;--card-padding: 24px;--card-padding-kpi: 20px 24px;--radius-card: 14px;--radius-input: 8px;--radius-pill: 999px;--max-width: 1400px;--sidebar-width: 220px;--transition: .16s ease;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg)}body{font-family:var(--font-body);font-weight:300;font-size:13px;line-height:1.6;color:var(--text-table)}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:200;color:var(--text-primary);margin:0;letter-spacing:-.025em}p{margin:0}a{color:var(--info);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text-primary)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--card-padding);transition:background var(--transition),border-color var(--transition)}.card--hoverable:hover{background:var(--card-bg-hover);border-color:var(--border-hover)}.card-title{font-family:var(--font-display);font-weight:300;font-size:14px;color:#ffffffd9;margin:0;letter-spacing:normal}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:400;font-size:11px;line-height:1.4;white-space:nowrap}.badge-positive{background:var(--positive-bg);color:var(--positive)}.badge-negative{background:var(--negative-bg);color:var(--negative)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:#ffffff0f;color:var(--text-secondary)}.delta{font-family:var(--font-display);font-weight:400;font-size:12px}.delta-up{color:var(--positive)}.delta-down{color:var(--negative)}.delta-flat{color:var(--text-tertiary)}button{font-family:var(--font-display);cursor:pointer;transition:all var(--transition)}.btn-primary{background:var(--text-primary);color:#000;border:none;font-family:var(--font-display);font-weight:400;font-size:13px;padding:12px 24px;border-radius:var(--radius-pill)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);font-family:var(--font-display);font-weight:300;font-size:13px;padding:12px 24px;border-radius:var(--radius-pill)}.btn-secondary:hover:not(:disabled){border-color:#ffffff59}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{background:var(--bg-input);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-input);color:#ffffffd9;font-family:var(--font-body);font-weight:300;font-size:13px;padding:8px 16px;outline:none;transition:border-color var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--border-hover)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{cursor:pointer;color:#ffffffb3}select option{background:var(--bg-input);color:#ffffffd9}label{font-family:var(--font-body);font-weight:300;font-size:12px;color:var(--text-label)}table{width:100%;border-collapse:collapse;background:transparent}thead th{text-align:left;padding:12px 16px;font-family:var(--font-body);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff6;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}tbody td{padding:14px 16px;font-family:var(--font-body);font-weight:300;font-size:13px;color:var(--text-table);border-bottom:1px solid rgba(255,255,255,.05)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#ffffff08}tbody tr:last-child td{border-bottom:none}.td-keyword{font-weight:400;color:var(--text-primary)}.td-url{font-weight:300;font-size:12px;color:var(--info)}.td-number{text-align:right;font-variant-numeric:tabular-nums}.page-title{font-family:var(--font-display);font-weight:200;font-size:28px;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2;margin:0}.page-subtitle{font-family:var(--font-body);font-weight:300;font-size:14px;color:var(--text-secondary);margin:0}.kpi-label{font-family:var(--font-body);font-weight:300;font-size:12px;color:var(--text-label)}.kpi-value{font-family:var(--font-display);font-weight:200;font-size:32px;color:var(--text-primary);letter-spacing:-.025em;line-height:1}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-label)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}@media (max-width: 767px){.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.kw-table,.goals-table,.cls-table,.content-table,.users-table,.cat-table,.pend-table{min-width:480px}}