@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-sidebar:#0f172a;--bg-card:#fff;--bg-input:#f1f5f9;--border-color:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-sidebar:#94a3b8;--text-sidebar-active:#fff;--accent-color:#06b6d4;--accent-light:#06b6d41a;--color-atendimento:#f1f5f9;--color-atendimento-text:#475569;--color-atendimento-badge:#e2e8f0;--color-nao-respondeu:#fef3c7;--color-nao-respondeu-text:#b45309;--color-nao-respondeu-badge:#fde68a;--color-qualificado:#ecfeff;--color-qualificado-text:#0891b2;--color-qualificado-badge:#cffafe;--color-nao-qualificado:#fee2e2;--color-nao-qualificado-text:#b91c1c;--color-nao-qualificado-badge:#fecaca;--color-venda:#f0fdf4;--color-venda-text:#15803d;--color-venda-badge:#dcfce7;--color-roxo:#f3e8ff;--color-roxo-text:#7e22ce;--color-roxo-badge:#e9d5ff;--color-rosa:#fce7f3;--color-rosa-text:#be185d;--color-rosa-badge:#fbcfe8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-card:0 10px 25px -5px #00000005, 0 8px 10px -6px #00000005}[data-theme=dark]{--bg-primary:#121214;--bg-secondary:#1a1a1e;--bg-sidebar:#0e0e10;--bg-card:#202024;--bg-input:#27272a;--border-color:#27272a;--border-focus:#06b6d4;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#52525b;--text-sidebar:#71717a;--text-sidebar-active:#06b6d4;--color-atendimento:#3f3f464d;--color-atendimento-text:#d4d4d8;--color-atendimento-badge:#3f3f4699;--color-nao-respondeu:#d9770626;--color-nao-respondeu-text:#fbbf24;--color-nao-respondeu-badge:#d9770640;--color-qualificado:#06b6d426;--color-qualificado-text:#22d3ee;--color-qualificado-badge:#06b6d440;--color-nao-qualificado:#ef444426;--color-nao-qualificado-text:#fca5a5;--color-nao-qualificado-badge:#ef444440;--color-venda:#22c55e26;--color-venda-text:#4ade80;--color-venda-badge:#22c55e40;--color-roxo:#a855f726;--color-roxo-text:#c084fc;--color-roxo-badge:#a855f740;--color-rosa:#ec489926;--color-rosa-text:#f472b6;--color-rosa-badge:#ec489940;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-card:0 4px 20px 0 #0006}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .2s,color .2s;overflow-x:hidden}.app-container{grid-template-columns:80px 1fr;width:100%;min-height:100vh;display:grid}@media (width<=768px){.app-container{grid-template-columns:1fr}}.main-content{flex-direction:column;height:100vh;display:flex;overflow:hidden}.content-body{flex:1;padding:24px;position:relative;overflow-y:auto}@media (width<=640px){.content-body{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card-hover{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass{-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14}.avatar{background:var(--accent-light);width:40px;height:40px;color:var(--accent-color);border:2px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.notification-badge{color:#fff;border:2px solid var(--bg-card);background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#0e0e10;font-weight:600}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{color:#ef4444;background-color:#ef44441a}.btn-danger:hover{background-color:#ef444433}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #06b6d426}.table-container{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:12px;width:100%;overflow-x:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.modern-table th{background-color:var(--bg-input);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:16px;font-size:12px;font-weight:600}.modern-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{background-color:#ffffff05}