:root{--primary-color:#f6c026;--bg-sidebar:#0f0f0f;--bg-main:#f8f9fc;--bg-card:#fff;--text-main:#2d3436;--text-muted:#636e72;--border-color:#e2e8f0;--sidebar-active:#1a1a1a;--sidebar-text-muted:#94a3b8;--sidebar-text-active:#fff;--sidebar-label:#3d4a5c;--sidebar-border:transparent;--sidebar-divider:#ffffff14;--status-new:#3498db;--status-assigned:#f39c12;--status-progress:#e67e22;--priority-p1:#ef4444;--priority-p2:#f97316;--priority-p3:#3b82f6;--priority-p4:#94a3b8;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition-speed:.3s;--ui-scale:1;--line-height-base:1.4;--letter-spacing-base:normal}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--custom-bg,var(--bg-main));color:var(--custom-contents,var(--text-main));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--custom-headings,inherit)}.app-container{zoom:var(--ui-scale);height:100vh;line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);display:flex;overflow:hidden}.skip-link{z-index:10000;color:#fff;background:#000;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}html[data-keyboard-nav=true] :focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}html[data-color-filter=monochrome] .app-container{filter:grayscale()}html[data-color-filter=low-saturation] .app-container{filter:saturate(.35)}html[data-color-filter=high-saturation] .app-container{filter:saturate(2)}html[data-color-filter=dark-contrast]{--bg-sidebar:#000;--bg-main:#121212;--bg-card:#1e1e1e;--text-main:#f1f5f9;--text-muted:#b6bec7;--border-color:#3a3a3a;--sidebar-active:#2a2a2a}html[data-color-filter=bright-contrast]{--bg-sidebar:#fff;--bg-main:#fff;--bg-card:#fff;--text-main:#000;--text-muted:#1a1a1a;--border-color:#000;--sidebar-active:#f1f5f9;--sidebar-text-muted:#334155;--sidebar-text-active:#0f172a;--sidebar-label:#64748b;--sidebar-border:#000;--sidebar-divider:#0000001f}html[data-color-filter=contrast-mode]{--bg-sidebar:#000;--bg-main:#000;--bg-card:#000;--text-main:#fff;--text-muted:#fff;--border-color:#fff;--sidebar-active:#1a1a1a;--primary-color:#fd0}html[data-color-filter=bright-contrast] *,html[data-color-filter=contrast-mode] *{border-color:var(--border-color)!important}html[data-font-size=large]{--ui-scale:1.125}html[data-font-size=larger]{--ui-scale:1.25}html[data-spacing=increased]{--line-height-base:1.8;--letter-spacing-base:.03em}html[data-cursor-size=large]{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l16 8-6.5 2L11 20z' fill='black' stroke='white' stroke-width='1.5'/></svg>") 4 4,auto}html[data-dyslexia-font=true]{--font-family:"OpenDyslexic", "Comic Sans MS", "Segoe UI", var(--font-family)}html[data-highlight-links=true] a{background:#f6c02638;border-radius:4px;padding:1px 4px;text-decoration:none;box-shadow:0 0 0 1px #f6c02680}html[data-highlight-headers=true] h1,html[data-highlight-headers=true] h2,html[data-highlight-headers=true] h3{border-left:4px solid var(--primary-color);background:#f6c02629;border-radius:4px;padding:4px 10px}html[data-highlight-elements=true] button,html[data-highlight-elements=true] input,html[data-highlight-elements=true] select,html[data-highlight-elements=true] .stat-card,html[data-highlight-elements=true] .ticket-card{outline-offset:2px;outline:2px solid var(--primary-color)!important}html[data-enlarge-buttons=true] button{font-size:1.15em}.a11y-reading{outline-offset:2px;border-radius:4px;outline:3px solid var(--primary-color)!important}.sidebar{background-color:var(--custom-bg-sidebar,var(--bg-sidebar));width:260px;color:var(--sidebar-text-active);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;padding:24px 0;display:flex}.logo-container{align-items:center;gap:12px;padding:0 24px 40px;display:flex}.logo-box{background-color:var(--primary-color);color:#000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.logo-text{letter-spacing:-.5px;font-size:18px;font-weight:600}.nav-menu{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--sidebar-text-muted);transition:all var(--transition-speed);cursor:pointer;text-align:left;appearance:none;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--sidebar-active);color:var(--sidebar-text-active)}.nav-item.active{background-color:var(--sidebar-active);color:var(--sidebar-text-active);border-right:3px solid var(--primary-color)}.nav-footer{padding:24px}.main-content{flex:1;padding:32px 40px;overflow-y:auto}.header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header-title h1{color:#1a1a1a;margin-bottom:8px;font-size:28px;font-weight:700}.header-title p{color:var(--text-muted);font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.search-bar{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:8px;width:300px;padding:8px 12px;display:flex}.search-bar input{border:none;outline:none;width:100%;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-label{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.stat-value{align-items:baseline;gap:8px;font-size:24px;font-weight:700;display:flex}.stat-trend{font-size:12px;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.kanban-board{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.kanban-column{flex-direction:column;gap:16px;display:flex}.column-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 8px;display:flex}.column-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.column-count{color:var(--text-muted);background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:12px}.ticket-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.ticket-card:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.ticket-tags{gap:8px;margin-bottom:12px;display:flex}.tag-priority{color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.tag-p1{background-color:var(--priority-p1)}.tag-p2{background-color:var(--priority-p2)}.tag-p3{background-color:var(--priority-p3)}.tag-p4{background-color:var(--priority-p4)}.tag-category{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.ticket-confidence{color:var(--primary-color);align-items:center;gap:2px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.ticket-title{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.ticket-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ticket-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.ticket-agent{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.agent-avatar{background:#e2e8f0;border-radius:50%;width:24px;height:24px}.ticket-time{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s ease-out forwards fadeIn}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-item{animation:.2s ease-out toast-slide-in}