@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--laranja: #E8611A;--azul: #4AB8C1;--dourado: #F0A500;--verde: #4ade80;--vermelho: #ef4444;--bg-body: #000000;--bg-sidebar: #0d0d0d;--bg-header: linear-gradient(135deg, #0a0a0a 0%, #1a0a00 100%);--bg-card: #1a1a1a;--bg-card-hover: #222222;--bg-table-head: #141414;--bg-input: #222222;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--text-table: #CCCCCC;--text-muted: #666666;--border: #2a2a2a;--border-hover: #444444;--shadow: 0 2px 16px rgba(0,0,0,.5);--shadow-card: 0 4px 24px rgba(0,0,0,.4);--radius: 12px}[data-theme=light]{--bg-body: #F4F4F4;--bg-sidebar: #FFFFFF;--bg-header: linear-gradient(135deg, #FFFFFF 0%, #FFF5EF 100%);--bg-card: #FFFFFF;--bg-card-hover: #F8F8F8;--bg-table-head: #F0F0F0;--bg-input: #F0F0F0;--text-primary: #111111;--text-secondary: #555555;--text-table: #333333;--text-muted: #999999;--border: #E0E0E0;--border-hover: #CCCCCC;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-card: 0 4px 20px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-body);color:var(--text-primary);font-size:14px;line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-hover{transition:border-color .2s,box-shadow .2s}.card-hover:hover{border-color:var(--laranja);box-shadow:var(--shadow-card)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{background:var(--bg-table-head);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.data-table thead th:hover{color:var(--text-primary)}.data-table tbody td{padding:11px 14px;color:var(--text-table);border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#e8611a0a}.cpf-tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700}.cpf-excellent{background:#4ade8026;color:#4ade80}.cpf-good{background:#4ab8c126;color:#4ab8c1}.cpf-mid{background:#f0a50026;color:#f0a500}.cpf-bad{background:#e8611a26;color:#e8611a}.cpf-critical{background:#ef444426;color:#ef4444}.cpf-na{background:#9696961a;color:#888}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.badge-active{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.badge-inactive{background:#9696961a;color:#888;border:1px solid rgba(150,150,150,.2)}.badge-not-delivering{background:#e8611a1a;color:#e8611a;border:1px solid rgba(232,97,26,.2)}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--laranja);margin-bottom:4px}.section-title{font-size:22px;font-weight:800;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.form-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--laranja)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--laranja);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--laranja)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.progress-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}
