:root{--accent-ink:#fff;--accent-hover:#264abf}
:root[data-theme=dark]{--accent-ink:#101b3c;--accent-hover:#afbdff}
:root[data-accent=green]{--blue:#21714e;--blue-soft:#eaf5ed;--accent-hover:#175a3d;--accent-ink:#fff}
:root[data-accent=teal]{--blue:#0c737b;--blue-soft:#e6f4f4;--accent-hover:#075c63;--accent-ink:#fff}
:root[data-accent=violet]{--blue:#7550bb;--blue-soft:#f1ecfa;--accent-hover:#5b389a;--accent-ink:#fff}
:root[data-accent=rose]{--blue:#a63865;--blue-soft:#faedf2;--accent-hover:#86254e;--accent-ink:#fff}
:root[data-theme=dark][data-accent=green]{--blue:#82d4a4;--blue-soft:#20382d;--accent-hover:#a2e2bd;--accent-ink:#10291b}
:root[data-theme=dark][data-accent=teal]{--blue:#77cdd0;--blue-soft:#1e353a;--accent-hover:#9cdfe1;--accent-ink:#0b292b}
:root[data-theme=dark][data-accent=violet]{--blue:#c1a6f4;--blue-soft:#342a46;--accent-hover:#d2bdf9;--accent-ink:#291c3e}
:root[data-theme=dark][data-accent=rose]{--blue:#eda5c0;--blue-soft:#402a34;--accent-hover:#f5bdd2;--accent-ink:#351722}
.primary,:root[data-theme=dark] .primary{color:var(--accent-ink)}.primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.brand-mark{color:var(--accent-ink)}.brand-mark span{color:currentColor;opacity:.7}.check:checked:after{color:var(--accent-ink)}
.accent-options{border:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.accent-choice{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer;min-height:40px;padding:5px 8px;border:1px solid var(--line);border-radius:8px}.accent-choice:has(:checked){border-color:var(--blue);background:var(--blue-soft)}.accent-choice input{accent-color:var(--blue)}.accent-dot{width:14px;height:14px;border-radius:50%}.accent-dot.blue{background:#3159dc}.accent-dot.green{background:#21714e}.accent-dot.teal{background:#0c737b}.accent-dot.violet{background:#7550bb}.accent-dot.rose{background:#a63865}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.metric{padding:24px}.metric>span{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:34px;font-weight:650;letter-spacing:-1px;margin:8px 0;color:var(--text);overflow-wrap:anywhere}.metric em{font-size:17px;font-style:normal;color:var(--muted);font-weight:400}.section-gap{margin-top:24px}.activity-chart{margin:5px 0 0}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:180px;border-bottom:1px solid var(--line)}.chart-slot{height:100%;flex:1;display:flex;align-items:flex-end;min-width:1px}.chart-bar{width:100%;border-radius:4px 4px 0 0;min-height:3px;background:var(--blue)}.activity-chart figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid var(--line)}.history-search{display:flex;align-items:end;gap:12px}.history-search .field{flex:1;margin:0}.history-search button{height:46px}.history-item{display:flex;gap:16px;justify-content:space-between;padding:19px 0;border-top:1px solid var(--line)}.history-item>div{min-width:0;overflow-wrap:anywhere}.history-item strong{font-size:15px;font-weight:550}.history-item button{flex-shrink:0}.reflection{padding:17px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap}.reflection p{font-size:14px}.compact-field{margin:0;max-width:170px}.energy-picker{display:flex;gap:10px;border:0;padding:0;margin:0 0 25px}.energy-picker legend{font-size:14px;font-weight:550;margin-bottom:12px}.energy-picker label{flex:1;cursor:pointer;text-align:center}.energy-picker input{accent-color:var(--blue);display:block;margin:0 auto 8px}.energy-picker label>span{display:block;padding:13px 4px;border:1px solid var(--line);border-radius:10px}.energy-picker label:has(:checked)>span{color:var(--blue);background:var(--blue-soft);border-color:var(--blue)}.energy-picker small{font-size:12px}.reflection-divider{margin:26px 0 18px;border-top:1px solid var(--line);padding-top:24px;font-size:13px;color:var(--muted)}.checkin-nudge{margin:-8px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--blue-soft);padding:14px 18px;border-radius:12px;color:var(--blue);font-size:14px}.checkin-nudge>span{min-width:0;overflow-wrap:anywhere}.checkin-nudge a{flex-shrink:0}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.more-link{display:grid;grid-template-columns:1fr auto;padding:23px;color:var(--text);text-decoration:none}.more-link strong{font-size:18px}.more-link span{color:var(--muted);font-size:14px;margin-top:7px}.more-link span:last-child{grid-column:2;grid-row:1/3;color:var(--blue);padding-left:15px}.business-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.store-status{font-size:13px;color:var(--muted)}.connection-steps{font-size:14px;color:var(--muted);padding-left:20px}.connection-steps li{margin:12px 0}.business-warning{font-size:14px;padding:14px 18px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;background:var(--surface);margin:18px 0}.order-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.order-row strong{display:block;font-weight:550}.order-row>div:last-child{text-align:right}.inline-links{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0;font-size:14px}.sidebar .side-label{margin-top:28px}.sidebar #navigation a{padding-top:9px;padding-bottom:9px;margin-bottom:2px}.sidebar #navigation{overflow-y:auto}.sidebar-bottom{padding-top:12px}.sidebar .user{margin-top:12px;padding-top:12px}
@media(max-width:850px){.metric-grid{gap:12px}.metric{padding:19px}.metric strong{font-size:29px}.more-grid{grid-template-columns:1fr}}
@media(max-width:640px){.metric-grid{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto;column-gap:15px}.metric strong{grid-column:2;grid-row:1/3;margin:0}.metric small{grid-column:1}.history-search{flex-wrap:wrap}.history-search .field{min-width:120px}.history-search button{width:100%}.activity-chart figcaption{font-size:11px}.activity-chart figcaption span:nth-child(2){display:none}.energy-picker{gap:6px}.chart-bars{gap:3px;height:150px}.checkin-nudge{font-size:13px}.card-head:has(.compact-field){align-items:start;flex-direction:column}.compact-field{max-width:100%}#mobile-navigation a{min-width:55px;padding:8px 7px}}