.sp-dashboard{--sp-bg:var(--ui-surface,#fff);--sp-text:var(--ui-text,#172519);--sp-muted:var(--ui-muted,#687267);--sp-accent:var(--ui-accent,#d4ff59);--sp-line:var(--ui-border,#d7dfd2);--sp-level-0:#e5e9e2;--sp-level-1:#d2e4bc;--sp-level-2:#a8ca82;--sp-level-3:#76a750;--sp-level-4:#3d7028;color:var(--sp-text);margin:0 0 32px;font-family:inherit;min-width:0}.sp-dashboard *{box-sizing:border-box}.sp-dashboard h2,.sp-dashboard h3,.sp-dashboard h4,.sp-dashboard p{margin:0}.sp-dashboard button,.sp-dashboard input{font:inherit}.sp-dashboard button{cursor:pointer}.sp-dashboard a{color:inherit}.sp-dashboard button:focus-visible,.sp-dashboard a:focus-visible,.sp-dashboard input:focus-visible{outline:3px solid var(--sp-accent);outline-offset:4px}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.sp-eyebrow{font-size:10px;line-height:1.4;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:var(--sp-muted)}.sp-heading h2{font-size:clamp(32px,4.2vw,56px);line-height:1.04;letter-spacing:-2.1px;font-weight:750;margin-top:12px}.sp-heading h2 em{font-style:normal;color:var(--sp-accent)}.sp-heading-mark{font-size:92px;line-height:1;color:var(--sp-accent);font-weight:400}.sp-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center}.sp-periods{display:flex;gap:3px;padding:4px;background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:13px}.sp-periods button{background:transparent;border:0;border-radius:9px;padding:11px 16px;color:var(--sp-muted);font-size:12px;white-space:nowrap}.sp-periods button.is-active{background:var(--sp-accent);color:#1c2815;font-weight:700}.sp-date-controls{display:flex;gap:7px;align-items:center;min-width:0}.sp-icon-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-bg);color:var(--sp-text);flex-shrink:0}.sp-date-label{min-width:0}.sp-date-label input{border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-bg);color:var(--sp-text);font-size:12px;padding:10px 9px;width:140px;height:38px;min-width:0}.sp-range-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0 20px}.sp-range{font-size:12px;color:var(--sp-muted);line-height:1.4}.sp-today{border:0;padding:0;background:transparent;font-size:11px;color:var(--sp-muted);white-space:nowrap}.sp-metrics{display:grid;grid-template-columns:1.32fr 1fr 1fr 1.12fr;gap:12px;margin-bottom:20px}.sp-metric{position:relative;background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:18px;padding:23px 21px;min-width:0;overflow:hidden}.sp-metric-label{display:block;font-size:11px;line-height:1.4;color:var(--sp-muted)}.sp-metric strong{display:block;font-size:53px;letter-spacing:-2px;line-height:1.1;margin:18px 0 15px;font-weight:750;font-variant-numeric:tabular-nums}.sp-metric-caption{font-size:9px;line-height:1.4;color:var(--sp-muted)}.sp-metric-primary{background:var(--sp-accent);color:#1c2815;border-color:var(--sp-accent)}.sp-metric-primary .sp-metric-label,.sp-metric-primary .sp-metric-caption{color:#314123}.sp-metric-primary strong{font-size:65px;margin:12px 0 10px}.sp-metric-arrow{position:absolute;right:18px;bottom:18px;font-size:30px;font-weight:400}.sp-metric-time strong{font-size:36px;line-height:1.55;letter-spacing:-1px;white-space:nowrap}.sp-metric-time small{font-size:12px;font-weight:500;letter-spacing:0;margin:0 3px}.sp-calendar{background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:20px;padding:26px;min-width:0;overflow:hidden}.sp-calendar-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:24px}.sp-calendar-heading h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:650;margin-top:8px}.sp-calendar-hint{font-size:10px;line-height:1.4;color:var(--sp-muted);max-width:220px;text-align:right}.sp-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.sp-cell{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sp-level-0);border:1px solid transparent;border-radius:7px;padding:5px 2px;color:#1d3018;min-height:39px}.sp-cell-date{font-size:9px;line-height:1.2;color:inherit;opacity:.7}.sp-cell-count{font-size:13px;line-height:1.2;font-weight:700;margin-top:3px;color:inherit;font-variant-numeric:tabular-nums}.sp-cell-large{min-height:133px;border-radius:12px;padding:18px 4px}.sp-cell-large .sp-cell-date{font-size:10px}.sp-cell-large .sp-cell-count{font-size:36px;letter-spacing:-1px;margin-top:16px}.sp-cell-unit{font-size:8px;margin-top:8px;opacity:.7}.sp-cell-today{outline:2px solid var(--sp-text);outline-offset:2px}.sp-cell-log-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:4px;right:4px}.sp-cell-large .sp-cell-log-dot{bottom:9px;right:9px}.sp-level-0{background:var(--sp-level-0)}.sp-level-1{background:var(--sp-level-1)}.sp-level-2{background:var(--sp-level-2)}.sp-level-3{background:var(--sp-level-3)}.sp-level-4{background:var(--sp-level-4);color:#fff}.sp-calendar-scroll{min-width:0;overflow-x:auto;padding:3px;scrollbar-width:thin}.sp-calendar-months{display:grid;gap:26px}.sp-calendar-month{grid-template-columns:minmax(0,420px)}.sp-calendar-quarter{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-calendar-year{grid-template-columns:repeat(4,minmax(0,1fr));min-width:760px;gap:25px}.sp-month h4{font-size:12px;font-weight:650;text-transform:capitalize;line-height:1.3;margin-bottom:16px}.sp-weekday-labels,.sp-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.sp-weekday-labels{margin-bottom:7px;font-size:8px;color:var(--sp-muted);text-align:center}.sp-month-grid .sp-cell{aspect-ratio:1;min-height:0;padding:4px 0}.sp-calendar-month .sp-cell{min-height:48px}.sp-calendar-year .sp-cell-date{font-size:7px}.sp-calendar-year .sp-cell-count{font-size:10px;margin-top:2px}.sp-calendar-quarter .sp-cell-date{font-size:8px}.sp-calendar-quarter .sp-cell-count{font-size:11px}.sp-legend{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:8px;color:var(--sp-muted);flex-wrap:wrap;padding-top:22px}.sp-legend>span{display:flex;align-items:center;gap:4px}.sp-legend>span:first-child{margin-right:auto;font-size:9px}.sp-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}.sp-tracking-note{font-size:10px;line-height:1.6;color:var(--sp-muted);padding-top:16px;max-width:700px}.sp-note-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--sp-muted);margin-right:6px;vertical-align:1px}.sp-day-detail{display:flex;align-items:center;gap:32px;padding:25px;border-radius:14px;border:1px solid var(--sp-line)}.sp-day-detail-number{font-size:84px;line-height:1;letter-spacing:-4px;font-weight:750;color:var(--sp-accent);text-align:center;min-width:135px}.sp-day-detail-number span{display:block;font-size:12px;letter-spacing:0;color:var(--sp-muted);margin-top:12px}.sp-day-detail h4{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:10px 0 14px}.sp-day-detail p{font-size:12px;color:var(--sp-muted);line-height:1.7}.sp-empty{padding-top:24px;margin-top:22px;border-top:1px solid var(--sp-line)}.sp-empty strong{font-size:13px}.sp-empty p{font-size:11px;line-height:1.6;margin-top:6px;color:var(--sp-muted)}.sp-empty a{display:inline-block;margin-top:14px;font-size:11px;font-weight:650;text-decoration:none}.sp-state{display:flex;gap:25px;align-items:start;border:1px solid var(--sp-line);border-radius:20px;padding:34px;background:var(--sp-bg)}.sp-state-mark{font-size:47px;line-height:1;color:var(--sp-accent)}.sp-state h3{font-size:24px;line-height:1.2;letter-spacing:-.7px}.sp-state p{font-size:12px;color:var(--sp-muted);line-height:1.6;margin-top:12px;max-width:550px}.sp-action{display:inline-flex;padding:12px 18px;margin-top:23px;border:0;border-radius:10px;background:var(--sp-accent);color:#1c2815!important;text-decoration:none;font-size:12px;font-weight:650}.sp-loading-state{display:flex;align-items:center;gap:20px;padding:40px;border:1px solid var(--sp-line);border-radius:20px;background:var(--sp-bg);min-height:175px}.sp-loading-state strong{font-size:17px}.sp-loading-state p{font-size:11px;line-height:1.6;color:var(--sp-muted);margin-top:7px}.sp-loader{width:25px;height:25px;border:2px solid var(--sp-line);border-top-color:var(--sp-accent);border-radius:50%;flex-shrink:0}.ui-performance .sp-dashboard{--sp-bg:var(--ui-surface,#1b241e);--sp-text:var(--ui-text,#f1f4e9);--sp-muted:var(--ui-muted,#a4b1a0);--sp-accent:var(--ui-accent,#d4ff59);--sp-line:var(--ui-border,#38443a);--sp-level-0:#27342a;--sp-level-1:#465c2a;--sp-level-2:#759440;--sp-level-3:#acd34f;--sp-level-4:#d4ff59}.ui-performance .sp-level-0{color:#b4c0ad}.ui-performance .sp-level-1{color:#d3e4b2}.ui-performance .sp-level-2,.ui-performance .sp-level-3,.ui-performance .sp-level-4{color:#182313}.ui-performance .sp-metric,.ui-performance .sp-calendar,.ui-performance .sp-state,.ui-performance .sp-loading-state{border-radius:12px}.ui-performance .sp-date-label input{color-scheme:dark}.ui-pop .sp-dashboard{--sp-bg:var(--ui-surface,#fff8e8);--sp-text:var(--ui-text,#29263c);--sp-muted:var(--ui-muted,#6c687a);--sp-accent:var(--ui-accent,#6b58ef);--sp-line:var(--ui-border,#29263c);--sp-level-0:#f0ecd9;--sp-level-1:#ded8fa;--sp-level-2:#b9acf7;--sp-level-3:#9279f5;--sp-level-4:#6950e5}.ui-pop .sp-heading h2{font-weight:850;letter-spacing:-2.4px}.ui-pop .sp-heading-mark{transform:rotate(8deg);color:#ff907d}.ui-pop .sp-periods,.ui-pop .sp-icon-button,.ui-pop .sp-date-label input{border-width:2px}.ui-pop .sp-periods button.is-active{color:#fff}.ui-pop .sp-metric{border:2px solid var(--sp-line);box-shadow:3px 3px 0 var(--sp-line);border-radius:16px}.ui-pop .sp-metric-primary{background:#ffdb75;color:var(--sp-text)}.ui-pop .sp-metric-primary .sp-metric-label,.ui-pop .sp-metric-primary .sp-metric-caption{color:#665634}.ui-pop .sp-metric:nth-child(2){background:#e0dafb}.ui-pop .sp-metric:nth-child(3){background:#ffc9be}.ui-pop .sp-metric:nth-child(4){background:#d9ecc7}.ui-pop .sp-calendar,.ui-pop .sp-state,.ui-pop .sp-loading-state{border-width:2px;box-shadow:4px 4px 0 var(--sp-line)}.ui-pop .sp-action{color:#fff!important;border:2px solid var(--sp-line);box-shadow:3px 3px 0 var(--sp-line)}.ui-pop .sp-cell{border:1px solid #29263c26}.ui-pop .sp-cell-large{border-color:var(--sp-line);border-width:2px}.ui-pop .sp-day-detail-number{color:var(--sp-accent)}
@media(max-width:1050px){.sp-toolbar{flex-wrap:wrap}.sp-periods{flex:1;justify-content:space-between}.sp-date-controls{margin-left:auto}.sp-metric{padding:20px 16px}.sp-metric strong{font-size:45px}.sp-metric-primary strong{font-size:58px}.sp-metric-time strong{font-size:29px}.sp-metric-time small{font-size:10px}.sp-calendar-quarter{gap:16px}.sp-week-grid{gap:7px}.sp-cell-large{min-height:115px}.sp-cell-large .sp-cell-count{font-size:31px}.sp-cell-large .sp-cell-date{font-size:9px}}
@media(max-width:760px){.sp-dashboard{margin-bottom:28px}.sp-heading{margin-bottom:22px;gap:15px}.sp-heading h2{font-size:38px;letter-spacing:-1.6px;margin-top:11px}.sp-heading-mark{font-size:64px}.sp-eyebrow{font-size:8px;letter-spacing:1.2px}.sp-toolbar{gap:11px}.sp-periods{width:100%;flex:auto;padding:4px;gap:0;border-radius:11px}.sp-periods button{padding:10px 8px;font-size:10px;border-radius:7px}.sp-date-controls{margin:0;width:100%;justify-content:space-between;gap:8px}.sp-date-label{flex:1}.sp-date-label input{width:100%;font-size:11px}.sp-icon-button{width:37px;height:37px;border-radius:8px}.sp-date-label input{height:37px;border-radius:8px}.sp-refresh{margin-left:3px}.sp-range-row{padding:13px 0 18px;gap:10px;align-items:start}.sp-range{font-size:10px;max-width:215px}.sp-today{font-size:9px;white-space:normal;max-width:85px;text-align:right;line-height:1.4}.sp-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.sp-metric{padding:18px 15px;border-radius:12px;min-height:145px}.sp-metric-label{font-size:10px;max-width:140px}.sp-metric strong{font-size:43px;margin:13px 0 9px}.sp-metric-primary strong{font-size:53px;margin:7px 0 5px}.sp-metric-caption{font-size:8px;display:block;max-width:125px;line-height:1.45}.sp-metric-arrow{font-size:24px;right:12px;bottom:13px}.sp-metric-time strong{font-size:27px;line-height:1.75;letter-spacing:-.8px}.sp-metric-time small{font-size:9px;margin:0 2px}.sp-calendar{padding:19px 15px;border-radius:14px}.sp-calendar-heading{display:block;padding-bottom:19px}.sp-calendar-heading h3{font-size:23px;letter-spacing:-.7px;margin-top:7px}.sp-calendar-hint{display:block;text-align:left;max-width:none;font-size:8px;margin-top:9px}.sp-week-grid{gap:5px}.sp-cell-large{min-height:87px;border-radius:7px;padding:12px 2px}.sp-cell-large .sp-cell-date{font-size:7px;white-space:nowrap}.sp-cell-large .sp-cell-count{font-size:22px;letter-spacing:-.7px;margin-top:11px}.sp-cell-unit{font-size:6px;letter-spacing:-.1px;margin-top:6px}.sp-cell-large .sp-cell-log-dot{bottom:5px;right:4px;width:3px;height:3px}.sp-calendar-quarter{grid-template-columns:1fr;gap:25px}.sp-calendar-quarter .sp-cell{min-height:39px;aspect-ratio:auto}.sp-calendar-quarter .sp-cell-date{font-size:9px}.sp-calendar-quarter .sp-cell-count{font-size:12px}.sp-calendar-month .sp-cell{min-height:40px}.sp-month h4{font-size:12px;margin-bottom:14px}.sp-month-grid,.sp-weekday-labels{gap:5px}.sp-weekday-labels{font-size:8px;margin-bottom:8px}.sp-legend{gap:10px 11px;padding-top:18px;font-size:7px;justify-content:flex-start}.sp-legend>span:first-child{width:100%;font-size:8px}.sp-legend i{width:10px;height:10px}.sp-tracking-note{font-size:8px;padding-top:14px;line-height:1.6}.sp-calendar-year{min-width:710px;gap:25px 20px}.sp-year-scroll{padding-bottom:12px}.sp-empty{padding-top:18px;margin-top:18px}.sp-empty strong{font-size:11px}.sp-empty p{font-size:9px}.sp-empty a{font-size:10px;margin-top:12px}.sp-day-detail{padding:19px 13px;gap:18px;border-radius:10px;align-items:start}.sp-day-detail-number{font-size:60px;min-width:72px;letter-spacing:-3px;padding-top:4px}.sp-day-detail-number span{font-size:9px;line-height:1.3;letter-spacing:0;margin-top:9px}.sp-day-detail h4{font-size:19px;margin:7px 0 11px;letter-spacing:-.6px}.sp-day-detail p{font-size:9px;line-height:1.65}.sp-state{padding:25px 20px;gap:17px;border-radius:14px}.sp-state-mark{font-size:36px}.sp-state h3{font-size:22px;letter-spacing:-.6px}.sp-state p{font-size:10px;margin-top:11px;line-height:1.65}.sp-action{padding:11px 14px;font-size:11px;margin-top:19px}.sp-loading-state{padding:27px 20px;min-height:154px;gap:15px;border-radius:14px}.sp-loading-state strong{font-size:15px}.sp-loading-state p{font-size:10px}.ui-pop .sp-metric{border-radius:12px;box-shadow:2px 2px 0 var(--sp-line)}.ui-pop .sp-heading h2{letter-spacing:-1.9px}.ui-pop .sp-cell-large{border-width:1px}.ui-pop .sp-calendar{box-shadow:3px 3px 0 var(--sp-line)}}
@media(prefers-reduced-motion:no-preference){.sp-loader{animation:sp-spin .8s linear infinite}.sp-periods button,.sp-icon-button,.sp-cell,.sp-action{transition:background .16s,transform .16s}.sp-cell:hover,.sp-icon-button:hover{transform:translateY(-2px)}.sp-action:hover{transform:translateY(-1px)}@keyframes sp-spin{to{transform:rotate(360deg)}}}