@charset "UTF-8";
:root {
  --bg:#f4f7f8; --paper:#fff; --ink:#24383d; --muted:#65777d; --line:#e5ebed;
  --green:#147d75; --green-light:#eaf6f2; --blue:#5384b1; --purple:#8170b8;
  --amber:#b48a2f; --red:#bd685e; --radius:16px; --shadow:0 2px 5px #233e4a03; --sidebar:224px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 "Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #63b6aa;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}
h1{font-size:30px;line-height:1.35;letter-spacing:-.9px;font-weight:650}h2{font-size:16px;font-weight:650;line-height:1.5}h3{font-size:14px}
.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1.3px;margin-bottom:9px}
.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;vertical-align:middle;flex-shrink:0}
[data-icon],.timezone,.privacy-link{display:inline-flex;align-items:center}
.button,.primary{border:1px solid #dce5e7;border-radius:9px;padding:10px 16px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:500}
.button:hover{border-color:#b6cfcd;background:#f5faf9}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#106b65;border-color:#106b65}
.text-button,.icon-button{border:0;background:none;color:var(--muted);padding:7px 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px}
.text-button:hover,.icon-button:hover{color:var(--green);background:#eaf5f1}
input:not([type=checkbox]),select{border:1px solid #dce4e6;background:#fff;border-radius:8px;padding:9px 11px;color:var(--ink);min-width:0}
input:not([type=checkbox]):hover,select:hover{border-color:#b6ccca}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green)}select{cursor:pointer}
.skip-link{position:fixed;top:-70px;left:80px;z-index:100;padding:12px 20px;background:#fff;border-radius:8px}.skip-link:focus{top:12px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 24px 14px}.card-head p{font-size:12px;color:var(--muted);margin-top:5px}
.card-body{padding:6px 24px 22px}.card-foot{font-size:12px;color:var(--muted);padding:12px 24px;border-top:1px solid #edf1f2;line-height:1.7}
.pill{display:inline-flex;align-items:center;padding:4px 9px;font-size:11px;font-weight:500;border-radius:6px;background:#edf7f3;color:#217e65;white-space:nowrap}
.pill.amber{background:#fcf4df;color:#966d1c}.pill.red{background:#fcedeb;color:#b4574d}.pill.gray{background:#f1f5f6;color:var(--muted)}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4d9f86;box-shadow:0 0 0 4px #4d9f860f;flex-shrink:0}
.empty{padding:52px 24px;text-align:center;color:var(--muted);font-size:13px}.error{color:#ac4942;font-size:13px;margin-top:12px;min-height:22px}.loading{padding:95px 25px;text-align:center;color:var(--muted)}

/* Navigation */
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:32px 18px 22px;z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;line-height:1.2;letter-spacing:1px;padding:0 10px}
.brand-symbol{width:40px;height:40px;justify-content:center;background:var(--green);color:#fff;border-radius:12px}.brand-symbol .icon{width:25px;height:25px;stroke-width:1.8}
.brand-sub{display:block;font:600 9px/1.5 "Segoe UI",sans-serif;letter-spacing:1.8px;color:#849395;margin-top:6px}
.nav-label{color:#89979c;font-size:11px;margin:46px 16px 14px;letter-spacing:1.1px}nav{display:flex;flex-direction:column;gap:6px}
.nav-button{position:relative;border:0;background:transparent;color:#62777e;display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:9px;text-align:left;font-size:13px}
.nav-button:hover{background:#f4f8f8;color:var(--green)}.nav-button.active{background:#e9f5f1;color:#137369;font-weight:600}.nav-button.active:after{content:"";position:absolute;right:13px;width:5px;height:5px;background:#258b7e;border-radius:50%}.nav-button:nth-child(5){margin-top:22px}
.sidebar-bottom{margin-top:auto;padding-top:35px}.source-badge{display:flex;align-items:center;gap:12px;padding:16px 13px;border:1px solid #e9eff0;border-radius:11px;color:#4c6269;font:600 11px/1.5 "Segoe UI",sans-serif;letter-spacing:1px}
.source-badge span:not(.status-dot){display:block;font:11px/1.5 "Microsoft YaHei UI",sans-serif;color:#7a8c91;margin-top:3px;letter-spacing:0}.source-badge i{margin-left:auto;color:#97aaa7}.source-badge .icon{width:16px}
.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding:21px 4px 0;font-size:12px}.profile-info{min-width:0}
.profile strong{display:block;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile span{display:block;color:#7b8d93;font-size:11px;margin-top:2px}.profile .icon-button{margin-left:auto}
.avatar{flex-shrink:0;background:#edf2f5;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#526d7d;font-size:13px}
.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));padding:0 34px 22px;max-width:1850px}
.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}
.breadcrumb{font-size:12px;color:#7b8d93;display:flex;gap:12px;align-items:center}.breadcrumb strong{font-weight:500;color:#4a626b}.breadcrumb .icon{width:15px;height:15px}.breadcrumb i:nth-of-type(2){color:#a8b5b9}
.top-actions{display:flex;align-items:center;gap:22px}.top-actions label{display:flex;align-items:center;gap:10px}.top-actions select{padding:6px 9px;font-size:12px;max-width:180px}.timezone{font-size:11px;color:#7b8d93;gap:6px}.timezone .icon{width:14px;height:14px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:31px 0 27px}.page-heading .eyebrow{font-size:11px;color:#7a9396}.page-heading .muted{font-size:13px;margin-top:9px}
.sync-button{box-shadow:0 2px 4px #1d404509}.sync-button .icon{width:16px;height:16px;color:#65837e}
.viewing{padding:12px 16px;border:1px solid #c9e2dd;background:#eaf6f2;color:#36776c;margin-bottom:18px;border-radius:9px;font-size:12px}
.notice{display:flex;align-items:flex-start;gap:10px;background:#fff9ed;color:#89692f;border:1px solid #f0e5c9;padding:12px 16px;font-size:12px;border-radius:9px;margin-bottom:14px}.notice .icon{width:16px;height:16px;margin-top:2px}

/* Latest observations are independent of the historical range. */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}
.metric-card{--accent:#278e82;--tint:#ecf7f3;position:relative;overflow:hidden;padding:21px 22px 17px}
.metric-card.primary-card{background:#eaf6f2;border-color:#d3e9e1}.metric-card.sleep-card{--accent:#8974b6;--tint:#f1edf8}.metric-card.strain-card{--accent:#5589b9;--tint:#eaf2fa}.metric-card.hrv-card{--accent:#3399a1;--tint:#eaf7f7}
.metric-card.recovery-yellow{--accent:#b88c30;background:#fcf7e9;border-color:#f0e7ce}.metric-card.recovery-red{--accent:#be6c60;background:#fcf1ee;border-color:#efddd6}
.metric-card.recovery-empty{--accent:#879a9f;background:#f4f7f8;border-color:var(--line)}.recovery-empty .metric-value{color:var(--muted)}
.metric-label{font-size:12px;color:#526f73;display:flex;align-items:center;justify-content:space-between;gap:8px}
.metric-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--tint);color:var(--accent)}.primary-card .metric-icon{background:#ffffff8c}.metric-icon .icon{width:18px;height:18px}
.metric-value{font:550 42px/1.35 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-1.8px;margin-top:14px;color:#263f45}
.primary-card .metric-value{color:#196d61}.recovery-yellow .metric-value{color:#916e25}.recovery-red .metric-value{color:#a5554c}
.metric-value span{font:400 12px/1.4 "Microsoft YaHei UI",sans-serif;color:#6b8488;letter-spacing:0;margin:0 4px}
.metric-note{font-size:12px;color:#657e83;margin-top:8px;min-height:20px}.metric-bottom{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-top:14px;gap:8px}
.metric-date{color:#778e94;font-size:11px;font-variant-numeric:tabular-nums}.metric-label .text-button{padding:0}.sparkline{width:74px;height:30px;flex-shrink:0;color:var(--accent)}
.metric-link{position:absolute;inset:0;border-radius:inherit;z-index:1;background:none;border:0}.metric-link:hover{box-shadow:inset 0 0 0 1px var(--accent);background:transparent}.metric-link:focus-visible{outline-offset:-4px}.metric-context{display:block;font-size:10px;color:#85999b;letter-spacing:.2px}
.range-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}.range-main{display:flex;align-items:center;flex-wrap:wrap;gap:13px;min-width:0}
.range-label{font-size:12px;color:#4d6971;display:flex;align-items:center;gap:7px;font-weight:600}.range-label .icon{width:16px;height:16px}
.period-buttons{display:flex;gap:2px;flex-wrap:wrap;padding:4px;border:1px solid #e0e8ea;border-radius:9px;background:#eaf0f2}
.period-buttons button{background:none;border:0;padding:7px 11px;border-radius:6px;color:#70828a;font-size:12px}.period-buttons button:hover{color:var(--green);background:#ffffff75}.period-buttons button.active{background:#fff;color:#16776e;box-shadow:0 1px 4px #284b5520;font-weight:600}
.range-options{display:flex;align-items:center;gap:12px}.include-today{font-size:12px;color:#647d85;display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.range-options .text-button{font-size:12px;padding-right:0}.range-options .icon{width:14px;height:14px}
.custom-dates{width:100%;padding:18px;display:flex;gap:12px;align-items:flex-end;font-size:12px;background:white;border:1px solid var(--line);border-radius:12px}.custom-dates label{display:flex;flex-direction:column;gap:7px;color:var(--muted)}.date-divider{margin-bottom:10px;color:#97aaae}
.range-caption{font-size:11px;color:#788e95;margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:4px 16px}.range-caption strong{color:#536e75;font-weight:500}
.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;padding:20px 0}
.mini-stat{padding:0 24px;border-right:1px solid var(--line)}.mini-stat:last-child{border:0}.mini-stat .number{font:550 27px/1.65 "Segoe UI",sans-serif;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.mini-stat .number span{font:12px "Microsoft YaHei UI",sans-serif;color:var(--muted);margin-left:6px}.mini-stat p{font-size:11px;color:#7c8f95}.mini-stat p:first-child{font-size:12px;color:#5d7880;margin-bottom:2px}
.grid-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.section-gap{margin-bottom:22px}

/* Native SVG charts */
.chart-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;padding:0 24px 8px}.chart-stat strong{font:550 32px/1.5 "Segoe UI",sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}.chart-stat small{color:var(--muted);font-size:12px}
.delta{font-size:11px;color:#70858b;border-radius:5px;padding:4px 8px;background:#f2f6f7;margin-left:5px}
.chart{width:100%;height:auto;max-height:290px;display:block;overflow:visible}.chart text{font:11px "Segoe UI",sans-serif;fill:#7c9199;font-variant-numeric:tabular-nums}.chart .grid-line{stroke:#e8eef0;stroke-dasharray:3 5}.chart .mean-line{stroke:#a0b5ba;stroke-width:1;stroke-dasharray:5 5}
.chart .chart-point{stroke:#fff;stroke-width:1.8}.chart .chart-point:hover,.chart .chart-point:focus{stroke-width:3;stroke:#cbdcd7;outline:none}
.chart-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.chart-controls select{background:#f7f9fa;border-color:#e7edef;font-size:12px;padding:7px 10px;max-width:190px}
.chart-legend{display:flex;align-items:center;gap:16px;padding-top:4px;color:#7a8e94;font-size:11px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.mean-key{display:inline-block;width:18px;border-top:1px dashed #94aeb4}
.legend{display:flex;flex-wrap:wrap;gap:17px;font-size:11px;color:#72858e;padding:13px 0 0}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px}
.legend-light{background:#d9d9ed}.legend-deep{background:#8171b1}.legend-rem{background:#aea0d0}.legend-need{background:#bf994f}
.split-number{display:flex;gap:20px;padding:12px 0 16px}.split-number>div{flex:1;border-right:1px solid var(--line);min-width:0}.split-number>div:last-child{border:0}.split-number strong{display:block;font:550 28px/1.6 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.split-number span{color:var(--muted);font-size:11px}
.recovery-numbers>div:nth-child(1) strong{color:#418d73}.recovery-numbers>div:nth-child(2) strong{color:#b08d40}.recovery-numbers>div:nth-child(3) strong{color:#be7569}
.distribution{display:block;width:100%;height:8px;border-radius:5px;overflow:hidden;margin:0 0 20px;background:#edf2f3}
.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0}.heatmap div{height:27px;border-radius:5px;background:#f1f4f5;border:1px solid #e7edef;font:10px/25px "Segoe UI",sans-serif;text-align:center;color:#84969e;cursor:default}.heatmap .green{background:#d6eee3;border-color:#cee7db;color:#36795f}.heatmap .yellow{background:#f6e9bb;border-color:#efdfab;color:#876a22}.heatmap .red{background:#f3d8d2;border-color:#edd0c8;color:#a46055}.heatmap div:hover{border-color:#839f9d}
.progress-row{display:flex;align-items:center;gap:12px;margin:19px 0;font-size:12px}.progress-row>span:first-child{min-width:58px;max-width:135px;color:#5e7880}.progress-track{height:8px;width:0;min-width:20px;border-radius:5px;flex:1;overflow:hidden}.progress-row strong{font:550 12px "Segoe UI",sans-serif;min-width:58px;text-align:right;color:#46636d;font-variant-numeric:tabular-nums}
.timing-pair{background:#f8f6fc;border-radius:10px;padding:16px;margin:5px 0 18px}.timing-pair strong{color:#7c6c9f}

/* Reports and detailed statistics */
table{border-collapse:separate;border-spacing:0;width:100%;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left}th{font-size:12px;font-weight:500;color:#73868f;background:#f8fafb}td,th{padding:14px 20px;border-bottom:1px solid #edf1f3}td{font-size:13px;color:#4c656e}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f4f9f8}td.num,th.num{text-align:right}
.table-wrap{overflow:auto;border-radius:0 0 var(--radius) var(--radius);scrollbar-color:#cad8dc transparent;scrollbar-width:thin}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;border-right:1px solid #edf1f3}.table-wrap td:first-child{background:white;color:#37555e;font-weight:500}.table-wrap tbody tr:hover td:first-child{background:#f4f9f8}
.stat-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:0 24px 18px}.stat-tabs button{border:1px solid #e2eaeb;color:#738890;background:white;border-radius:7px;padding:6px 12px;font-size:12px}.stat-tabs button:hover{color:var(--green);background:#f4faf7}.stat-tabs button.active{border-color:#c9e3d9;color:#287965;background:#edf7f1}.card-head .stat-tabs{padding:0}
.quality{padding:19px 24px;border:1px solid var(--line);background:#eef3f5;border-radius:12px;margin-top:24px;color:#738891;font-size:12px}.quality summary{cursor:pointer;color:#536e79;font-weight:500}.quality ul{padding-left:18px;margin:15px 0 0}.quality li{margin:8px 0}
.page-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#81969b;font-size:11px;padding:26px 0 6px;border-top:1px solid var(--line);margin-top:28px}.page-footer span:first-child{margin-right:auto;display:inline-flex;align-items:center;gap:8px}.page-footer .icon{width:16px;height:16px;color:#96b6ad}.page-footer a{color:#70888c}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;color:var(--muted);font-size:12px}.pagination button{padding:6px 11px;font-size:12px}
.setting-card{padding:28px;margin-bottom:22px}.setting-card p{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.9;max-width:950px}.setting-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.setting-actions button{font-size:13px}
.report-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:20px}.report-list{display:flex;flex-direction:column;gap:8px}.report-list button{padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff;color:#647e87;font-size:13px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:space-between}.report-list button.active{background:#e8f4ee;border-color:#cbe2d7;color:#277463}
.report-paper{padding:34px;line-height:1.95}.report-paper h2{margin:28px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.report-paper h1{font-size:24px;margin-bottom:22px}.report-paper p{font-size:14px;margin:10px 0;overflow-wrap:anywhere;color:#546b73}.report-paper ul{padding-left:18px;font-size:14px}.report-paper table{margin:20px 0}.invite-result{width:100%;margin:12px 0;font-size:13px}
.weekday-bars{display:flex;gap:10px;align-items:flex-end;height:160px;margin-top:18px}.weekday-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%;color:var(--muted);font-size:12px}.weekday-bars i{display:block;width:65%;background:#91bcac;border-radius:4px 4px 0 0;min-height:1px}.weekday-bars span{font:12px "Segoe UI",sans-serif}.metric-empty{color:#95a5ab}
#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#264b46;color:#f4faf6;padding:13px 23px;border-radius:11px;box-shadow:0 8px 35px #153e3525;z-index:50;font-size:13px;max-width:85vw}

.connection-steps{display:flex;flex-wrap:wrap;gap:14px 28px;list-style:none;padding:0;margin:0 0 30px;color:var(--muted);font-size:13px}.connection-steps li{display:flex;align-items:center;gap:9px}.connection-steps li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:12px}.connection-steps .current{color:#287965;font-weight:600}.connection-steps .current>span{background:#287965;color:white;border-color:#287965}.connection-steps .complete>span{background:#edf7f1;color:#287965;border-color:#c9e3d9}
.connection-action{margin:22px 0}.connection-action .consent{display:flex;align-items:flex-start;gap:9px;margin-top:22px;font-size:13px;line-height:1.8}.connection-action .consent input{flex-shrink:0;margin-top:6px}.onboarding p.connection-privacy{border-top:1px solid var(--line);padding-top:18px;font-size:12px}.connection-privacy .icon{width:16px;height:16px;vertical-align:middle;margin-right:5px;color:#579983}.connection-details{margin-top:22px}.connection-details>summary{padding:22px;cursor:pointer;color:#526c71;font-size:13px}.connection-help{margin-top:18px;font-size:12px;color:var(--muted)}.connection-help>summary{cursor:pointer}.connection-action td{vertical-align:top;white-space:normal;min-width:95px}.connection-action td:nth-child(3){min-width:195px}.connection-action hr{border:0;border-top:1px solid var(--line);margin:9px 0}

/* Entry page: no fabricated statistics */
.login-shell{max-width:1080px;min-height:680px;margin:7vh auto;background:#fff;display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #e0e9e8;border-radius:24px;overflow:hidden;box-shadow:0 16px 70px #2e4d5310}
.login-story{background:#e7f3ed;color:#27594f;padding:44px 45px 34px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{padding:0}.login-story .brand-sub{color:#70998d}.story-content{margin:44px 0 28px}
.login-story h1{font-size:37px;font-weight:600;line-height:1.55;letter-spacing:-1.5px;margin:16px 0 21px}.login-story p{color:#6a8b82;font-size:13px;line-height:2}.login-story .eyebrow{font-size:11px;color:#71978a}
.story-art{margin:24px -2px 18px}.story-art svg{display:block;width:100%;height:auto;fill:none}.story-art circle{stroke:#cde3d8;stroke-width:1}.story-art .art-pulse{stroke:#70ab94;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.story-art .art-baseline{stroke:#d0e3db}
.story-topics{display:flex;gap:27px;color:#628e7e;font-size:12px}.story-topics span{display:inline-flex;align-items:center;gap:7px}.story-topics .icon{width:16px;height:16px}.story-bottom{font-size:11px;color:#71958a;display:flex;align-items:center;gap:11px}
.login-form{padding:78px 56px 55px;align-self:center}.form-heading-icon{width:44px;height:44px;border-radius:13px;background:#edf6f3;color:#579983;justify-content:center;margin-bottom:24px}.form-heading-icon .icon{width:22px;height:22px}
.login-form .eyebrow{font-size:11px}.login-form h2{font-size:26px;margin:7px 0;letter-spacing:-.6px}.login-form>.muted{font-size:13px;margin:13px 0 28px}.login-form label{display:flex;flex-direction:column;gap:8px;margin:21px 0;font-size:13px;color:#526c71}.login-form input:not([type=checkbox]){padding:12px 13px;font-size:14px}.login-form input::placeholder{color:#a0afb3}
.login-form .primary{width:100%;margin-top:10px;padding:12px;font-size:14px}.login-form label.consent{flex-direction:row;align-items:flex-start;font-size:12px;color:var(--muted)}.login-form .consent input{flex-shrink:0;margin-top:4px}
.login-assurance{display:flex;gap:7px;align-items:center;font-size:11px;color:#849995;margin:8px 0 15px}.login-assurance .icon{width:14px;height:14px}.privacy-link{font-size:12px;gap:6px;color:#6f8983}.privacy-link .icon{width:14px;height:14px}
.privacy-page{max-width:850px;padding:45px;margin:38px auto;background:#fff;border:1px solid var(--line);border-radius:18px}.privacy-page p{margin:20px 0;color:var(--muted);line-height:2}.privacy-page h2{margin-top:35px}

@media(min-width:1600px){
  .workspace{padding-left:46px;padding-right:46px}.metric-grid{gap:22px}.metric-card{padding:24px 27px 20px}.metric-value{font-size:46px}.chart{max-height:320px}.metric-bottom{margin-top:20px}.sparkline{width:92px}
}
@media(max-width:1250px){
  :root{--sidebar:198px}.sidebar{padding-left:13px;padding-right:13px}.workspace{padding-left:26px;padding-right:26px}.metric-grid{gap:12px}.metric-card{padding:17px 17px 14px}.metric-value{font-size:36px}.metric-bottom{align-items:flex-end}.sparkline{width:55px}.metric-note{font-size:11px}.metric-date{font-size:10px}
  .range-label{display:none}.period-buttons button{padding:7px 9px}.grid-two{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:18px}.grid-equal{gap:18px}.mini-stat{padding:0 19px}.card-head{padding:20px 20px 12px}.card-body{padding:6px 20px 20px}.card-foot{padding-left:20px;padding-right:20px}.source-badge>i{display:none}
}
@media(max-width:1030px){
  :root{--sidebar:76px}.sidebar{padding:28px 10px}.sidebar .brand>div,.sidebar .brand-sub,.nav-label,.nav-button span,.profile-info,.profile .icon-button,.source-badge{display:none}.sidebar .brand{justify-content:center;padding:0}.nav-button{justify-content:center;padding:14px 8px}.nav-button.active:after{display:none}.sidebar nav{margin-top:42px;gap:8px}.profile{justify-content:center}
  .workspace{padding-left:24px;padding-right:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card{padding:20px 23px 15px}.metric-value{font-size:40px}.metric-note{font-size:12px}.metric-date{font-size:11px}.sparkline{width:104px}.metric-bottom{margin-top:10px}.metric-context{display:inline;margin-right:5px}
  .grid-two{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}.mini-stat{padding:0 17px}.mini-stat .number{font-size:25px}.top-actions .timezone{display:none}.login-shell{margin:30px}.login-story{padding:36px 30px}.login-form{padding:60px 35px}.login-story h1{font-size:32px}
  .profile{flex-direction:column;gap:13px}.profile .icon-button{display:inline-flex;margin-left:0;padding:6px}
}
@media(max-width:760px){
  .workspace{padding:0 18px 18px}.topbar{height:64px}.top-actions label>.small{display:none}.top-actions select{max-width:150px}.page-heading{padding:25px 0}.page-heading h1{font-size:26px}.page-heading .eyebrow{font-size:10px}.page-heading .muted{font-size:12px}
  .grid-two,.grid-equal{grid-template-columns:1fr}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.mini-stat{padding:15px 20px}.mini-stat:nth-child(2){border-right:0}.mini-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.period-buttons button{font-size:11px}.range-options{gap:14px}.range-toolbar{gap:7px}.metric-note{font-size:11px}.sparkline{width:62px}.metric-context{display:block}
  .report-layout{grid-template-columns:1fr}.report-list{flex-direction:row;overflow:auto}.report-list button{flex-shrink:0;gap:20px}.report-paper{padding:24px}.card-head{flex-wrap:wrap}.page-footer{gap:10px}.page-footer span:first-child{width:100%}.custom-dates{flex-wrap:wrap}
  .login-shell{grid-template-columns:1fr;max-width:540px;margin:25px auto}.login-story{padding:28px 34px}.story-content{margin:23px 0 0}.login-story h1{font-size:29px;margin:10px 0}.login-story h1 br{display:none}.story-art,.story-content>p:not(.eyebrow),.story-bottom,.story-topics{display:none}.login-form{padding:35px}.form-heading-icon{display:none}.privacy-page{margin:20px;padding:30px}
}
@media(max-width:480px){
  :root{--sidebar:56px}.sidebar{padding:22px 6px}.brand-symbol{width:34px;height:34px;border-radius:10px}.sidebar .brand-symbol .icon{width:22px;height:22px}.workspace{padding:0 12px 15px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb>i:first-child{display:none}.top-actions select{max-width:122px;font-size:11px}
  .page-heading{align-items:flex-start;gap:9px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:24px}.page-heading .muted{max-width:155px;font-size:11px}.sync-button{font-size:11px;padding:8px 9px;gap:5px}.metric-grid{gap:10px;margin-bottom:24px}.metric-card{padding:14px 12px 12px}.metric-label{font-size:11px;gap:4px}.metric-icon{width:26px;height:26px;border-radius:8px}.metric-icon .icon{width:15px;height:15px}
  .metric-value{font-size:31px;letter-spacing:-1px}.metric-value span{font-size:10px;margin:0 2px}.metric-note{font-size:10px;min-height:33px}.metric-date{font-size:10px}.sparkline{display:none}.metric-context{font-size:9px}.period-buttons{width:100%}.period-buttons button{padding:6px 8px}.range-caption{font-size:10px}.range-options{justify-content:space-between;width:100%}
  .mini-stat{padding:13px 14px}.mini-stat .number{font-size:24px}.mini-stat p{font-size:10px}.mini-stat p:first-child{font-size:11px}.card-head{padding:18px 16px 12px}.card-body{padding:6px 16px 18px}.card-foot{padding:11px 16px;font-size:11px}.chart-stat{padding-left:16px;padding-right:16px}.card-head p{font-size:11px}.chart-controls select{font-size:11px}.stat-tabs{padding-left:16px;padding-right:16px}
  .split-number{gap:14px}.split-number strong{font-size:26px}.split-number span{font-size:10px}.pagination{flex-wrap:wrap}.setting-card{padding:21px}.quality{padding:17px}.login-shell{margin:16px;border-radius:18px}.login-story{padding:26px}.login-form{padding:30px 26px}.login-story h1{font-size:25px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.range-toolbar,.sync-button,.metric-link,.setting-actions{display:none}.workspace{margin:0;width:100%;padding:0}.card{break-inside:avoid;box-shadow:none}body{background:#fff}.table-wrap{overflow:visible}}