:root{--bg: #f4f7fc;--surface: #ffffff;--surface-sunken: #eef2fa;--ink: #101828;--ink-muted: #667085;--ink-faint: #98a2b3;--border: #e3e8f2;--accent: #1d4ed8;--accent-strong: #1435a3;--accent-soft: #e7edfd;--accent-glow: rgba(29, 78, 216, .14);--sky: #2563eb;--sky-soft: #eaf1fe;--amber: #c97a2b;--amber-soft: #faeee0;--coral: #d9432c;--coral-soft: #fbe8e5;--green: #0f9d63;--green-soft: #e4f6ee;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 16px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .08)}:root[data-theme=dark]{--bg: #0b1220;--surface: #121a2b;--surface-sunken: #1a2338;--ink: #e7ecf6;--ink-muted: #9aa7bd;--ink-faint: #5f6d84;--border: #26314a;--accent: #4f7dff;--accent-strong: #7096ff;--accent-soft: #1c2c52;--accent-glow: rgba(79, 125, 255, .24);--sky: #5b93ff;--sky-soft: #1c2c52;--amber: #e0a563;--amber-soft: #35281a;--coral: #ef6b53;--coral-soft: #3a2220;--green: #3ecf8e;--green-soft: #16332a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}button,input,select{font-family:inherit}::selection{background:var(--accent-soft);color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(37,99,235,.16),transparent 45%),radial-gradient(circle at 88% 85%,rgba(20,53,163,.14),transparent 40%),linear-gradient(180deg,#0b1f5c,#0e2b7a 45%,#142f78)}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-xl);padding:44px 40px 36px;box-shadow:var(--shadow-lg)}.login-logo{display:flex;justify-content:center;margin-bottom:20px}.login-logo img{height:68px;width:68px;border-radius:50%;box-shadow:0 8px 24px #1d4ed847}.login-title{font-family:var(--font-display);font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em;text-align:center;color:var(--ink)}.login-subtitle{font-size:13px;color:var(--ink-muted);text-align:center;margin:0 0 30px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:500;color:var(--ink-muted);margin-bottom:6px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:13px;color:var(--ink-faint);pointer-events:none}.input-with-icon input{width:100%;padding:11px 42px 11px 40px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface-sunken);color:var(--ink);transition:border-color .15s ease,background .15s ease}.input-with-icon input::placeholder{color:var(--ink-faint);opacity:.8}.input-with-icon input:focus{border-color:var(--accent);background:var(--surface);outline:none}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .15s ease}.toggle-visibility svg{position:static;pointer-events:none}.toggle-visibility:hover{color:var(--accent)}.btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 6px 18px var(--accent-glow)}.btn-primary:active{transform:scale(.98)}.login-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--coral);background:var(--coral-soft);border-radius:var(--radius-sm);padding:9px 12px;margin:-4px 0 16px}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar-brand .brand-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--sky));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.topbar-brand h1{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.2}.topbar-brand span{font-size:12px;color:var(--ink-faint)}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--ink-muted);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-ghost:has(svg:only-child){width:36px;height:36px;padding:0}.btn-ghost:hover{border-color:var(--coral);color:var(--coral);background:var(--coral-soft)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.btn-chatwoot{display:flex;align-items:center;gap:7px;background:var(--accent-soft);border:1px solid transparent;color:var(--accent);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease;flex-shrink:0}.btn-chatwoot:hover{background:var(--accent);color:#fff}.user-menu{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface-sunken);max-width:260px;overflow:hidden}.avatar-circle{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--sky));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:600;flex-shrink:0}.user-menu-info{display:flex;flex-direction:column;line-height:1.25;max-width:160px;min-width:0}.user-menu-info .nombre{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-info .correo{font-size:11px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-info .rol{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;padding:32px;max-width:1180px;width:100%;margin:0 auto}.section-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 14px}.section-label svg{color:var(--accent)}.tag-search{position:relative;margin-bottom:16px}.tag-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-faint)}.tag-search input{width:100%;max-width:340px;padding:9px 13px 9px 38px;border:1px solid var(--border);border-radius:999px;font-size:13px;background:var(--surface-sunken);color:var(--ink)}.tag-search input:focus{background:var(--surface);border-color:var(--accent);outline:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;box-shadow:var(--shadow-sm)}.tag-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-sunken);color:var(--ink);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.tag-pill:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.tag-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.tag-pill .count{font-family:var(--font-mono);font-size:11px;opacity:.65;background:#0000000f;padding:1px 6px;border-radius:999px}.tag-pill.active .count{background:#ffffff38}.tag-cloud-empty{font-size:13px;color:var(--ink-faint)}.filters-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--ink-muted)}.filter-field select,.filter-field input{padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--surface-sunken);color:var(--ink);min-width:160px}.filter-field select:focus,.filter-field input:focus{background:var(--surface);border-color:var(--accent);outline:none}.btn-clear{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--ink-faint);font-size:12px;cursor:pointer;padding-bottom:10px}.btn-clear:hover{color:var(--coral)}.date-picker{position:relative}.date-picker-trigger{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink);font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.date-picker-trigger:hover{border-color:var(--accent)}.date-picker-trigger svg:first-child{color:var(--accent)}.date-picker-rango{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-width:480px}.date-picker-presets{display:flex;flex-direction:column;padding:10px;border-right:1px solid var(--border);min-width:170px;background:var(--surface-sunken)}.date-picker-preset{text-align:left;background:none;border:none;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--ink);cursor:pointer}.date-picker-preset:hover{background:var(--accent-soft)}.date-picker-preset.active{background:var(--accent);color:#fff}.date-picker-custom{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.date-picker-custom-label{font-size:12px;font-weight:600;color:var(--ink-muted);margin:0}.date-picker-aplicar{margin-top:4px}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:28px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card .icon-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:var(--accent-soft);color:var(--accent)}.metric-card.warn .icon-badge{background:var(--coral-soft);color:var(--coral)}.metric-card.good .icon-badge{background:var(--green-soft);color:var(--green)}.metric-card .label{font-size:12px;color:var(--ink-muted);margin-bottom:6px}.metric-card .value{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--ink)}.metric-card.warn .value{color:var(--coral)}.metric-card.good .value{color:var(--green)}.panels-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:28px}.panels-grid-single{grid-template-columns:1fr}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.panel h2{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 18px}.panel h2 svg{color:var(--accent)}.panel-empty{font-size:13px;color:var(--ink-faint);padding:24px 0;text-align:center}.estado-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.estado-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:var(--radius-md);background:var(--surface-sunken);text-align:center}.estado-card svg{margin-bottom:4px}.estado-card-total{font-size:20px;font-weight:700}.estado-card-label{font-size:11px;color:var(--ink-muted)}.estado-card-pct{font-size:11px;color:var(--ink-faint)}.estado-resuelta svg,.estado-resuelta .estado-card-total{color:var(--green)}.estado-abierta svg,.estado-abierta .estado-card-total{color:var(--accent)}.estado-pendiente svg,.estado-pendiente .estado-card-total{color:var(--amber)}.estado-espera svg,.estado-espera .estado-card-total{color:var(--ink-faint)}.tags-table{width:100%;border-collapse:collapse}.tags-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:0 0 10px;font-weight:500}.tags-table td{padding:11px 0;border-top:1px solid var(--border);font-size:13px}.tags-table td.num{font-family:var(--font-mono);text-align:right}.bar-track{height:7px;border-radius:4px;background:var(--surface-sunken);overflow:hidden;width:100%}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--sky));border-radius:4px}.panel-full{margin-bottom:28px}.panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header-row h2{margin:0}.checkbox-field{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-muted);cursor:pointer}.checkbox-field input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.conv-table-wrap{overflow-x:auto}.conv-table{width:100%;border-collapse:collapse;min-width:640px}.conv-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:0 10px 10px 0;font-weight:500}.conv-table td{padding:11px 10px 11px 0;border-top:1px solid var(--border);font-size:13px;color:var(--ink)}.conv-etiquetas{color:var(--ink-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.badge-resuelta{background:var(--green-soft);color:var(--green)}.badge-abierta{background:var(--accent-soft);color:var(--accent)}.badge-pendiente{background:var(--amber-soft);color:var(--amber)}.badge-espera{background:var(--surface-sunken);color:var(--ink-faint)}.conv-respuesta.ok{color:var(--green)}.conv-respuesta.no{color:var(--coral);font-size:12px}.conv-link{display:flex;align-items:center;justify-content:center;color:var(--ink-faint);transition:color .15s ease}.conv-link:hover{color:var(--accent)}.conv-paginacion{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;font-size:13px;color:var(--ink-muted)}.state-message{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:var(--ink-faint);padding:60px 0;text-align:center}.state-message svg{color:var(--ink-faint);opacity:.6}.state-message.error{color:var(--coral)}.state-message.error svg{color:var(--coral)}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 860px){.panels-grid{grid-template-columns:1fr}.topbar{padding:14px 20px}.main{padding:24px 20px}.date-picker-dropdown{min-width:420px}}@media (max-width: 640px){.login-screen{padding:16px}.login-card{padding:36px 24px 30px}.topbar{align-items:flex-start;flex-direction:column;gap:14px}.topbar-right{width:100%;justify-content:flex-start}.main{padding:20px 16px}.filters-row{align-items:stretch;padding:16px}.filter-field{width:100%}.filter-field select,.filter-field input{width:100%;min-width:0}.date-picker{width:100%}.date-picker-trigger{width:100%;justify-content:space-between}.date-picker-dropdown{position:fixed;left:16px;right:16px;top:50%;transform:translateY(-50%);min-width:0;max-height:80vh;flex-direction:column;overflow-y:auto}.date-picker-presets{border-right:none;border-bottom:1px solid var(--border);min-width:0}.panel-header-row{align-items:flex-start;flex-direction:column}.user-menu{max-width:200px}}@media (max-width: 420px){.login-card{padding:32px 20px 28px}.login-logo img{width:60px;height:60px}.login-title{font-size:20px}.btn-chatwoot{padding:8px 10px}.user-menu-info{max-width:110px}}.tags-table-row{cursor:pointer;transition:background .12s ease}.tags-table-row:hover{background:var(--surface-sunken)}.tags-table-row.active{background:var(--accent-soft)}.tags-table-row.active td:first-child{color:var(--accent);font-weight:600}.panel-header-actions{display:flex;align-items:center;gap:12px}.chip-filtro{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:5px 12px;border-radius:999px}