:root{--bg-deep: #050811;--bg-main: #080E1C;--bg-surface: #0E172C;--bg-surface-hover: #14203D;--bg-glass: rgba(14, 23, 44, .75);--bg-input: #070B16;--border-subtle: #1C2B4E;--border-active: #2563EB;--border-focus: #38BDF8;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #050811;--primary: #2563EB;--primary-light: #38BDF8;--primary-glow: rgba(56, 189, 248, .25);--status-revision: #F59E0B;--status-revision-bg: rgba(245, 158, 11, .12);--status-revision-border: rgba(245, 158, 11, .35);--status-propuesta: #8B5CF6;--status-propuesta-bg: rgba(139, 92, 246, .12);--status-propuesta-border: rgba(139, 92, 246, .35);--status-proceso: #38BDF8;--status-proceso-bg: rgba(56, 189, 248, .12);--status-proceso-border: rgba(56, 189, 248, .35);--status-solucionado: #10B981;--status-solucionado-bg: rgba(16, 185, 129, .12);--status-solucionado-border: rgba(16, 185, 129, .35);--channel-whatsapp: #25D366;--channel-whatsapp-bg: rgba(37, 211, 102, .12);--channel-whatsapp-border: rgba(37, 211, 102, .35);--channel-email: #38BDF8;--channel-email-bg: rgba(56, 189, 248, .12);--channel-email-border: rgba(56, 189, 248, .35);--channel-manual: #A855F7;--channel-manual-bg: rgba(168, 85, 247, .12);--channel-manual-border: rgba(168, 85, 247, .35);--priority-critica: #EF4444;--priority-alta: #F97316;--priority-media: #F59E0B;--priority-baja: #10B981;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--primary-glow);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(56,189,248,.05) 0%,transparent 40%),var(--bg-deep)}.main-content{flex:1;padding:1.5rem 2rem;max-width:1720px;margin:0 auto;width:100%}.header-wrapper{background:#080e1cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:40}.header-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(28,43,78,.5);gap:1.5rem}.brand-section{display:flex;align-items:center;gap:1rem}.brand-logo-badge{width:42px;height:42px;background:linear-gradient(135deg,#1d4ed8,#0284c7);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #2563eb66}.brand-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#fff}.brand-subtitle{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseLive 2s infinite ease-in-out}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.header-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s ease;border:1px solid transparent;outline:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #2563eb80;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.btn-simulate{background:#25d3661f;color:#4ade80;border-color:#25d36659}.btn-simulate:hover{background:#25d36638;border-color:#4ade80}.btn-danger{background:#ef444426;color:#f87171;border-color:#ef444459}.btn-danger:hover{background:#ef444447}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.header-bottom{display:flex;align-items:center;justify-content:space-between;padding:.65rem 2rem;gap:1.5rem;flex-wrap:wrap}.views-nav{display:flex;background:var(--bg-deep);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:.25rem}.view-nav-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.view-nav-btn:hover{color:var(--text-primary);background:#ffffff0a}.view-nav-btn.active{color:#fff;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 2px 6px #0000004d}.kpis-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.kpi-chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.78rem}.kpi-chip .kpi-label{color:var(--text-secondary)}.kpi-chip .kpi-value{font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-revision{background:var(--status-revision-bg);color:#fbbf24;border:1px solid var(--status-revision-border)}.badge-propuesta{background:var(--status-propuesta-bg);color:#c084fc;border:1px solid var(--status-propuesta-border)}.badge-proceso{background:var(--status-proceso-bg);color:#38bdf8;border:1px solid var(--status-proceso-border)}.badge-solucionado{background:var(--status-solucionado-bg);color:#34d399;border:1px solid var(--status-solucionado-border)}.badge-whatsapp{background:var(--channel-whatsapp-bg);color:#4ade80;border:1px solid var(--channel-whatsapp-border)}.badge-email{background:var(--channel-email-bg);color:#60a5fa;border:1px solid var(--channel-email-border)}.badge-manual{background:var(--channel-manual-bg);color:#c084fc;border:1px solid var(--channel-manual-border)}.badge-p-critica{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.badge-p-alta{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.35)}.badge-p-media{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-p-baja{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.kanban-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:start;min-height:calc(100vh - 220px)}@media (max-width: 1300px){.kanban-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kanban-grid{grid-template-columns:1fr}}.kanban-col{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 220px);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kanban-col-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#0e172c99}.kanban-col-title-group{display:flex;align-items:center;gap:.65rem}.col-indicator-dot{width:10px;height:10px;border-radius:50%}.col-title{font-size:.92rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.col-count{font-family:var(--font-mono);font-size:.75rem;padding:.15rem .55rem;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.kanban-cards-container{padding:.85rem;display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;flex:1}.task-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;gap:.75rem}.task-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--bg-surface-hover)}.task-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.task-ticket-id{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-muted)}.task-client-badge{font-size:.75rem;color:var(--primary-light);font-weight:600;display:flex;align-items:center;gap:.35rem}.task-title{font-size:.92rem;font-weight:600;color:#fff;line-height:1.35}.task-desc-snippet{font-size:.8rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-voice-preview{background:#25d36614;border:1px dashed rgba(37,211,102,.3);padding:.45rem .75rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.65rem;font-size:.75rem;color:#4ade80}.audio-bars-sim{display:flex;align-items:center;gap:2px;height:14px}.audio-bar{width:3px;background:#4ade80;border-radius:2px;animation:audioWave 1.2s infinite ease-in-out alternate}.audio-bar:nth-child(2){animation-delay:.2s;height:10px}.audio-bar:nth-child(3){animation-delay:.4s;height:14px}.audio-bar:nth-child(4){animation-delay:.1s;height:8px}.audio-bar:nth-child(5){animation-delay:.3s;height:12px}@keyframes audioWave{0%{height:4px}to{height:14px}}.task-proposed-snippet{background:#8b5cf61a;border-left:3px solid #8B5CF6;padding:.45rem .65rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.76rem;color:#ddd6fe;line-height:1.35}.task-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid rgba(28,43,78,.5);font-size:.74rem;color:var(--text-muted)}.task-date-pill{display:flex;align-items:center;gap:.3rem}.task-logs-count{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary)}.filters-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.search-input-group{display:flex;align-items:center;gap:.65rem;background:var(--bg-input);border:1px solid var(--border-subtle);padding:.45rem .85rem;border-radius:var(--radius-sm);flex:1;min-width:260px}.search-input-group:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 2px #38bdf826}.search-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem;width:100%}.search-input::placeholder{color:var(--text-muted)}.filter-selects-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.filter-select{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--primary-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:var(--bg-surface)}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.6rem .85rem;color:var(--text-primary);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px #38bdf826}.form-textarea{min-height:90px;resize:vertical}.timeline-container{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:1.5rem}.timeline-container:before{content:"";position:absolute;top:.5rem;bottom:.5rem;left:6px;width:2px;background:var(--border-subtle)}.timeline-item{position:relative;display:flex;flex-direction:column;gap:.35rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem}.timeline-dot{position:absolute;left:-1.75rem;top:1rem;width:10px;height:10px;border-radius:50%;background:var(--primary-light);box-shadow:0 0 6px var(--primary)}.timeline-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.timeline-author{font-weight:600;color:var(--primary-light);display:flex;align-items:center;gap:.35rem}.timeline-text{font-size:.85rem;color:var(--text-primary);line-height:1.45}.table-wrapper{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background:var(--bg-surface);padding:.85rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.custom-table td{padding:.95rem 1rem;font-size:.84rem;border-bottom:1px solid rgba(28,43,78,.4);color:var(--text-primary)}.custom-table tr:hover td{background:var(--bg-surface-hover)}@media print{body{background:#fff!important;color:#000!important}.header-wrapper,.filters-bar,.views-nav,.btn,.no-print{display:none!important}.print-report-container{max-width:100%!important;padding:0!important}.report-sheet{box-shadow:none!important;border:1px solid #CCC!important;background:#fff!important;color:#111!important}}.report-sheet{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;max-width:1050px;margin:0 auto;box-shadow:var(--shadow-lg)}.report-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid var(--border-subtle);padding-bottom:1.5rem;margin-bottom:2rem}.report-logo-text{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#fff}.report-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;background:var(--bg-main);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.report-signatures{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.signature-line{border-top:1px solid var(--text-muted);padding-top:.5rem;text-align:center;font-size:.82rem;color:var(--text-secondary)}select,.form-select,.filter-select{background-color:#0d1527!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;outline:none;font-family:inherit}select option,.form-select option,.filter-select option{background-color:#0b1326!important;color:#f8fafc!important;padding:8px 12px}select option:checked,select option:hover{background-color:#1e3a8a!important;color:#fff!important}