body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,.ticket-ball{font-family:Inter,sans-serif}.ticket-ball{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--surface);border:1px solid #0000;border-radius:var(--r-1);box-shadow:0 1px 2px #0f172a14;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:60px;justify-content:center;margin:0 4px;position:relative;transform:translateZ(0);transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s ease;width:80px;will-change:transform}.priority-P0{animation:p0-border-blink .8s infinite;background:var(--p0);border-color:var(--p0);color:#fff}@keyframes p0-border-blink{0%,to{border-color:var(--p0);box-shadow:0 0 8px #ff0000b3}50%{border-color:#fff;box-shadow:0 0 18px #ff0000e6}}.priority-P1{background:var(--p1);box-shadow:0 2px 6px -2px #ff6b6b59;color:#fff}.priority-P2{background:var(--p2);box-shadow:0 2px 6px -2px #ffcb6b66;color:#1a1a1a}.priority-P3{background:var(--p3);box-shadow:0 2px 6px -2px #6bcd8e66;color:#fff}.sla-breach-alert{position:relative}.sla-breach-alert:after{background:#fff;border:2px solid var(--p0);border-radius:50%;color:var(--p0);content:"!";display:grid;font-family:Inter,sans-serif;font-size:10px;font-weight:800;height:16px;line-height:1;place-items:center;position:absolute;right:-5px;top:-5px;width:16px}.sla-breach{position:relative}.sla-breach:before{animation:sla-breach-outline 2s ease-in-out infinite;border:2px solid var(--p0);border-radius:var(--r-1);bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@keyframes sla-breach-outline{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.time-delta{font-size:var(--t-small);font-weight:700;margin-bottom:4px}.agent-initials,.time-delta{font-family:Inter,sans-serif;letter-spacing:.02em;line-height:1;text-align:center}.agent-initials{font-size:var(--t-h3);font-weight:800}.ticket-ball:hover{box-shadow:0 8px 16px -4px #0f172a2e;transform:translateY(-3px) scale(1.04);z-index:10}.ticket-ball:active{box-shadow:0 1px 2px #0f172a14;transform:translateY(0) scale(1);transition:transform .05s ease-out}.custom-tooltip{animation:tooltipFadeIn .15s ease-out;background:var(--ink);border-radius:var(--r-1);box-shadow:0 12px 28px -8px #0006,0 4px 8px #0000001a;color:#fff;font-family:Inter,-apple-system,sans-serif;letter-spacing:-.005em;max-width:280px;min-width:200px;padding:var(--s-2) var(--s-3);pointer-events:none;position:fixed!important;z-index:99999!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{font-family:Inter,-apple-system,sans-serif;line-height:1.4}.tooltip-content .tt-subject{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:var(--t-h3);font-weight:600;margin-bottom:5px;overflow:hidden}.tooltip-content .tt-row{align-items:center;color:#cbd5e1;display:flex;font-size:var(--t-small);font-weight:500;gap:5px}.tooltip-content .tt-prio{border-radius:3px;display:inline-block;font-size:var(--t-micro);font-weight:700;letter-spacing:.04em;padding:1px 5px}.tooltip-content .tt-prio-p0{background:var(--p0);color:#fff}.tooltip-content .tt-prio-p1{background:var(--p1);color:#fff}.tooltip-content .tt-prio-p2{background:var(--p2);color:#1a1a1a}.tooltip-content .tt-prio-p3{background:var(--p3);color:#fff}.tooltip-content .tt-sep{color:#475569}.tooltip-content .tt-client{color:#94a3b8;font-size:var(--t-micro);font-weight:500;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sla-breach-indicator{border-top:1px solid #ffffff1a;color:#fda4af;font-family:Inter,sans-serif;font-size:var(--t-micro);font-weight:700;letter-spacing:.04em;margin-top:var(--s-2);padding-top:var(--s-2)}@media (min-width:1920px){.ticket-ball{height:70px;margin:0 6px;width:90px}.time-delta{font-size:var(--t-h3)}.agent-initials,.custom-tooltip{font-size:var(--t-h2)}.custom-tooltip{max-width:380px;padding:var(--s-4) var(--s-5)}}@media (min-width:3840px){.ticket-ball{height:85px;margin:0 8px;width:110px}.time-delta{font-size:var(--t-h2)}.agent-initials,.custom-tooltip{font-size:var(--t-h1)}.custom-tooltip{max-width:420px;padding:var(--s-5) var(--s-6)}}.pipeline-container{background:var(--surface);border-radius:var(--r-3);box-shadow:var(--sh-sm);cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:var(--s-4);position:relative;transition:box-shadow .18s ease}.pipeline-container:hover{box-shadow:var(--sh-md)}.pipeline-container:before{background:var(--p0);border-radius:2px;bottom:var(--s-4);content:"";left:0;position:absolute;top:var(--s-4);width:3px}.pipelines-container .pipeline-container:first-child:before{background:var(--p0)}.pipelines-container .pipeline-container:nth-child(2):before{background:#0891b2}.pipelines-container .pipeline-container:nth-child(3):before{background:#8b5cf6}.pipeline-header{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--s-3);padding-bottom:var(--s-3)}.pipeline-title{color:var(--ink);font-family:Inter,sans-serif;font-size:var(--t-h1);font-weight:700;letter-spacing:-.01em;margin:0}.priority-breakdown{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s-2)}.priority-count{align-items:center;background:var(--surface-mute);border-radius:var(--r-1);color:var(--ink);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:var(--t-small);font-weight:700;gap:5px;justify-content:center;letter-spacing:.02em;min-width:44px;padding:5px var(--s-2);transition:transform .15s ease,box-shadow .15s ease}.priority-count:hover{box-shadow:var(--sh-xs);transform:translateY(-1px)}.priority-count.p0{animation:p0-count-pulse .8s infinite;background:var(--p0-soft);color:var(--p0);position:relative}@keyframes p0-count-pulse{0%,to{box-shadow:0 0 0 0 #f000}50%{box-shadow:0 0 0 3px #ff00002e}}.priority-count.p0:after{background:var(--p0);border:2px solid var(--surface);border-radius:50%;color:#fff;content:"!";display:grid;font-size:9px;font-weight:800;height:12px;line-height:1;place-items:center;position:absolute;right:-4px;top:-6px;width:12px}.priority-count.p1{background:var(--p1-soft);color:var(--p1)}.priority-count.p2{background:var(--p2-soft);color:#a16207}.priority-count.p3{background:var(--p3-soft);color:#047857}.total-count{background:var(--ink);border-radius:var(--r-1);color:#fff;font-family:Inter,sans-serif;font-size:var(--t-small);font-weight:700;letter-spacing:.02em;margin-left:var(--s-2);padding:5px var(--s-2)}.pipeline-track{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-2);flex:1 1;min-height:80px;overflow:hidden;padding:var(--s-3);position:relative}.pipeline-track,.scroll-arrow{align-items:center;display:flex}.scroll-arrow{background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:var(--sh-sm);color:var(--ink);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:28px;z-index:10}.scroll-arrow:hover{background:var(--accent-soft);box-shadow:var(--sh-md);color:var(--accent);transform:translateY(-50%) scale(1.05)}.scroll-arrow:active{transform:translateY(-50%) scale(.98)}.scroll-left{left:var(--s-2)}.scroll-right{right:var(--s-2)}.tickets-container{align-items:center;display:flex;flex:1 1;justify-content:flex-start;overflow:hidden;padding:0 var(--s-2)}.dom-pipeline{gap:var(--s-2);transform:translateZ(0);transition:transform .3s linear;will-change:transform}.canvas-pipeline,.dom-pipeline{align-items:center;display:flex}.canvas-pipeline{justify-content:center}.canvas-pipeline canvas{background:#0000;cursor:pointer}.hidden-count-indicator{background:var(--accent-soft);border-radius:var(--r-1);color:var(--accent);cursor:pointer;font-family:Inter,sans-serif;font-size:var(--t-small);font-weight:700;letter-spacing:.02em;margin-left:var(--s-3);padding:var(--s-2) var(--s-3);transition:all .15s ease;white-space:nowrap}.hidden-count-indicator:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.auto-scroll-status{color:var(--muted);font-family:Inter,sans-serif;font-size:var(--t-micro);font-weight:600;letter-spacing:.04em;margin-top:var(--s-2);text-align:center}@media (min-width:1920px){.pipeline-container{padding:var(--s-5)}.pipeline-title{font-size:20px}.priority-count,.total-count{font-size:var(--t-h3);padding:6px var(--s-3)}.pipeline-track{min-height:100px;padding:var(--s-4)}.scroll-arrow{font-size:16px;height:32px;width:32px}.tickets-container{padding:0 var(--s-3)}.hidden-count-indicator{font-size:var(--t-h3);padding:var(--s-2) var(--s-4)}.auto-scroll-status{font-size:var(--t-small)}}@media (min-width:3840px){.pipeline-container{padding:var(--s-6)}.pipeline-title{font-size:24px}.priority-count,.total-count{font-size:var(--t-h2);padding:8px var(--s-4)}.pipeline-track{min-height:120px;padding:var(--s-5)}.scroll-arrow{font-size:18px;height:40px;width:40px}}.pipeline-container.loading{opacity:.65}.pipeline-container.loading .pipeline-track{animation:shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-mute) 25%,var(--surface-soft) 50%,var(--surface-mute) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pipeline-container.error{border:1px solid var(--p0)}.ticket-detail-modal{animation:slideIn .22s cubic-bezier(.4,0,.2,1);background:var(--surface);border-radius:var(--r-3);box-shadow:0 24px 48px -12px #00000040,0 8px 16px #00000014;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.ticket-detail-modal .modal-header{align-items:center;background:linear-gradient(180deg,var(--surface),var(--surface-soft));border-bottom:1px solid var(--line);color:var(--ink);display:flex;justify-content:space-between;padding:var(--s-4) var(--s-5)}.ticket-detail-modal .header-left{align-items:center;display:flex;gap:var(--s-3)}.ticket-detail-modal .header-right{align-items:center;display:flex;gap:var(--s-2)}.ticket-detail-modal .modal-header h2{color:var(--ink);font-family:Inter,sans-serif;font-size:var(--t-h1);font-weight:700;letter-spacing:-.01em;margin:0}.ticket-detail-modal .elapsed-timer{font-feature-settings:"tnum";align-items:center;background:var(--accent-soft);border-radius:var(--r-1);color:var(--accent);display:flex;font-family:Inter,sans-serif;gap:var(--s-2);padding:var(--s-2) var(--s-3)}.ticket-detail-modal .timer-icon{font-size:14px}.ticket-detail-modal .timer-value{font-size:var(--t-h2);font-weight:700;letter-spacing:.02em;min-width:90px;text-align:center}.ticket-detail-modal .back-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink-2);cursor:pointer;font-family:Inter,sans-serif;font-size:var(--t-h3);font-weight:600;padding:var(--s-2) var(--s-3);transition:all .15s ease}.ticket-detail-modal .back-btn:hover{background:var(--surface-mute);border-color:var(--line-strong)}.ticket-detail-modal .hubspot-btn{background:var(--accent);border:none;border-radius:var(--r-1);box-shadow:0 2px 6px -2px #6366f166;box-shadow:0 2px 6px -2px var(--accent-glow,#6366f166);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:var(--t-small);font-weight:600;letter-spacing:.02em;padding:var(--s-2) var(--s-3);transition:all .15s ease}.ticket-detail-modal .hubspot-btn:hover{background:#4f46e5;box-shadow:0 4px 12px -2px #6366f166;transform:translateY(-1px)}.ticket-detail-modal .modal-body{background:var(--surface);flex:1 1;overflow-y:auto;padding:var(--s-5)}.ticket-detail-modal .modal-empty,.ticket-detail-modal .modal-error,.ticket-detail-modal .modal-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:var(--t-h2);justify-content:center;padding:60px var(--s-5)}.ticket-details{display:flex;flex-direction:column;gap:var(--s-5)}.subject-section{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:var(--s-4);justify-content:space-between;padding-bottom:var(--s-4)}.subject-section h3{color:var(--ink);font-size:var(--t-h1);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.sla-badge{animation:badge-pulse 2s ease-in-out infinite;background:var(--p0);border-radius:var(--r-1);box-shadow:0 2px 8px -2px #f006;color:#fff;font-size:var(--t-micro);font-weight:700;letter-spacing:.06em;padding:var(--s-1) var(--s-3);text-transform:uppercase;white-space:nowrap}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.78}}.quick-stats{grid-gap:var(--s-3);display:grid;gap:var(--s-3);grid-template-columns:repeat(4,1fr)}.stat-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-3) var(--s-4);position:relative;text-align:center;transition:all .18s ease}.stat-item:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.stat-item:before{background:var(--p3);border-radius:2px;bottom:var(--s-3);content:"";left:0;position:absolute;top:var(--s-3);width:3px}.stat-item.priority-p0{background:linear-gradient(180deg,var(--p0-soft),var(--surface) 80%)}.stat-item.priority-p0:before{background:var(--p0)}.stat-item.priority-p1{background:linear-gradient(180deg,var(--p1-soft),var(--surface) 80%)}.stat-item.priority-p1:before{background:var(--p1)}.stat-item.priority-p2{background:linear-gradient(180deg,var(--p2-soft),var(--surface) 80%)}.stat-item.priority-p2:before{background:var(--p2)}.stat-item.priority-p3{background:linear-gradient(180deg,var(--p3-soft),var(--surface) 80%)}.stat-item.priority-p3:before{background:var(--p3)}.stat-label{color:var(--muted);display:block;font-size:var(--t-micro);font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:var(--ink);display:block;font-size:var(--t-h1);font-weight:800;letter-spacing:-.02em}.details-grid{grid-gap:var(--s-4);display:grid;gap:var(--s-4);grid-template-columns:repeat(2,1fr)}.detail-group{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4)}.detail-group h4{color:var(--muted);font-size:var(--t-small);font-weight:600;letter-spacing:.06em;margin:0 0 var(--s-3) 0;padding-bottom:var(--s-2);text-transform:uppercase}.detail-group h4,.detail-row{border-bottom:1px solid var(--line)}.detail-row{display:flex;gap:var(--s-3);justify-content:space-between;padding:var(--s-2) 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--muted);font-size:var(--t-h3);font-weight:500}.detail-row .value{color:var(--ink);font-size:var(--t-h3);font-weight:600;max-width:60%;text-align:right;word-break:break-word}.detail-row .value.mono{font-feature-settings:"tnum";color:var(--accent);font-family:Inter,sans-serif;font-size:var(--t-small)}.content-section{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4)}.content-section h4{border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--t-small);font-weight:600;letter-spacing:.06em;margin:0 0 var(--s-3) 0;padding-bottom:var(--s-2);text-transform:uppercase}.content-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink-2);font-size:var(--t-h3);line-height:1.6;max-height:200px;overflow-y:auto;padding:var(--s-3);white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.ticket-detail-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.quick-stats{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.ticket-detail-modal .modal-body{padding:var(--s-4)}.subject-section{flex-direction:column}.subject-section h3{font-size:var(--t-h2)}.detail-row{flex-direction:column;gap:var(--s-1)}.detail-row .value{max-width:100%;text-align:left}}.pipeline-list-modal-overlay{align-items:center;animation:overlay-fade-in .18s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:var(--s-5);position:fixed;right:0;top:0;z-index:10000}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.pipeline-list-modal{animation:modal-slide-in .22s cubic-bezier(.4,0,.2,1);background:var(--surface);border-radius:var(--r-3);box-shadow:0 24px 48px -12px #00000040,0 8px 16px #00000014;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:calc(100vh - 100px);max-width:1600px;overflow:hidden;width:calc(100vw - 80px)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;padding:var(--s-4) var(--s-5);position:relative}.modal-title{color:var(--ink);font-size:var(--t-h1);font-weight:700;letter-spacing:-.01em;margin:0}.modal-subtitle{background:var(--surface-mute);border-radius:var(--r-1);color:var(--muted);font-size:var(--t-h3);font-weight:600;margin-left:var(--s-3);padding:var(--s-1) var(--s-3)}.modal-close-btn{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:var(--sh-xs);color:var(--ink-2);cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;line-height:1;position:absolute;right:var(--s-4);top:50%;transform:translateY(-50%);transition:all .15s ease;width:36px}.modal-close-btn:hover{background:var(--p0-soft);border-color:var(--p0);color:var(--p0);transform:translateY(-50%) scale(1.05)}.modal-close-btn:active{transform:translateY(-50%) scale(.98)}.modal-table-container{flex:1 1;overflow-y:auto;padding:0}.tickets-table{border-collapse:collapse;font-size:var(--t-h3);width:100%}.tickets-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.tickets-table th{background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--t-small);font-weight:600;letter-spacing:.06em;padding:var(--s-3) var(--s-4);text-align:left;text-transform:uppercase;white-space:nowrap}.tickets-table th.sortable{cursor:pointer;transition:color .15s ease;-webkit-user-select:none;user-select:none}.tickets-table th.th-priority{text-align:center}.tickets-table th.sortable:hover{color:var(--ink)}.tickets-table tbody tr{border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s ease}.tickets-table tbody tr:hover{background:var(--surface-soft)}.tickets-table td{color:var(--ink);padding:var(--s-3) var(--s-4);vertical-align:middle}.ticket-id{font-feature-settings:"tnum";color:var(--muted);font-size:var(--t-small);font-weight:600;white-space:nowrap}.ticket-subject{font-weight:500;max-width:300px}.ticket-bucket,.ticket-client,.ticket-owner{color:var(--ink-2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-time{font-feature-settings:"tnum";font-weight:600;white-space:nowrap}.tickets-table td.ticket-priority{text-align:center!important;white-space:nowrap}.priority-pill{border-radius:var(--r-1);display:inline-block;font-size:var(--t-small);font-weight:700;letter-spacing:.04em;line-height:1.2;min-width:36px;padding:4px 10px;text-align:center}.priority-cell-p0{animation:p0-blink .8s infinite;background:var(--p0);color:#fff}@keyframes p0-blink{0%,to{background:var(--p0)}50%{background:#c00}}.priority-cell-p1{background:var(--p1);color:#fff}.priority-cell-p2{background:var(--p2);color:#1a1a1a}.priority-cell-p3{background:var(--p3);color:#fff}.pagination{background:var(--surface-soft);border-top:1px solid var(--line);gap:var(--s-2);padding:var(--s-3) var(--s-4)}.pagination-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-1);box-shadow:var(--sh-xs);color:var(--ink);font-size:var(--t-h3);font-weight:600;padding:var(--s-2) var(--s-3);transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--sh-sm);color:var(--accent);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){box-shadow:var(--sh-xs);transform:translateY(0)}.pagination-btn:disabled{background:var(--surface-mute);opacity:.4}.pagination-info{color:var(--muted);font-size:var(--t-h3);font-weight:600;letter-spacing:.02em;padding:0 var(--s-3)}.modal-table-container::-webkit-scrollbar{width:8px}.modal-table-container::-webkit-scrollbar-track{background:#0000}.modal-table-container::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.modal-table-container::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (min-width:1920px){.pipeline-list-modal{max-width:1800px}.modal-title{font-size:22px}.modal-subtitle,.tickets-table{font-size:var(--t-h2)}.tickets-table td,.tickets-table th{padding:var(--s-3) var(--s-5)}}@media (min-width:3840px){.pipeline-list-modal{max-width:2400px}.modal-title{font-size:28px}.modal-subtitle,.tickets-table{font-size:var(--t-h1)}.tickets-table td,.tickets-table th{padding:var(--s-4) var(--s-6)}.pagination-btn{font-size:var(--t-h2);padding:var(--s-3) var(--s-5)}}.dashboard{grid-gap:var(--s-3);color:var(--ink);display:grid;font-family:Inter,sans-serif;gap:var(--s-3);grid-template-areas:"top-bar    top-bar    top-bar" "pipelines  pipelines  sidebar";grid-template-columns:1fr 1fr 280px;grid-template-rows:auto 1fr;height:100%;letter-spacing:-.005em;overflow:hidden;padding:var(--s-3);position:relative}.top-metrics-bar{background:var(--surface);border-radius:var(--r-3);box-shadow:var(--sh-sm);gap:var(--s-4);grid-area:top-bar;justify-content:space-between;padding:var(--s-3) var(--s-4);position:relative}.metrics-left,.top-metrics-bar{align-items:center;display:flex}.metrics-left{gap:var(--s-3)}.priority-counts{align-items:center;display:flex;gap:var(--s-2)}.metric-badge{align-items:baseline;background:var(--surface);border-radius:var(--r-1);box-shadow:var(--sh-xs);color:var(--ink);display:flex;font-family:Inter,sans-serif;font-size:var(--t-h3);font-weight:700;gap:var(--s-2);padding:var(--s-2) var(--s-3);transition:all .18s ease}.metric-badge:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.metric-badge.clickable{cursor:pointer}.metric-badge.clickable:active{box-shadow:var(--sh-xs);transform:translateY(0)}.metric-badge.priority-p0{animation:p0-metric-blink .8s infinite;background:var(--p0);border:2px solid var(--p0);color:#fff}@keyframes p0-metric-blink{0%,to{border-color:var(--p0);box-shadow:0 0 8px #f009}50%{border-color:#fff;box-shadow:0 0 16px #ff0000e6}}.metric-badge.priority-p1{background:var(--p1);color:#fff}.metric-badge.priority-p2{background:var(--p2);color:#1a1a1a}.metric-badge.priority-p3{background:var(--p3);color:#fff}.metric-label{font-size:var(--t-small);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.metric-value{font-size:var(--t-h1);font-weight:800;letter-spacing:-.02em}.sla-breach-alert{align-items:center;background:linear-gradient(135deg,var(--p0),#be123c);border-radius:var(--r-1);box-shadow:0 4px 12px -4px #f006;color:#fff;display:flex;font-size:var(--t-h3);font-weight:700;gap:var(--s-2);letter-spacing:.02em;padding:var(--s-2) var(--s-3);transition:all .18s ease}.sla-breach-alert.clickable{cursor:pointer}.sla-breach-alert.clickable:hover{box-shadow:0 8px 18px -6px #ff000080;transform:translateY(-1px)}.sla-breach-alert.clickable:active{box-shadow:0 4px 12px -4px #f006;transform:translateY(0)}.breach-icon{font-size:14px}.metrics-right{align-items:center;display:flex;font-size:var(--t-h3);gap:var(--s-3)}.refresh-indicator{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.refresh-spinner{animation:spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--accent);height:14px;width:14px}.connection-status{align-items:center;background:var(--good-soft);border-radius:999px;color:var(--good);display:flex;font-size:var(--t-h3);font-weight:600;gap:var(--s-2);letter-spacing:.02em;padding:var(--s-2) var(--s-3);text-transform:uppercase}.status-indicator{animation:live-pulse 1.6s ease-in-out infinite;border-radius:50%;box-shadow:0 0 0 3px #4caf502e;height:6px;width:6px}.status-indicator,.status-indicator.connected{background:var(--good)}.status-indicator.connecting{background:var(--p2);box-shadow:0 0 0 3px #ffcb6b40}.status-indicator.disconnected{animation:none;background:var(--p0);box-shadow:0 0 0 3px #ff000040}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.demo-mode-indicator{background:var(--p2);border-radius:var(--r-1);color:#1a1a1a;font-size:var(--t-small);letter-spacing:.04em}.current-time,.demo-mode-indicator{font-weight:700;padding:var(--s-2) var(--s-3)}.current-time{font-feature-settings:"tnum";background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink);font-family:Inter,sans-serif;font-size:var(--t-h2);letter-spacing:.02em}.last-updated{color:var(--muted);font-size:var(--t-small)}.sync-info{align-items:center;background:var(--good-soft);border-radius:var(--r-1);color:var(--good);display:flex;font-size:var(--t-small);font-weight:600;gap:var(--s-2);padding:var(--s-1) var(--s-3)}.sync-info .ticket-count{font-family:Inter,sans-serif}.pipelines-container{display:flex;flex-direction:column;gap:var(--s-3);grid-area:pipelines;min-height:0;overflow:hidden}.pipelines-container::-webkit-scrollbar{display:none}.right-sidebar{align-self:stretch;background:var(--surface);border-radius:var(--r-3);box-shadow:var(--sh-sm);display:flex;flex-direction:column;grid-area:sidebar;min-height:0;overflow:hidden;padding:var(--s-4)}.right-sidebar::-webkit-scrollbar{display:none}.sidebar-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.sidebar-section h3{border-bottom:1px solid var(--line);color:var(--ink);font-family:Inter,sans-serif;font-size:var(--t-h2);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--s-3) 0;padding-bottom:var(--s-3)}.priority-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);margin-bottom:var(--s-2);padding:var(--s-3);transition:all .18s ease}.priority-stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.priority-stat-card.priority-p0{animation:p0-sidebar-blink .8s infinite;border-left:4px solid var(--p0)}@keyframes p0-sidebar-blink{0%,to{border-left-color:var(--p0)}50%{border-left-color:#fff}}.priority-stat-card.priority-p1{border-left:4px solid var(--p1)}.priority-stat-card.priority-p2{border-left:4px solid var(--p2)}.priority-stat-card.priority-p3{border-left:4px solid var(--p3)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--s-2)}.priority-label{color:var(--ink);font-size:var(--t-h3);font-weight:700;letter-spacing:-.005em}.ticket-count{font-feature-settings:"tnum";color:var(--ink);font-size:var(--t-h1);font-weight:800;letter-spacing:-.02em}.avg-time,.oldest-ticket{color:var(--muted);font-size:var(--t-small);margin-bottom:2px}.client-list{display:flex;flex:1 1;flex-direction:column;gap:var(--s-2);overflow-y:auto;scrollbar-width:thin}.client-list::-webkit-scrollbar{width:4px}.client-list::-webkit-scrollbar-track{background:#0000}.client-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.client-item{align-items:center;background:#0000;border-radius:var(--r-1);display:flex;gap:var(--s-3);padding:var(--s-2) var(--s-3);position:relative;transition:background .15s ease}.client-item.clickable{cursor:pointer}.client-item:hover{background:var(--surface-soft)}.client-item.clickable:active{background:var(--surface-mute)}.client-avatar{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--avatar-from,#6366f1),var(--avatar-to,#ec4899));border-radius:8px;color:#fff;display:grid;flex-shrink:0;font-size:var(--t-small);font-weight:700;height:32px;letter-spacing:.02em;place-items:center;width:32px}.client-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.client-name{color:var(--ink);font-size:var(--t-body);font-weight:600;letter-spacing:-.005em}.client-name,.client-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-sub{color:var(--muted);font-size:var(--t-micro);font-weight:500;letter-spacing:.01em}.client-count{font-feature-settings:"tnum";color:var(--ink);flex-shrink:0;font-size:var(--t-h2);font-weight:800;letter-spacing:-.02em}.client-stats{color:var(--muted);display:flex;font-size:var(--t-micro);font-weight:500;gap:var(--s-3)}.bottom-ticker{background:var(--ink);border-radius:var(--r-2);box-shadow:var(--sh-sm);grid-area:ticker;overflow:hidden;padding:var(--s-2);position:relative}.ticker-content{animation:scroll-left 45s linear infinite;color:#00ff41;font-family:Inter,sans-serif;font-size:var(--t-h3);font-weight:700;letter-spacing:.04em;white-space:nowrap}@keyframes scroll-left{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.dashboard-error,.dashboard-loading{align-items:center;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.dashboard-error h2,.dashboard-loading h2{background:var(--surface);border-radius:var(--r-3);box-shadow:var(--sh-md);font-family:Inter,sans-serif;font-size:var(--t-display);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--s-5);padding:var(--s-5) var(--s-6)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--line);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:var(--s-5);width:40px}.dashboard-error button{background:var(--accent);border:none;border-radius:var(--r-1);box-shadow:var(--sh-sm);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:var(--t-h2);font-weight:600;padding:var(--s-3) var(--s-5);transition:all .18s ease}.dashboard-error button:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.dashboard-error button:active{box-shadow:var(--sh-sm);transform:translateY(0)}@media (min-width:1920px){.dashboard{gap:var(--s-4);padding:var(--s-4)}.top-metrics-bar{padding:var(--s-4) var(--s-5)}.metric-badge{font-size:var(--t-h2);padding:var(--s-3) var(--s-4)}.metric-value{font-size:var(--t-display)}.current-time{font-size:var(--t-h1);padding:var(--s-3) var(--s-4)}.right-sidebar{padding:var(--s-5)}.sidebar-section h3{font-size:var(--t-h1)}.priority-stat-card{padding:var(--s-4)}.client-name{font-size:var(--t-h2)}.client-avatar{font-size:var(--t-h3);height:38px;width:38px}.ticker-content{font-size:var(--t-h2)}}@media (min-width:3840px){.dashboard{gap:var(--s-5);grid-template-columns:1fr 1fr 400px;padding:var(--s-5)}.metric-badge{font-size:var(--t-h1);padding:var(--s-3) var(--s-5)}.metric-value{font-size:36px}.current-time{font-size:22px;padding:var(--s-3) var(--s-5)}.sidebar-section h3{font-size:20px}.priority-stat-card{padding:var(--s-5)}.ticker-content{font-size:var(--t-h1)}}.historical-view{color:#1a1a1a;font-family:Inter,sans-serif;gap:20px;min-height:calc(100vh - 60px);padding:20px 20px 60px}.historical-error,.historical-loading,.historical-view{background:radial-gradient(circle at 2px 2px,#6a1bff 1px,#0000 0),linear-gradient(135deg,#f5f5f5,#e8e8e8);background-size:20px 20px,100% 100%;display:flex;flex-direction:column}.historical-error,.historical-loading{align-items:center;height:100vh;justify-content:center}.historical-error h2,.historical-loading h2{background:#fff;box-shadow:4px 4px 0 #000;font-size:20px;letter-spacing:2px;margin-top:20px;padding:16px 24px}.historical-error button,.historical-error h2,.historical-loading h2{border:3px solid #000;font-family:Inter,sans-serif;text-transform:uppercase}.historical-error button{background:#6a1bff;box-shadow:3px 3px 0 #000;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:16px;padding:12px 24px;transition:all .1s ease-out}.historical-error button:hover{box-shadow:4px 4px 0 #000;transform:translate(-1px,-1px)}.filters-section{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000;padding:16px 20px}.filters-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.filters-header h2{font-size:18px;letter-spacing:2px;margin:0}.filters-header h2,.refresh-btn{font-weight:700;text-transform:uppercase}.refresh-btn{background:#6a1bff;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;letter-spacing:1px;padding:8px 16px;transition:all .1s ease-out}.refresh-btn:hover{box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.refresh-btn:active{box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.filters-row{display:flex;flex-wrap:nowrap;gap:12px}.filter-group{display:flex;flex:0 1 auto;flex-direction:column;gap:4px;min-width:0}.filter-group label{color:#333;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.filter-group input[type=date],.filter-group select{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;min-width:96px;padding:8px 10px;width:100%}.filter-group.client-filter{flex:0 0 auto}.filter-group.client-filter select{max-width:120px;min-width:90px;text-overflow:ellipsis}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:#6a1bff;outline:none}.multi-select-dropdown,.multi-select-group{position:relative}.multi-select-trigger{align-items:center;background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;justify-content:space-between;min-width:104px;padding:8px 12px;text-align:left}.multi-select-trigger:hover{background:#f5f5f5}.multi-select-trigger .dropdown-arrow{font-size:10px;margin-left:8px}.multi-select-options{background:#fff;border:2px solid #000;border-top:none;box-shadow:2px 2px 0 #000;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.multi-select-option{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;transition:background .1s}.multi-select-option:hover{background:#f0f0f0}.multi-select-option input[type=checkbox]{accent-color:#6a1bff;cursor:pointer;height:14px;width:14px}.multi-select-option span{flex:1 1}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.summary-card{background:#fff;border:3px solid #000;box-shadow:3px 3px 0 #000;padding:16px 20px;text-align:center}.summary-card.breach{background:#fff0f0;border-color:#ff6b6b}.summary-card.breach-critical{background:#ffe5e5;border-color:red}.summary-card.breach-warning{background:#fffde7;border-color:#ffd54f}.summary-card.breach-ok{background:#e8f5e9;border-color:#4caf50}.summary-card.bottom-decile{background:#f3e5f5;border-color:#9c27b0}.summary-card.clickable{cursor:pointer;transition:all .1s ease-out}.summary-card.clickable:hover{box-shadow:5px 5px 0 #000;transform:translate(-2px,-2px)}.summary-card.clickable:active{box-shadow:2px 2px 0 #000;transform:translate(1px,1px)}.summary-label{color:#666;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.summary-value{font-family:Inter,sans-serif;font-size:28px;font-weight:900}.tables-container{display:flex;flex-direction:column;gap:20px}.table-section{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000}.table-header{align-items:center;background:#f5f5f5;border-bottom:2px solid #000;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .1s}.table-header:hover{background:#e8e8e8}.table-header h3{font-size:14px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.collapse-icon{color:#000;font-size:18px;font-weight:700;text-align:center;width:24px}.table-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead{background:#000;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.data-table th:hover{background:#333}.data-table th .sort-indicator{font-size:10px;margin-left:6px;opacity:.7}.data-table th{font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .1s}.data-table tbody tr:hover{background:#f5f5f5}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:#e8e8e8}.data-table td{font-family:Inter,sans-serif;padding:10px 16px}.data-table .no-data{color:#999;font-style:italic;padding:24px;text-align:center}.breach-cell{color:#ff6b6b;font-weight:700}.breach-critical{background:#ffe5e5!important;color:red;font-weight:700}.breach-warning{background:#fffde7!important;color:#f57c00;font-weight:700}.breach-ok{background:#e8f5e9!important;color:#2e7d32;font-weight:700}.priority-row.priority-p0{border-left:4px solid red}.priority-row.priority-p1{border-left:4px solid #ff6b6b}.priority-row.priority-p2{border-left:4px solid #ffd54f}.priority-row.priority-p3{border-left:4px solid #4caf50}.priority-cell{font-weight:700}.priority-row.priority-p0 .priority-cell{color:red}.priority-row.priority-p1 .priority-cell{color:#ff6b6b}.priority-row.priority-p2 .priority-cell{color:#f57c00}.priority-row.priority-p3 .priority-cell{color:#4caf50}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-group input[type=date],.filter-group select{width:100%}}@media (min-width:1920px){.historical-view{gap:24px;padding:28px}.filters-header h2{font-size:22px}.summary-value{font-size:36px}.data-table{font-size:14px}.data-table th{font-size:12px;padding:14px 20px}.data-table td{padding:12px 20px}}@media (min-width:3840px){.historical-view{gap:32px;padding:40px}.filters-header h2{font-size:28px}.summary-value{font-size:48px}.table-header h3{font-size:18px}.data-table{font-size:16px}.data-table th{font-size:14px;padding:16px 24px}.data-table td{padding:14px 24px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ticket-list-modal{animation:slideIn .2s ease-out;background:#fff;border:3px solid #000;box-shadow:8px 8px 0 #000;display:flex;flex-direction:column;max-height:90vh;max-width:1800px;width:98vw}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ticket-list-modal .modal-header{align-items:center;background:#000;border-bottom:3px solid #000;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ticket-list-modal .modal-header h2{font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.ticket-list-modal .close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:1;padding:0;transition:transform .1s}.ticket-list-modal .close-btn:hover{transform:scale(1.2)}.ticket-list-modal .modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.modal-empty,.modal-error,.modal-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.modal-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#6a1bff;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.modal-error button{background:#6a1bff;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#fff;cursor:pointer;font-family:Inter,sans-serif;margin-top:12px;padding:8px 16px}.modal-error button,.ticket-count{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.ticket-count{align-items:center;background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#666;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.ticket-count .page-info{color:#888;font-weight:400}.ticket-count-right{align-items:center;display:flex;gap:16px}.download-csv-btn{background:#4caf50;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .1s ease-out}.download-csv-btn:hover{background:#43a047;box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.download-csv-btn:active{box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.ticket-breach-time{color:#d32f2f;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.ticket-list-wrapper{flex:1 1;min-height:0;overflow:auto}.ticket-list-table{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.ticket-list-table thead{background:#1a1a1a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ticket-list-table th{box-sizing:border-box;font-size:10px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 10px;text-align:left;text-overflow:ellipsis;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.ticket-list-table tbody tr{border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .1s}.ticket-list-table tbody tr:hover{background:#f0f0f0}.ticket-list-table tbody tr.ticket-sla-breach{background:#fff0f0}.ticket-list-table tbody tr.ticket-sla-breach:hover{background:#ffe5e5}.ticket-list-table td{box-sizing:border-box;font-family:Inter,sans-serif;overflow:hidden;padding:10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ticket-id{color:#6a1bff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.ticket-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-priority{font-size:11px;font-weight:700;text-align:center}.ticket-priority.priority-p0{background:red;color:#fff}.ticket-priority.priority-p1{background:#ff6b6b;color:#fff}.ticket-priority.priority-p2{background:#ffd54f;color:#000}.ticket-priority.priority-p3{background:#4caf50;color:#fff}.ticket-priority.priority-unknown{background:#999;color:#fff}.ticket-agent,.ticket-client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-created,.ticket-options{color:#666;font-size:11px}.ticket-status{text-align:center}.ticket-status span{border-radius:3px;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.status-open{background:#e3f2fd;color:#1976d2}.status-closed{background:#e8f5e9;color:#2e7d32}.status-breach{background:#ffebee;color:#d32f2f}@media (max-width:1200px){.ticket-list-modal{max-width:none;width:98%}.ticket-list-table{font-size:11px}.ticket-list-table td,.ticket-list-table th{padding:8px 6px}}@media (max-width:768px){.ticket-list-modal{border:none;box-shadow:none;height:100%;max-height:100vh;width:100%}.ticket-list-table{font-size:10px}.ticket-list-table td,.ticket-list-table th{padding:6px 4px}.ticket-id{font-size:9px}}.pagination{align-items:center;background:#f5f5f5;border-top:2px solid #e0e0e0;display:flex;flex-shrink:0;gap:8px;justify-content:center;padding:16px 20px}.pagination-btn{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;transition:all .1s ease-out}.pagination-btn:hover:not(:disabled){box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.pagination-btn:active:not(:disabled){box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.pagination-btn:disabled{background:#e0e0e0;border-color:#ccc;box-shadow:none;color:#999;cursor:not-allowed}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;min-width:36px;padding:8px 12px;transition:all .1s ease-out}.pagination-page:hover{box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.pagination-page.active{background:#6a1bff;color:#fff}.pagination-ellipsis{color:#666;font-size:12px;font-weight:700;padding:8px 6px}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:6px;padding:12px}.pagination-btn,.pagination-page{font-size:10px;padding:6px 10px}.pagination-page{min-width:30px}}.analytics-view{color:#1a1a1a;font-family:Inter,sans-serif;gap:20px;min-height:calc(100vh - 60px);padding:20px 20px 60px}.analytics-error,.analytics-loading,.analytics-view{background:radial-gradient(circle at 2px 2px,#6a1bff 1px,#0000 0),linear-gradient(135deg,#f5f5f5,#e8e8e8);background-size:20px 20px,100% 100%;display:flex;flex-direction:column}.analytics-error,.analytics-loading{align-items:center;height:calc(100vh - 60px);justify-content:center}.analytics-error h2,.analytics-loading h2{background:#fff;box-shadow:4px 4px 0 #000;font-size:20px;letter-spacing:2px;margin-top:20px;padding:16px 24px}.analytics-error button,.analytics-error h2,.analytics-loading h2{border:3px solid #000;font-family:Inter,sans-serif;text-transform:uppercase}.analytics-error button{background:#6a1bff;box-shadow:3px 3px 0 #000;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:16px;padding:12px 24px;transition:all .1s ease-out}.analytics-error button:hover{box-shadow:4px 4px 0 #000;transform:translate(-1px,-1px)}.analytics-view .filters-section{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000;padding:16px 20px}.analytics-view .filters-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.analytics-view .filters-header h2{font-size:18px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.analytics-view .header-actions{align-items:center;display:flex;gap:12px}.analytics-view .refresh-indicator{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.analytics-view .refresh-spinner{animation:analytics-spin .8s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#6a1bff;height:14px;width:14px}@keyframes analytics-spin{to{transform:rotate(1turn)}}.analytics-view .refresh-btn{background:#6a1bff;border:2px solid #000;box-shadow:2px 2px 0 #000;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase;transition:all .1s ease-out}.analytics-view .refresh-btn:hover{box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.analytics-view .refresh-btn:active{box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.analytics-view .filters-row{display:flex;flex-wrap:nowrap;gap:12px}.analytics-view .filter-group{display:flex;flex:0 1 auto;flex-direction:column;gap:4px;min-width:0}.analytics-view .filter-group label{color:#333;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.analytics-view .filter-group input[type=date],.analytics-view .filter-group select{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;min-width:96px;padding:8px 10px;width:100%}.analytics-view .filter-group.client-filter{flex:0 0 auto}.analytics-view .filter-group.client-filter select{max-width:120px;min-width:90px;text-overflow:ellipsis}.analytics-view .filter-group input[type=date]:focus,.analytics-view .filter-group select:focus{border-color:#6a1bff;outline:none}.analytics-view .multi-select-dropdown,.analytics-view .multi-select-group{position:relative}.analytics-view .multi-select-trigger{align-items:center;background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #000;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;justify-content:space-between;min-width:104px;padding:8px 12px;text-align:left}.analytics-view .multi-select-trigger:hover{background:#f5f5f5}.analytics-view .multi-select-trigger .dropdown-arrow{font-size:10px;margin-left:8px}.analytics-view .multi-select-options{background:#fff;border:2px solid #000;border-top:none;box-shadow:2px 2px 0 #000;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.analytics-view .multi-select-option{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;transition:background .1s}.analytics-view .multi-select-option:hover{background:#f0f0f0}.analytics-view .multi-select-option input[type=checkbox]{accent-color:#6a1bff;cursor:pointer;height:14px;width:14px}.analytics-view .multi-select-option span{flex:1 1}.analytics-view .summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.analytics-view .summary-card{background:#fff;border:3px solid #000;box-shadow:3px 3px 0 #000;padding:16px 20px;text-align:center}.analytics-view .summary-card.breach{background:#fff0f0;border-color:#ff6b6b}.analytics-view .summary-card.breach-critical{background:#ffe5e5;border-color:red}.analytics-view .summary-card.breach-warning{background:#fffde7;border-color:#ffd54f}.analytics-view .summary-card.breach-ok{background:#e8f5e9;border-color:#4caf50}.analytics-view .summary-card.bottom-decile{background:#f3e5f5;border-color:#9c27b0}.analytics-view .summary-card.clickable{cursor:pointer;transition:all .1s ease-out}.analytics-view .summary-card.clickable:hover{box-shadow:5px 5px 0 #000;transform:translate(-2px,-2px)}.analytics-view .summary-card.clickable:active{box-shadow:2px 2px 0 #000;transform:translate(1px,1px)}.analytics-view .summary-label{color:#666;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.analytics-view .summary-value{font-family:Inter,sans-serif;font-size:28px;font-weight:900}.analytics-view .tables-container{display:flex;flex-direction:column;gap:20px}.analytics-view .table-section{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000}.analytics-view .table-header{align-items:center;background:#f5f5f5;border-bottom:2px solid #000;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .1s}.analytics-view .table-header:hover{background:#e8e8e8}.analytics-view .table-header h3{font-size:14px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.analytics-view .collapse-icon{color:#000;font-size:18px;font-weight:700;text-align:center;width:24px}.analytics-view .table-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.analytics-view .data-table{border-collapse:collapse;font-size:13px;width:100%}.analytics-view .data-table thead{background:#000;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.analytics-view .data-table th{cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:background .1s;-webkit-user-select:none;user-select:none}.analytics-view .data-table th:hover{background:#333}.analytics-view .data-table th .sort-indicator{font-size:10px;margin-left:6px;opacity:.7}.analytics-view .data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .1s}.analytics-view .data-table tbody tr:hover{background:#f5f5f5}.analytics-view .data-table tbody tr.clickable-row{cursor:pointer}.analytics-view .data-table tbody tr.clickable-row:hover{background:#e8e8e8}.analytics-view .data-table td{font-family:Inter,sans-serif;padding:10px 16px}.analytics-view .data-table .no-data{color:#999;font-style:italic;padding:24px;text-align:center}.analytics-view .client-name-cell{font-weight:700;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-view .breach-cell{color:#ff6b6b;font-weight:700}.analytics-view .breach-critical{background:#ffe5e5!important;color:red;font-weight:700}.analytics-view .breach-warning{background:#fffde7!important;color:#f57c00;font-weight:700}.analytics-view .breach-ok{background:#e8f5e9!important;color:#2e7d32;font-weight:700}@media (max-width:1200px){.analytics-view .summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-view .summary-cards{grid-template-columns:1fr}.analytics-view .filters-row{flex-direction:column}.analytics-view .filter-group input[type=date],.analytics-view .filter-group select{width:100%}}@media (min-width:1920px){.analytics-view{gap:24px;padding:28px}.analytics-view .filters-header h2{font-size:22px}.analytics-view .summary-value{font-size:36px}.analytics-view .data-table{font-size:14px}.analytics-view .data-table th{font-size:12px;padding:14px 20px}.analytics-view .data-table td{padding:12px 20px}}@media (min-width:3840px){.analytics-view{gap:32px;padding:40px}.analytics-view .filters-header h2{font-size:28px}.analytics-view .summary-value{font-size:48px}.analytics-view .table-header h3{font-size:18px}.analytics-view .data-table{font-size:16px}.analytics-view .data-table th{font-size:14px;padding:16px 24px}.analytics-view .data-table td{padding:14px 24px}}.agent-performance-table{font-size:13px}.agent-performance-table td,.agent-performance-table th{padding:10px 12px!important;text-align:center}.agent-performance-table td:first-child,.agent-performance-table th:first-child{text-align:left}.p0-cell{background-color:#ff00001a;color:#c00;font-weight:700}.p1-cell{background-color:#ffa5001a;color:#d68000;font-weight:700}.score-excellent{background-color:#4caf5026;color:#2e7d32;font-weight:700}.score-good{background-color:#ffc10726;color:#f57c00;font-weight:700}.score-poor{background-color:#f4433626;color:#c62828;font-weight:700}.table-loading{color:#666;font-style:italic;padding:40px;text-align:center}:root{--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-mute:#f1f3f8;--line:#e6e9f0;--line-strong:#d3d8e3;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--subtle:#94a3b8;--p0:red;--p0-soft:#ffe5e5;--p1:#ff6b6b;--p1-soft:#ffeaea;--p2:#ffcb6b;--p2-soft:#fff3d6;--p3:#6bcd8e;--p3-soft:#e7f6ed;--good:#4caf50;--good-soft:#e6f4e8;--warn:#f59e0b;--bad:#ef4444;--accent:#6366f1;--accent-soft:#eef0fe;--sh-xs:0 1px 2px #0f172a0a;--sh-sm:0 1px 2px #0f172a0d,0 0 0 1px #0f172a0a;--sh-md:0 4px 12px -2px #0f172a14,0 2px 4px #0f172a0a;--sh-lg:0 12px 28px -8px #0f172a1f,0 4px 8px #0f172a0a;--r-1:6px;--r-2:10px;--r-3:14px;--t-display:28px;--t-h1:18px;--t-h2:14px;--t-h3:12px;--t-body:12px;--t-small:11px;--t-micro:10px}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}#root,.App{height:100vh;overflow:hidden}.App{-webkit-font-smoothing:antialiased;background:#f5f7fb;background:var(--bg);color:#0f172a;color:var(--ink);font-family:Inter,sans-serif;letter-spacing:-.005em}.App:before{background:radial-gradient(ellipse 60% 40% at 0 0,#6366f10d,#0000 60%),radial-gradient(ellipse 40% 30% at 100% 0,#ec48990a,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.tab-navigation{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e6e9f0;border-bottom:1px solid var(--line);display:flex;gap:16px;gap:var(--s-4);margin:0;padding:8px 16px;padding:var(--s-2) var(--s-4);position:relative;z-index:1}.tab-navigation .brand{align-items:center;border-right:1px solid #e6e9f0;border-right:1px solid var(--line);display:flex;padding-right:16px;padding-right:var(--s-4)}.tab-navigation .brand-name{color:#04205d;font-size:18px;font-size:var(--t-h1);font-weight:800;letter-spacing:-.02em}.tab-buttons{display:flex;gap:4px;gap:var(--s-1)}.tab-button{background:#0000;border:none;border-radius:6px;border-radius:var(--r-1);color:#64748b;color:var(--muted);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-size:var(--t-h3);font-weight:600;letter-spacing:.02em;padding:8px 16px;padding:var(--s-2) var(--s-4);position:relative;transition:all .18s ease}.tab-button.active,.tab-button:hover{background:#f1f3f8;background:var(--surface-mute);color:#0f172a;color:var(--ink)}.tab-button.active{font-weight:700}.tab-button.active:after{background:#6366f1;background:var(--accent);border-radius:2px;bottom:-9px;content:"";height:2px;left:16px;left:var(--s-4);position:absolute;right:16px;right:var(--s-4)}.tab-content{height:calc(100vh - 49px);overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.coming-soon{align-items:center;color:#64748b;color:var(--muted);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.coming-soon h2{background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--r-3);box-shadow:0 4px 12px -2px #0f172a14,0 2px 4px #0f172a0a;box-shadow:var(--sh-md);color:#0f172a;color:var(--ink);font-family:Inter,sans-serif;font-size:28px;font-size:var(--t-display);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;margin-bottom:var(--s-4);padding:16px 24px;padding:var(--s-4) var(--s-6)}.coming-soon p{color:#64748b;color:var(--muted);font-size:14px;font-size:var(--t-h2);line-height:1.6;max-width:500px}@media (min-width:1920px){.tab-button{font-size:14px;font-size:var(--t-h2);padding:12px 20px;padding:var(--s-3) var(--s-5)}.coming-soon h2{font-size:32px}.coming-soon p{font-size:18px;font-size:var(--t-h1)}}@media (min-width:3840px){.tab-button{font-size:18px;font-size:var(--t-h1);padding:16px 24px;padding:var(--s-4) var(--s-6)}.coming-soon h2{font-size:40px}.coming-soon p{font-size:22px}}
/*# sourceMappingURL=main.fcb5f71a.css.map*/