:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1f3445;background:#f4f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#1f3445;--muted:#6d7d89;--line:#e5ebee;--teal:#2c9c8b;--navy:#142d43;--surface:#fff;--shadow:0 8px 28px rgba(27,53,70,.045)}*{box-sizing:border-box}body{margin:0;min-width:360px}.topbar{height:74px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--navy);color:#81d4bd;border-radius:12px;font-weight:800;font-size:21px}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{margin-top:3px;color:var(--muted);font-size:12px}.top-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.live-dot{width:8px;height:8px;background:#45b79d;border-radius:50%}.icon-button{border:0;background:transparent;color:#526879;cursor:pointer;font-size:22px;line-height:1;padding:7px 10px;border-radius:9px}.icon-button:hover{background:#edf4f4}.icon-button:disabled{opacity:.5}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{max-width:1540px;margin:auto;padding:32px clamp(18px,4vw,58px) 34px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.105em;color:var(--teal)}h1{font-size:29px;letter-spacing:-.035em;margin:8px 0 4px;color:var(--navy)}.title-block p,.panel-heading p{margin:0;color:var(--muted);font-size:13px}.filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.filters label{display:grid;gap:5px;color:#647784;font-size:11px;font-weight:700}.filters input,.filters select{height:38px;min-width:132px;border:1px solid #dbe4e8;border-radius:9px;background:#fff;color:#263d4d;padding:0 10px;font:inherit;font-size:12px}.filters select{min-width:145px}.quiet-button,.text-button{border:1px solid #dbe4e8;background:#fff;border-radius:9px;color:#526879;padding:9px 13px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.quiet-button:hover,.text-button:hover{border-color:#9ccfc5;color:#197968}.notice{margin:0 0 16px;padding:12px 15px;border:1px solid #f0d39c;background:#fff8e9;color:#775626;border-radius:11px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:12px;margin-bottom:14px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:16px 16px 14px;min-height:112px}.metric-label{color:#6b7d88;font-size:11px;font-weight:700}.metric-value{margin-top:12px;color:var(--navy);font-size:27px;font-weight:760;letter-spacing:-.04em;white-space:nowrap}.metric-note{margin-top:7px;color:#84929a;font-size:10px;line-height:1.35}.chart-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.panel{padding:19px 20px}.chart-panel,.definition-panel{min-height:230px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2{margin:0 0 5px;color:var(--navy);font-size:15px;letter-spacing:-.01em}.panel-stat{padding:5px 9px;background:#f0f7f6;border-radius:7px;color:#267e70;font-size:11px;font-weight:700;white-space:nowrap}.timeline-chart{height:170px;margin-top:15px}.timeline-chart svg{width:100%;height:100%;overflow:visible}.timeline-chart svg text{font:10px Inter,"Segoe UI",sans-serif;fill:#84929a}.axis{stroke:#e7ecee;stroke-width:1}.timeline-line{fill:none;stroke:#2c9c8b;stroke-width:2.4;vector-effect:non-scaling-stroke}.timeline-dots{fill:#fff;stroke:#2c9c8b;stroke-width:2;vector-effect:non-scaling-stroke}.bars{display:grid;gap:12px;margin-top:20px}.bar-row{display:grid;grid-template-columns:minmax(90px,135px) 1fr 35px;align-items:center;gap:10px}.bar-label{font-size:11px;color:#506372;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:9px;border-radius:10px;background:#eef2f3;overflow:hidden}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,#53bca7,#2b9788);border-radius:10px}.bar-count{text-align:right;font-size:11px;color:#637682;font-variant-numeric:tabular-nums}.chart-empty{display:grid;place-items:center;height:150px;color:#8a989f;font-size:13px}.definition-panel ul{margin:20px 0 0;padding-left:18px;color:#667783;font-size:12px;line-height:1.5}.definition-panel li{margin:0 0 8px}.definition-panel strong{color:#344d5c}.ticket-panel{margin-top:14px;padding-bottom:0}.ticket-heading{padding-bottom:14px}.table-wrap{overflow:auto;margin:0 -20px;border-top:1px solid var(--line);border-radius:0 0 14px 14px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}thead{background:#f9fbfb;color:#72838d;text-align:left}th{padding:12px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.045em}td{padding:12px 14px;border-top:1px solid #edf1f2;color:#405767}tbody tr:hover{background:#fbfdfd}.ticket-id{color:#218a79;text-decoration:none;font-weight:700}.ticket-id:hover{text-decoration:underline}.metric-missing{color:#8a6a38;border-bottom:1px dotted currentColor;cursor:help}.status-pill{display:inline-block;border-radius:20px;padding:4px 8px;background:#f0f4f5;color:#637580;font-size:10px;text-transform:capitalize}.text-button{padding:6px 9px;color:#218a79;border-color:#d8e9e5}.empty-cell{text-align:center;color:#87959c;padding:27px 12px}.ticket-panel footer{border:0}.ticket-dialog{width:min(840px,calc(100% - 28px));max-height:88vh;border:1px solid #dce5e8;border-radius:16px;padding:0;box-shadow:0 30px 90px rgba(9,29,44,.24);color:var(--ink)}.ticket-dialog::backdrop{background:rgba(15,35,49,.48);backdrop-filter:blur(2px)}.ticket-dialog form{display:flex;flex-direction:column;max-height:88vh}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-header h2{margin:6px 0 0;color:var(--navy);font-size:19px}.dialog-body{overflow:auto;padding:10px 24px 18px}.comment{padding:15px 0;border-bottom:1px solid var(--line)}.comment time{display:block;margin-bottom:8px;color:#84929a;font-size:11px}.comment div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;color:#334a5a}.dialog-footer{padding:13px 24px;border-top:1px solid var(--line)}.dialog-footer a{color:#218a79;text-decoration:none;font-size:13px;font-weight:650}footer{display:flex;justify-content:space-between;gap:18px;margin-top:17px;color:#8a979e;font-size:10px;line-height:1.5}.loading{color:#71828c;padding:15px 0}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}}@media(max-width:760px){.dashboard{padding-top:23px}.metric-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:9px}.metric-card{padding:13px;min-height:104px}.metric-value{font-size:24px}.chart-grid{grid-template-columns:1fr}.chart-panel,.definition-panel{min-height:205px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filters label,.filters input,.filters select{width:100%;min-width:0}.quiet-button{height:38px}.top-meta{font-size:11px}.topbar{padding:0 17px}.top-meta .live-dot{display:none}footer{flex-direction:column}.ticket-dialog .dialog-body{padding:8px 17px 16px}.dialog-header{padding:17px}}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 25%,#e5f1f0,#f4f7f8 48%)}.login-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 58px rgba(27,53,70,.1)}.login-mark{margin-bottom:22px}.login-card h1{margin-top:8px}.login-card>p{color:var(--muted);font-size:14px;line-height:1.5}.login-card form{display:grid;gap:10px;margin-top:24px}.login-card label{font-size:12px;color:#556976;font-weight:700}.login-card input{height:44px;border:1px solid #d7e1e5;border-radius:9px;padding:0 12px;font:inherit}.login-card button{height:44px;border:0;border-radius:9px;background:var(--navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}.login-card button:hover{background:#234961}.login-card button:disabled{opacity:.6}.login-card #loginError{min-height:20px;color:#a73e35;font-size:12px}

.bar-chart{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}.bar-chart rect{fill:#39a992}.bar-chart text{fill:#506372;font-size:11px}.bar-chart .bar-value{fill:#637682;font-variant-numeric:tabular-nums}.conversation-scope{margin:4px 0 8px;color:#71828c;font-size:12px}