@charset "UTF-8";
:root{color-scheme:light;--ink:#1b3035;--muted:#7a878b;--teal:#167969;--line:#e6ebea;--bg:#f5f7f6;--nav:#142b30;--cyan:#258eaa;--orange:#df9462;--purple:#8770c4;font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select{font:inherit}button,a,input,select,canvas{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #82c5b8;outline-offset:3px}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sidebar{width:218px;background:var(--nav);position:fixed;inset:0 auto 0 0;color:#bbc9cb;display:flex;flex-direction:column;padding:35px 19px 24px;z-index:3}.brand{display:flex;gap:12px;align-items:center;padding:0 8px;color:#fff;font-size:25px;font-weight:700;letter-spacing:-1.1px}.brand-symbol{background:#28524f;color:#97dbbe;border:1px solid #36615a;border-radius:12px;width:40px;height:43px;display:grid;place-items:center}.brand-symbol svg{width:26px;height:26px}.brand-light{font-weight:350}.brand small{display:block;letter-spacing:1.55px;font-size:7px;font-weight:500;margin-top:3px;color:#90aeaf}.sidebar-section{font-size:9px;letter-spacing:1.8px;color:#6f9094;padding:0 13px;margin:53px 0 15px}.nav-item{border:0;background:none;display:flex;align-items:center;gap:12px;padding:13px 13px;margin:3px 0;border-radius:7px;font-size:12px;font-weight:600;text-align:left;width:100%;color:#9eb7bb}.nav-item svg{width:17px;height:17px}.nav-item.selected{background:#254347;color:#ecf5f2}.nav-item.selected svg{color:#91d7bb}.nav-item:hover{background:#203d42}.nav-count{margin-left:auto;color:#9fd6bd;font-size:11px}.sidebar-note{margin:auto 13px 45px;padding-top:45px}.mini-label{font-size:8px;letter-spacing:1.1px;color:#6d9699}.mini-wave{color:#4e8c84;margin:21px 0 19px}.mini-wave svg{width:100%;height:42px;stroke-width:1.2}.sidebar-note p{font-size:16px;line-height:1.8;color:#d3e3e1;letter-spacing:-.5px}.sidebar-note>span:last-child{font-size:9px;color:#68888c}.sidebar-bottom{border-top:1px solid #294247;padding:21px 10px 0}.server-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:#b2c4c3}.status-dot{width:6px;height:6px;border-radius:50%;background:#d4aa6b;box-shadow:0 0 0 3px #ffffff08}.status-dot.online{background:#80c8a8}.status-dot.offline{background:#ef968e}.local-label{font-size:8px;display:block;margin:10px 0 0;color:#6f8e93}.workspace{margin-left:218px;padding:39px 39px 0;max-width:1900px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#81918f}.page-header h1{font-size:30px;letter-spacing:-1.8px;margin:10px 0 9px;font-weight:700}.header-dot{color:var(--teal);margin-left:2px}.page-header p{color:var(--muted);font-size:12px;margin:0}.header-actions{display:flex;gap:9px}.button{border:1px solid transparent;min-height:39px;padding:0 15px;border-radius:6px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s}.button svg{width:15px;height:15px}.button.primary{background:var(--teal);color:#fff;box-shadow:0 2px 3px #1c746511}.button.primary:hover{background:#105e52}.button.secondary{background:#fff;border-color:#dce4e1;color:#586b6c}.button.secondary:hover{background:#edf3f0}.button.compact{min-height:34px;font-size:10px;padding:0 11px}.notice{background:#e7f1ed;border:1px solid #cadfd6;color:#336752;padding:13px 16px;margin-bottom:20px;border-radius:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice.error{background:#fff0ed;border-color:#f1d9d2;color:#9c5142}.overview-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px 24px;margin-bottom:27px}.overview-strip>div{padding:0 25px;border-right:1px solid var(--line);min-height:48px}.overview-strip>div:first-child{padding-left:0;display:flex;align-items:center;gap:15px}.overview-strip>div:last-child{border:0;padding-right:0}.overview-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;background:#eef5f1;color:#578975}.overview-icon svg{width:21px;height:21px}.metric-label{display:block;color:var(--muted);font-size:10px;line-height:1.5}.overview-strip strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:650;margin-top:5px;font-variant-numeric:tabular-nums}.overview-strip small{font-size:10px;font-weight:400;color:var(--muted);margin-left:7px;letter-spacing:0}.overview-strip .last-received strong{font-size:13px;letter-spacing:0;margin-top:9px;font-weight:600}.overview-caption{font-size:8px;color:#9aa6a3;display:block;margin-top:7px}.content-grid{display:grid;grid-template-columns:258px minmax(0,1fr);gap:23px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:9px}.session-panel{position:sticky;top:24px;overflow:hidden;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 19px 17px}.panel-title h2{font-size:13px;margin:0;letter-spacing:-.3px}.count-badge{background:#edf3f0;color:#587d6c;font-size:10px;padding:3px 7px;border-radius:4px}.session-filters{padding:0 16px 16px;border-bottom:1px solid var(--line)}.search-field{display:flex;gap:8px;background:#f7f9f8;border:1px solid #e6ece8;border-radius:5px;align-items:center;padding:0 10px}.search-field svg{width:14px;height:14px;color:#85968f}.search-field input{width:100%;min-width:0;border:none;outline:none;background:none;padding:10px 0;font-size:10px;color:#4d665d}.search-field input::placeholder{color:#9aa59f}select{margin-top:8px;padding:8px 10px;width:100%;border:1px solid #e6ece8;border-radius:5px;background:white;color:#75847f;font-size:10px}.session-list{overflow:auto;max-height:650px;min-height:196px;padding:7px 8px}.session-item{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:14px 12px;text-align:left;display:block;margin:3px 0}.session-item:hover{background:#f7f9f8}.session-item.active{background:#edf5f1;border-color:#d6e6dd}.session-item-top{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:9px}.session-item-task{font-size:10px;color:#4f7965;font-weight:650}.session-item-date{font-size:9px;color:#96a39d;font-variant-numeric:tabular-nums}.session-item-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:550;color:#344c44}.session-item-meta{display:flex;gap:10px;font-size:9px;color:#86948e;margin-top:9px;font-variant-numeric:tabular-nums}.session-item.active .session-item-title{color:#1d6350}.list-message{padding:50px 18px;text-align:center;color:#909d96;font-size:11px;line-height:1.8}.list-footer{padding:13px 20px;background:#fafbf9;font-size:9px;color:#a1aaa5;border-top:1px solid var(--line)}.empty-state{min-height:516px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:53px 30px 30px}.empty-mark{width:66px;height:66px;display:grid;place-items:center;background:#edf5f0;color:#5b9680;border:1px solid #dbe9e1;border-radius:20px;margin-bottom:27px}.empty-mark svg{width:34px;height:34px;stroke-width:1.4}.empty-state .eyebrow{font-size:8px;letter-spacing:1.7px}.empty-state h2{font-size:20px;letter-spacing:-.8px;font-weight:600;margin:13px 0 12px}.empty-state>p{line-height:1.85;font-size:12px;color:#8a9790;margin:0 0 24px}.connection-hint{margin:33px 0 0;padding-top:20px;border-top:1px solid var(--line);width:100%;max-width:360px}.connection-hint>span{font-size:8px;letter-spacing:1.5px;color:#80978c;font-weight:650}.connection-hint p{font-size:10px;line-height:1.8;color:#8a9b92;margin:10px 0}.connection-hint code{font-family:Consolas,monospace;font-size:11px;color:#44765f;background:#f0f5f1;padding:5px 10px;border-radius:4px;display:inline-block;overflow-wrap:anywhere}.connection-hint small{display:block;font-size:9px;color:#a2aea6;margin-top:10px}.detail-area{min-width:0}.detail-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 19px}.session-kicker{display:flex;align-items:center;gap:9px;color:#94a197;font-size:9px}.pill{background:#e9f2ec;color:#57836c;font-size:9px;font-weight:650;padding:4px 8px;border-radius:4px}.detail-heading h2{font-size:17px;letter-spacing:-.4px;margin:10px 0 7px;overflow-wrap:anywhere}.detail-heading>div:first-child{min-width:0}.detail-heading p{font-size:9px;color:#8e9c93;margin:0}.download-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px;max-width:145px}.download-actions .button{width:100%;margin-bottom:2px}.text-button{border:0;background:transparent;font-size:9px;padding:4px 0;color:#7c9184;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.text-button:hover{color:var(--teal)}.session-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric-card{padding:18px 15px}.metric-card strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.8px;margin:10px 0 8px;font-variant-numeric:tabular-nums}.metric-card strong small{font-size:11px;font-weight:450;color:#93a095;letter-spacing:0;margin-left:4px}.metric-card>span:last-child{font-size:8px;color:#92a097}.metric-card.accent{background:#edf5f0;border-color:#dbe8df}.metric-card.accent strong{color:#347456}.metric-card.accent .metric-label{color:#7a9787}.chart-card{padding:24px 24px 16px;margin-bottom:20px;overflow:hidden}.chart-heading{display:flex;align-items:center;justify-content:space-between}.chart-heading h3,.section-heading h3,.quality-card h3{font-size:14px;letter-spacing:-.3px;margin:7px 0 0;font-weight:650}.chart-heading .eyebrow,.section-heading .eyebrow,.quality-card .eyebrow{font-size:8px;letter-spacing:1.3px}.chart-unit{font-family:Consolas,monospace;font-size:10px;color:#95a39a;border:1px solid var(--line);border-radius:4px;padding:5px 8px}.chart-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:21px;gap:25px;overflow:auto}.chart-tab{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;font-size:10px;white-space:nowrap;color:#94a299}.chart-tab.active{color:#427b5d;border-bottom-color:#438969;font-weight:650}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;min-height:42px;padding-top:18px;align-items:start}.legend-button{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:10px;color:#7e9083}.legend-button[aria-pressed="false"]{opacity:.35;text-decoration:line-through}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.canvas-wrap{position:relative;width:100%;height:265px}.canvas-wrap canvas{display:block;width:100%;height:100%;border-radius:3px;touch-action:pan-y}.chart-tooltip{position:absolute;top:15px;pointer-events:none;min-width:120px;background:#1e3635f2;color:#eff6ee;border:1px solid #48605a;border-radius:6px;padding:11px 13px;font-size:9px;line-height:1.7;box-shadow:0 6px 20px #172c3018;z-index:1}.chart-tooltip strong{display:block;margin-bottom:5px;font-weight:600}.chart-tooltip>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.chart-tooltip span:last-child{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}.chart-no-data{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffc9;color:#97a699;font-size:11px}.chart-footnote{display:flex;gap:10px;justify-content:space-between;color:#96a69b;font-size:8px;line-height:1.6;margin-top:5px}.chart-range{display:flex;gap:18px;border-top:1px solid #f0f3ef;margin-top:17px;padding-top:12px;align-items:center}.chart-range label{display:flex;align-items:center;gap:8px;font-size:8px;color:#95a599;flex:1;min-width:0}.chart-range input{width:100%;min-width:30px;height:3px;accent-color:#5d9577;margin:0}.chart-range .text-button{font-size:8px}.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:18px;margin-bottom:20px}.analysis-card{overflow:hidden}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:21px 20px 18px}.subtle{font-size:8px;color:#a0aea4;white-space:nowrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th,td{padding:11px 13px;border-bottom:1px solid #f0f3ef;font-size:9px;color:#788d7d}th{font-weight:500;color:#a0ada3;background:#fafbf9;font-size:8px}td:first-child,th:first-child{text-align:left;padding-left:20px}td:first-child{font-size:9px;color:#55755f;font-weight:500}th:last-child,td:last-child{padding-right:20px}.axis-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px}.table-note{font-size:8px;color:#a3aea6;padding:3px 20px 5px;line-height:1.7}.quality-card{padding:21px 19px}.quality-card dl{margin:17px 0 0}.quality-card dl>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:9px}.quality-card dt{color:#99a99b}.quality-card dd{margin:0;font-variant-numeric:tabular-nums;color:#597a62;font-weight:500}.quality-note{font-size:9px;line-height:1.8;color:#83a08b;padding:12px;background:#f1f6f0;border-radius:5px;margin-top:19px}.quality-note.warning{background:#faf4e9;color:#a28c60}.metadata-card{margin-bottom:20px}.metadata-grid{margin:0;padding:0 21px 9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.metadata-grid>div{padding:13px 0;border-top:1px solid #eef2ec;min-width:0}.metadata-grid dt{font-size:8px;color:#9fab9e;margin-bottom:7px}.metadata-grid dd{margin:0;color:#617c61;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.page-footer{margin-top:29px;padding:19px 0 24px;border-top:1px solid #e3e9e1;display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#9aa89a;letter-spacing:.3px}dialog{border:1px solid #d6e3d8;border-radius:12px;padding:26px;max-width:430px;width:calc(100% - 35px);color:var(--ink);box-shadow:0 30px 90px #142b3040}dialog::backdrop{background:#102d3070;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:19px;margin:0}.close-button{font-size:27px;line-height:1;color:#95a296;background:transparent;border:0;padding:0 0 3px 15px}dialog p{font-size:12px;color:#889c8b;line-height:1.8;margin:18px 0 22px}.input-label{font-size:11px;color:#5a7c60;display:block;margin-bottom:8px}#api-token{border:1px solid #dce5da;border-radius:5px;padding:11px 10px;width:100%;font-size:11px}dialog small{display:block;margin-top:10px;font-size:9px;line-height:1.7;color:#a2aea0}.dialog-actions{display:flex;justify-content:flex-end;margin-top:23px}.is-loading{opacity:.6;pointer-events:none}@media(min-width:1700px){.workspace{padding-left:55px;padding-right:55px}.content-grid{grid-template-columns:300px minmax(0,1fr)}.canvas-wrap{height:315px}.analysis-grid{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:1250px){.sidebar{width:185px;padding:30px 13px}.brand{font-size:23px;gap:8px}.brand-symbol{width:34px;height:38px}.workspace{margin-left:185px;padding:30px 24px 0}.content-grid{grid-template-columns:225px minmax(0,1fr);gap:18px}.overview-strip{padding:23px 19px}.overview-strip>div{padding:0 18px}.overview-icon{display:none}.overview-strip strong{font-size:23px}.analysis-grid{grid-template-columns:1fr}.quality-card dl{display:grid;grid-template-columns:1fr 1fr;gap:3px 30px}.quality-note{margin-top:3px}.session-metrics{gap:8px}.metric-card{padding:15px 11px}.metric-card strong{font-size:21px}.metric-label{font-size:9px}.metric-card>span:last-child{font-size:7px}.chart-card{padding:21px 18px 16px}.chart-tabs{gap:22px}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.sidebar{width:72px;padding:25px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.sidebar-section,.nav-count,.sidebar-note,.sidebar-bottom{display:none}.nav-item{font-size:0;justify-content:center;padding:14px 0;gap:0;margin:5px 0}.nav-item.selected{margin-top:36px}.nav-item svg{width:19px;height:19px}.workspace{margin-left:72px;padding:28px 22px 0}.page-header h1{font-size:28px}.header-actions .button{font-size:10px;padding:0 11px}.content-grid{grid-template-columns:210px minmax(0,1fr);gap:16px}.session-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:14px}.metric-card>span:last-child{font-size:8px}.overview-strip>div{padding:0 15px}.overview-strip strong{font-size:20px}.overview-strip .last-received strong{font-size:11px}.overview-caption{font-size:7px}.detail-heading{align-items:start}.detail-heading h2{font-size:15px}.download-actions{max-width:120px}.download-actions .text-button{font-size:8px}.chart-footnote{flex-direction:column;gap:2px}.session-item{padding:13px 9px}.chart-tabs{gap:19px}.chart-range{gap:10px}.section-heading{flex-wrap:wrap}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:69px;padding:15px 20px;flex-direction:row;align-items:center;gap:15px}.brand{margin-right:auto}.brand>span:last-child{display:block;font-size:21px}.brand small{font-size:6px}.brand-symbol{width:32px;height:34px;border-radius:9px}.brand-symbol svg{width:24px;height:24px}.nav-item{width:35px;min-height:35px;padding:8px;margin:0}.nav-item.selected{margin:0}.workspace{margin-left:0;padding:27px 20px 0}.page-header{align-items:flex-start;gap:12px;margin-bottom:24px}.page-header h1{font-size:27px;margin-top:9px}.page-header p{font-size:10px;line-height:1.7;max-width:210px}.page-header .eyebrow{font-size:7px;letter-spacing:1.2px}.header-actions{gap:6px;margin-top:22px}.header-actions .button{min-height:34px;padding:0 10px;font-size:9px;gap:5px}.header-actions #refresh-button{width:34px;padding:0}.header-actions #refresh-button span{display:none}.overview-strip{grid-template-columns:1fr 1fr;padding:19px;gap:21px 0;margin-bottom:20px}.overview-strip>div{padding:0 0 0 21px}.overview-strip>div:nth-child(odd){padding-left:0}.overview-strip>div:nth-child(even){border:0}.overview-strip>div:first-child{display:block}.overview-strip strong{font-size:23px}.overview-strip .last-received strong{font-size:12px}.overview-caption{font-size:7px;margin-top:5px}.content-grid{grid-template-columns:1fr;gap:20px}.session-panel{position:static;max-height:none}.panel-title{padding:17px 17px 13px}.session-filters{display:flex;gap:8px;padding:0 15px 13px}.search-field{flex:1;min-width:0}.session-filters select{margin:0;width:130px}.session-list{display:flex;max-height:none;min-height:0;padding:7px 8px;gap:6px;scroll-snap-type:x mandatory}.session-item{width:210px;min-width:210px;scroll-snap-align:start;padding:11px 12px}.list-message{padding:22px 15px;width:100%;font-size:10px}.list-footer{display:none}.detail-heading{margin-top:2px}.detail-heading h2{font-size:16px}.session-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.metric-card{padding:14px 10px}.metric-card strong{font-size:20px}.metric-card>span:last-child{font-size:7px}.chart-card{padding:21px 18px 15px}.chart-tabs{gap:28px}.canvas-wrap{height:260px}.chart-footnote{flex-direction:row}.empty-state{min-height:480px;padding-top:39px}.empty-state h2{font-size:19px}.empty-state>p{font-size:11px}.page-footer{font-size:7px}.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.workspace{padding:24px 15px 0}.sidebar{padding-left:17px;padding-right:17px}.page-header h1{font-size:25px}.page-header p{max-width:175px;font-size:9px}.header-actions .button{font-size:8px;padding:0 8px;gap:4px}.header-actions .button svg{width:13px;height:13px}.header-actions #refresh-button{width:30px}.session-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:16px}.metric-card strong{font-size:23px}.metric-card>span:last-child{font-size:8px}.detail-heading h2{font-size:14px}.session-kicker{font-size:8px;gap:6px}.download-actions{max-width:110px}.chart-card{padding:19px 14px 14px}.chart-tabs{gap:25px}.canvas-wrap{height:238px}.chart-footnote{flex-direction:column}.chart-range{gap:8px}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.subtle{font-size:7px}.quality-card dl{gap:0 19px}.page-footer{gap:8px;letter-spacing:0;font-size:6px}.desktop-break{display:none}.empty-state{padding-left:22px;padding-right:22px}.empty-state h2{font-size:17px}.empty-state .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}