:root{--bg:#f4f6fa;--surface:#fff;--ink:#1c2d45;--muted:#7f8b9d;--line:#e9edf3;--blue:#3e75e6;--teal:#1db8ae;--sidebar:#14253c;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #88b2ff;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8593aa}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:linear-gradient(145deg,#4385f7,#2c5dce);color:white;font-weight:800;font-size:23px;font-style:italic;box-shadow:0 4px 12px #0001}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#aab8cd;padding:32px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 38px;color:#fff;letter-spacing:1.9px;font-size:17px;font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:#8f9fb8;margin-top:7px}.nav-caption{font-size:10px;letter-spacing:1.5px;padding:0 16px;margin:8px 0 14px;color:#647b99}.nav-item{height:47px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:8px;margin-bottom:7px;font-size:13px;transition:background .15s}.nav-item:hover{background:#1c3350;color:#fff}.nav-item.active{background:#244367;color:#edf5ff}.nav-icon{font-size:19px;line-height:1;width:21px;text-align:center;color:#8fa9cc}.active .nav-icon{color:#93bfff}.nav-active-dot{margin-left:auto;width:5px;height:5px;background:#7eb2ff;border-radius:50%}.sidebar-bottom{margin-top:auto}.server-box{padding:17px 12px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff12;margin-bottom:15px}.server-box strong{font-size:11px;font-weight:500;color:#c2d0e0;display:block}.server-box small{display:block;font-size:10px;margin-top:6px;color:#7890b0}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31c8a0;box-shadow:0 0 0 3px #31c8a015;flex:none}.status-light.warning{background:#e9aa42;box-shadow:0 0 0 3px #e9aa4218}.status-light.error{background:#e76868;box-shadow:0 0 0 3px #e7686818}.user-box{display:flex;align-items:center;gap:10px;padding:0 9px;font-size:12px;color:#c3d1e3}.avatar{width:30px;height:30px;background:#29415e;border:1px solid #3b5576;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.icon-button{border:0;background:none;font-size:21px;line-height:1.2;color:inherit;padding:5px}.logout{margin-left:auto}.workspace{margin-left:224px;width:calc(100% - 224px)}.topbar{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#92a0b3;display:flex;gap:14px;align-items:center}.breadcrumb strong{font-weight:500;color:#41526c}.breadcrumb span{color:#c0c9d6}.topbar-right{display:flex;gap:24px;align-items:center;font-size:10px;color:#8a96a8}.timezone span{font-size:15px;vertical-align:middle;margin-right:5px}.version{letter-spacing:2px;color:#aeb8c6;font-weight:700;font-size:9px}.main-content{max-width:1600px;margin:auto;padding:32px 38px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.8px;color:#96a3b6;margin-bottom:8px}.page-heading h1{font-size:25px;font-weight:700;letter-spacing:.5px;margin-bottom:9px}.page-heading p{font-size:11px;color:#8a97aa}.heading-actions{display:flex;gap:17px;align-items:center}.live-badge{font-size:10px;color:#7e8e9f;display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:9px 14px;white-space:nowrap;line-height:1.35;font-size:11px;font-weight:500;min-height:34px}.secondary{background:#fff;border-color:#dfe5ee;color:#52637c}.secondary:hover{border-color:#a6b9d6;background:#fafcff}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 6px #3e75e61a}.primary:hover{background:#3367d1}.text-button{background:transparent;padding:5px;color:#6c7e97}.text-button:hover{color:var(--blue)}#refreshIcon{font-size:18px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-panel{border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:20px;padding:12px 15px}.filter-main{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.segmented{display:inline-flex;align-items:center;padding:3px;border-radius:7px;background:#f3f5f9;flex:none}.segmented button{border:0;background:none;border-radius:5px;padding:7px 13px;line-height:1.2;color:#7a899f;font-size:10px;white-space:nowrap}.segmented button.selected{background:#fff;box-shadow:0 1px 5px #1c345013;color:#336cdc;font-weight:600}.segmented button:hover{color:#3e75e6}.range-display{font-size:10px;color:#7a8799;font-variant-numeric:tabular-nums}.filter-right{margin-left:auto;display:flex;gap:15px;align-items:center}select{background:white;border:1px solid #e2e7ef;border-radius:6px;color:#62738c;padding:7px 25px 7px 10px;font-size:10px;max-width:240px}select:focus,input:focus{outline:2px solid #abc7ff;outline-offset:1px}.custom-range{display:flex;align-items:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:12px}.custom-range label{font-size:10px;color:#7b899d;display:flex;flex-direction:column;gap:6px}.custom-range input{padding:7px 9px;min-height:34px;border:1px solid #dfe5ee;border-radius:6px;font-size:11px;color:#53677f;background:#fff}.range-separator{align-self:flex-end;line-height:34px;font-size:11px;color:#9aa6b6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{min-height:148px;background:white;border-radius:var(--radius);border:1px solid var(--line);padding:18px 20px 16px;overflow:hidden}.stat-total{background:linear-gradient(120deg,#fff,#f7f9ff);border-color:#dfe6f5}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#76859a;margin-bottom:14px}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:16px}.purple{background:#ecebff;color:#7a72d7}.blue{background:#edf3ff;color:#5485e7}.teal{background:#e8f8f6;color:#25aaa3}.neutral{background:#f0f3f8;color:#8a9ab1}.stat-value{font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:13px;font-weight:400;color:#8f9caf;letter-spacing:0;margin-left:7px}.stat-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa6b6;margin-top:16px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none}.legend-dot.tx{background:var(--blue)}.legend-dot.rx{background:var(--teal)}.speed-row{display:flex;align-items:baseline;gap:7px}.speed-value{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.speed-value .unit{font-size:11px;font-weight:400;color:#8998ad;letter-spacing:0;margin-left:5px}.speed-arrow{font-size:17px;font-weight:500}.tx-text{color:var(--blue)}.rx-text,.teal-text{color:var(--teal)}.secondary-speed{margin-top:8px}.secondary-speed .speed-value{font-size:15px;font-weight:550;color:#64758e}.secondary-speed .speed-value .unit{font-size:10px}.speed-label{font-size:9px;color:#a4afbe;margin-left:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px 16px}.panel-heading h2{font-size:13px;font-weight:650;display:flex;align-items:center;gap:9px}.panel-heading p{font-size:10px;color:#94a0b2;line-height:1.5;margin-top:6px}.chart-legend{display:flex;gap:19px;font-size:10px;color:#718198}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-wrap{height:280px;margin:0 20px;position:relative}.chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.chart-wrap svg text{font-size:10px;fill:#a2aec0;font-family:inherit}.chart-wrap .grid-line{stroke:#eef1f6;stroke-width:1;stroke-dasharray:4 5}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffed;color:#95a1b2}.chart-empty>span{font-size:38px;font-weight:300;color:#bac9dd;margin-bottom:8px}.chart-empty strong{font-size:12px;font-weight:500}.chart-empty p{font-size:10px;margin:8px 16px;text-align:center;line-height:1.8}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;background:#fff;border:1px solid #e2e8f2;border-radius:8px;box-shadow:0 5px 20px #18365a18;padding:10px 13px;font-size:10px;min-width:155px}.tooltip-time{font-size:10px;color:#8290a3;margin-bottom:8px}.tooltip-row{display:flex;align-items:center;gap:7px;margin-top:5px;color:#75859b}.tooltip-row strong{margin-left:auto;color:#344861;font-weight:600}.chart-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 23px;border-top:1px solid #f1f3f7;font-size:9px;color:#a0aabc}.trend-panel{margin-bottom:20px}.project-panel,.detail-panel{margin-bottom:20px}.count-badge{font-size:9px;font-weight:500;min-width:19px;height:17px;border-radius:5px;display:grid;place-items:center;background:#f0f4fa;color:#8394ae;padding:0 5px}.project-controls{display:flex;align-items:center;gap:13px}.metric-switch button{font-size:9px;padding:6px 10px}.scope-notice{font-size:10px;line-height:1.7;display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#f5f8fd;border:1px solid #edf2fa;border-radius:6px;margin:0 23px 16px;color:#7d90aa}.scope-notice>span:first-child{color:#7299d5;font-size:12px;line-height:1.45}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-size:9px;font-weight:500;color:#8997aa;background:#fafbfd;padding:12px 23px;border-top:1px solid #f1f4f8;border-bottom:1px solid var(--line)}td{padding:16px 23px;border-bottom:1px solid #eff2f7;vertical-align:middle;color:#60728b;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}.numeric{text-align:right}.project-name-head{width:29%}.project-title{display:flex;align-items:center;gap:10px}.project-tile{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:650;flex:none;background:#edf3ff;color:#6486c0}.project-title strong{color:#384b65;font-weight:550;font-size:11px;display:block}.project-title small{font-size:9px;color:#a0acbd;display:block;margin-top:4px;max-width:250px;text-overflow:ellipsis;overflow:hidden}.expand-button{border:0;padding:2px;background:transparent;color:#9aaac1;min-width:15px;font-size:13px;transition:transform .15s}.expand-button.expanded{transform:rotate(90deg)}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:9px;color:#5e9e89;background:#edf8f3;padding:4px 6px}.status-pill.stopped{background:#f0f2f5;color:#99a3b0}.status-pill.partial{background:#fff6e9;color:#b28c55}.status-pill .status-light{height:4px;width:4px;box-shadow:none}.status-pill.stopped .status-light{background:#b6bfc9}.status-pill.partial .status-light{background:#d9a454}.share-col{width:140px;min-width:120px}.share-content{display:flex;align-items:center;gap:8px;font-size:10px}.share-track{height:4px;flex:1;min-width:45px;background:#eff3fa;border-radius:3px;overflow:hidden}.share-fill{height:100%;background:#6894ea;border-radius:3px}.share-number{width:43px;text-align:right;color:#8190a5}.container-row td{background:#fbfcfe;padding-top:11px;padding-bottom:11px;font-size:10px;color:#7c8da5}.container-name{padding-left:45px!important;color:#7f91a9!important}.container-glyph{display:inline-block;margin-right:8px;color:#b7c3d3}.table-empty{padding:38px 20px;text-align:center;font-size:11px;color:#9aa7b9}.table-footer{display:flex;gap:10px;justify-content:space-between;padding:12px 23px;border-top:1px solid var(--line);font-size:9px;color:#9ba7b7;line-height:1.6}.small-tag{font-size:9px;color:#96a3b5;border-radius:4px;background:#f5f7fa;padding:5px 8px}.detail-scroll{max-height:390px}.detail-scroll th{position:sticky;top:0;z-index:1}.detail-scroll td{font-size:10px;padding-top:12px;padding-bottom:12px}.detail-scroll td:first-child{color:#7d8da3}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9aa7b8;padding:11px 23px;border-top:1px solid var(--line)}.pagination>div{display:flex;gap:7px}.small{font-size:9px;min-height:27px;padding:5px 9px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:16px}.method-card{padding:20px;display:flex;gap:13px}.method-icon{font-size:21px;color:#8ca4c8;line-height:1.2;flex:none}.method-card h3{font-size:11px;font-weight:600;color:#62758e;margin-bottom:8px}.method-card p{font-size:10px;line-height:1.9;color:#97a3b4}.interface-summary{font-size:9px;color:#98a8bb;margin-top:7px;line-height:1.8}.interface-chip{background:#f4f7fb;border:1px solid #edf1f7;border-radius:4px;display:inline-flex;gap:5px;padding:1px 6px;margin-right:5px;margin-top:3px}.coverage-text{margin-top:6px}.notes{font-size:10px;color:#a0aabc;line-height:1.9;padding:0 5px}.notes p{margin-bottom:3px}.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e8edf4;padding:18px 0 0;margin-top:23px;font-size:9px;color:#a3afbf}.page-footer>span:first-child{letter-spacing:1px}.footer-dot{margin:0 6px;color:#bdc6d3}.alert{border-radius:8px;padding:12px 15px;font-size:11px;line-height:1.7;margin-bottom:15px}.error-alert{background:#fff4f3;color:#bb655f;border:1px solid #f3dcd9}.boot-view{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:13px;color:#7b8da5;font-size:12px}.login-view{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-art{position:relative;overflow:hidden;background:#14263e;color:#fff;padding:45px 50px}.login-art>.brand-mark{position:relative;z-index:1}.login-intro{position:absolute;left:14%;top:28%;right:10%;z-index:1}.login-intro .eyebrow{color:#7293bd;font-size:9px;letter-spacing:2px}.login-intro h1{font-weight:600;font-size:43px;line-height:1.5;letter-spacing:2px;margin:20px 0}.login-intro p{color:#99adc8;font-size:12px;line-height:2}.art-foot{position:absolute;bottom:35px;left:14%;font-size:9px;color:#6c86a6;letter-spacing:2px}.orbit{position:absolute;width:600px;height:600px;border:1px solid #7299ca0b;border-radius:50%;right:-300px;top:15%}.orbit-two{width:900px;height:900px;right:-450px;top:-8%;border-color:#7299ca08}.art-bars{display:flex;align-items:flex-end;height:85px;gap:9px;margin-top:45px;opacity:.6}.art-bars i{width:12px;border-radius:4px 4px 0 0;background:linear-gradient(#558eec,#25466e);height:35%}.art-bars i:nth-child(2n){height:52%}.art-bars i:nth-child(3n){height:83%}.art-bars i:nth-child(5n){height:67%;background:linear-gradient(#4fc4be,#24546a)}.art-bars i:nth-child(7n){height:100%}.login-form-area{display:grid;place-items:center;padding:35px}.login-card{width:100%;max-width:330px}.small-logo{font-size:11px;letter-spacing:2px;color:#4c77b7;font-weight:750}.small-logo span{font-size:10px;letter-spacing:1px;color:#a0aec0;margin-left:10px;font-weight:400}.login-card h2{font-size:25px;margin:40px 0 11px;color:#21344f}.login-card>.muted{font-size:11px;line-height:1.8;margin-bottom:28px}.login-card label{display:block;font-size:11px;color:#6a7c96;margin:20px 0 9px}.login-card input{display:block;width:100%;border:1px solid #dde5ef;background:#fbfcfe;border-radius:7px;padding:12px 13px;font-size:12px;color:#3d526f}.login-button{width:100%;margin-top:27px;height:43px;font-size:12px;justify-content:space-between;padding:0 15px}.login-foot{font-size:10px;color:#b1bac7;text-align:center;margin-top:26px}.form-error{font-size:11px;color:#c26765;margin-top:14px;line-height:1.7}
.mobile-logout{display:none}.host-total-summary{font-size:12px;font-weight:550;color:#516b91;margin:4px 0 9px;line-height:1.8;font-variant-numeric:tabular-nums}.host-total-summary small{font-size:9px;color:#95a4b8;font-weight:400;display:block}.interface-chip{max-width:100%;flex-wrap:wrap}
.reconciliation-panel{margin-bottom:20px}.estimate-tag{display:inline-block;font-size:8px;line-height:1.5;font-weight:500;color:#9a8869;background:#f8f3e9;padding:2px 5px;border-radius:4px}.reconciliation-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:2px 23px 20px;gap:18px}.reconciliation-stat{padding-right:15px;border-right:1px solid var(--line);min-width:0}.reconciliation-stat:last-child{border:0}.reconciliation-stat>span{display:flex;gap:6px;align-items:center;color:#8c9aae;font-size:10px;margin-bottom:9px}.reconciliation-stat>strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.3px;color:#415979;white-space:nowrap;font-variant-numeric:tabular-nums}.reconciliation-stat>small{display:block;color:#98a5b7;font-size:9px;margin-top:8px;line-height:1.8;font-variant-numeric:tabular-nums}.legend-dot.residual{background:#bbc7d8}.reconciliation-notes{padding:11px 23px 13px;border-top:1px solid #eff2f7;background:#fcfdff;color:#97a4b6;font-size:9px;line-height:1.9}.reconciliation-notes p+p{margin-top:3px}.reconcile-overlap{color:#b58b53;background:#fff8eb;border:1px solid #f3e8d2;margin:0 23px 15px;padding:9px 11px;font-size:10px;line-height:1.8;border-radius:6px}.quality-warning{background:#fff5e4;color:#b28c55}.project-title small.breakdown-caption{font-size:8px;color:#a3adbc;max-width:280px}.source-caption{display:block;margin-top:5px;margin-left:20px;font-size:8px;color:#a5adbb;line-height:1.7;white-space:normal;max-width:310px}.site-status{background:#edf3fb;color:#8298b5}.site-status .status-light{background:#93accd}.site-row td{background:#fafcff}.incomplete-value,.incomplete-caption{font-size:9px;color:#b29b79}.incomplete-caption{display:block;margin-top:4px;font-size:8px}.metric-switch{max-width:100%}
@media(max-width:1050px){.reconciliation-grid{gap:12px;padding-left:19px;padding-right:19px}.reconciliation-stat>strong{font-size:19px}.reconciliation-stat>small{font-size:8px}.reconcile-overlap{margin-left:19px;margin-right:19px}.reconciliation-notes{padding-left:19px;padding-right:19px}}
@media(max-width:650px){.reconciliation-grid{gap:13px;padding:0 14px 16px;grid-template-columns:1fr}.reconciliation-stat{display:grid;grid-template-columns:1fr auto;border:0;padding:0 0 10px;border-bottom:1px solid var(--line)}.reconciliation-stat>span{font-size:9px;margin:4px 0}.reconciliation-stat>strong{font-size:19px;text-align:right}.reconciliation-stat>small{grid-column:1 / -1;margin-top:3px;text-align:right}.reconciliation-notes{font-size:8px;padding:10px 14px}.reconcile-overlap{margin:0 14px 14px;font-size:9px}.project-controls{flex-wrap:wrap}.project-controls .metric-switch{flex:1}.metric-switch button{flex:1;padding-left:7px;padding-right:7px}.project-controls select{max-width:100%!important}.project-controls{gap:8px!important}.reconciliation-panel{margin-bottom:14px}.estimate-tag{font-size:7px}}
@media(min-width:1550px){.main-content{padding-top:38px}.chart-wrap{height:310px}.stat-card{min-height:160px}.stat-value{font-size:33px}}
@media(max-width:1250px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.workspace{margin-left:200px;width:calc(100% - 200px)}.main-content{padding:27px 25px 18px}.topbar{padding:0 25px}.filter-main{gap:12px}.range-display{font-size:9px}.segmented button{padding:7px 10px}.stat-card{padding:16px 15px}.stat-value{font-size:25px}.speed-value{font-size:20px}.project-title small{max-width:185px}td,th{padding-left:17px;padding-right:17px}.panel-heading{padding-left:19px;padding-right:19px}.scope-notice{margin-left:19px;margin-right:19px}.share-col{min-width:105px}.method-card{padding:17px;gap:10px}}
@media(max-width:1050px){.sidebar{width:175px;padding:25px 10px 17px}.brand{font-size:14px;gap:9px;padding-left:7px}.brand .brand-mark{width:32px;height:32px;font-size:20px}.brand small{font-size:8px;letter-spacing:.5px}.workspace{margin-left:175px;width:calc(100% - 175px)}.nav-item{font-size:12px;padding:0 12px;gap:10px}.main-content{padding:25px 20px 17px}.topbar{padding:0 20px}.filter-right{gap:10px}.filter-panel{padding:11px}.range-display{order:3;flex-basis:100%;margin-left:5px}.filter-main{gap:10px}.stat-grid{gap:11px}.stat-card{padding:14px 13px;min-height:140px}.stat-top{font-size:10px}.metric-icon{width:23px;height:23px;font-size:14px}.stat-value{font-size:24px}.stat-value .unit{font-size:11px}.stat-bottom{font-size:8px;line-height:1.6}.speed-label{display:none}.project-heading{align-items:flex-start}.project-controls{flex-direction:column;align-items:flex-end;gap:8px}.chart-wrap{height:250px}.table-footer{font-size:8px}.method-grid{gap:12px}.method-card{padding:15px;gap:9px}.method-icon{font-size:18px}.method-card p{font-size:9px}.page-footer{font-size:8px}}
@media(max-width:800px){.sidebar{width:67px;padding:24px 8px 16px}.brand{padding:0 8px 31px}.brand>span:last-child,.nav-caption,.nav-item>span:not(.nav-icon),.server-box,.user-box>span:not(.avatar),.logout{display:none}.nav-item{font-size:0;justify-content:center;padding:0;height:43px}.nav-item .nav-icon{font-size:22px;width:auto}.sidebar .user-box{padding:0;justify-content:center}.avatar{width:30px;height:30px}.workspace{margin-left:67px;width:calc(100% - 67px)}.topbar{height:58px}.version{display:none}.main-content{padding:23px 18px 16px}.page-heading h1{font-size:23px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:135px}.stat-value{font-size:29px}.stat-top{margin-bottom:11px}.stat-bottom{font-size:9px}.speed-value{font-size:25px}.secondary-speed .speed-value{font-size:16px}.speed-label{display:inline}.filter-right{margin-left:auto}.method-grid{grid-template-columns:1fr}.method-card p{font-size:10px}.custom-range{flex-wrap:wrap}.custom-range input{max-width:190px}.page-footer{flex-wrap:wrap;gap:8px}.login-intro h1{font-size:33px}.login-art{padding:35px}.login-intro{left:12%}.login-form-area{padding:30px}.project-title small{max-width:230px}.table-footer{flex-wrap:wrap}.project-table{min-width:700px}.detail-panel table{min-width:480px}}
@media(max-width:520px){.sidebar{width:53px;padding:18px 5px}.brand{padding:0 5px 25px}.brand .brand-mark{width:31px;height:31px;border-radius:9px;font-size:19px}.nav-item{height:39px}.nav-item .nav-icon{font-size:19px}.workspace{margin-left:53px;width:calc(100% - 53px)}.topbar{padding:0 14px;height:52px}.breadcrumb{font-size:9px;gap:9px}.timezone{font-size:8px}.timezone span{display:none}.main-content{padding:21px 12px 13px}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading h1{font-size:21px}.page-heading p{font-size:9px;line-height:1.7;max-width:175px}.heading-actions{gap:8px;flex-direction:column-reverse;align-items:flex-end}.heading-actions .button{font-size:9px;padding:6px 9px;min-height:29px}.live-badge{font-size:8px;gap:5px}.filter-panel{padding:9px}.filter-main{gap:9px}.segmented button{font-size:9px;padding:7px 8px}.filter-right{width:100%;order:4;margin-top:1px;justify-content:space-between}.range-display{font-size:8px;margin-left:2px}.stat-grid{gap:9px;margin-bottom:14px}.stat-card{min-height:125px;padding:13px 11px}.stat-top{font-size:9px;margin-bottom:11px}.stat-value{font-size:24px}.stat-value .unit{font-size:10px;margin-left:4px}.stat-bottom{font-size:8px;margin-top:12px;gap:4px}.metric-icon{width:21px;height:21px;font-size:13px}.speed-value{font-size:20px}.speed-value .unit{font-size:9px}.secondary-speed .speed-value{font-size:14px}.secondary-speed{margin-top:7px}.speed-arrow{font-size:14px}.speed-label{display:none}.panel-heading{padding:17px 13px 13px;gap:8px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:8px}.chart-legend{font-size:8px;gap:11px}.chart-wrap{height:200px;margin:0 8px}.chart-wrap svg text{font-size:11px}.chart-footer{font-size:7px;padding:11px 13px;flex-wrap:wrap;gap:6px}.trend-panel,.project-panel,.detail-panel{margin-bottom:14px}.project-heading{flex-direction:column;align-items:stretch}.project-controls{flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px}.metric-switch button{font-size:8px;padding:6px 8px}.project-controls select{font-size:8px;max-width:140px}.scope-notice{font-size:8px;margin:0 13px 13px;padding:8px 10px;gap:6px}.scope-notice>span:first-child{font-size:10px}.table-footer{padding:10px 13px;font-size:8px}.small-tag{font-size:8px;padding:4px 6px}.pagination{padding:10px 13px;font-size:8px}.pagination .small{font-size:8px;padding:5px 7px}.method-card{padding:14px 12px}.method-card h3{font-size:10px}.method-card p{font-size:9px}.interface-summary{font-size:8px}.page-footer{font-size:7px;line-height:1.6;margin-top:18px;padding-top:14px}.custom-range{gap:8px}.custom-range label{font-size:9px;flex:1;min-width:135px}.custom-range input{font-size:10px;width:100%;max-width:100%}.range-separator{display:none}.custom-range .button{font-size:10px}.login-view{display:block}.login-art{display:none}.login-form-area{min-height:100vh;padding:30px}.login-card h2{margin-top:35px}}
@media(max-width:800px){.mobile-logout{display:inline-block;font-size:18px;color:#8da0b9}.topbar-right{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}