:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182b25;background:#f6f8f7;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #19865b}[hidden]{display:none!important}
main{max-width:1160px;margin:0 auto;padding:44px 36px 28px}.page-header{margin-bottom:30px}.brand{display:flex;align-items:center;gap:10px;color:#4e675c;font-weight:650;font-size:11px;letter-spacing:1.6px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e2eee7;color:#18794e}.brand-mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1{font-size:32px;letter-spacing:-1.1px;margin:18px 0 0;font-weight:650;line-height:1.2}
.dashboard{background:#fff;border:1px solid #e0e8e3;border-radius:18px;overflow:hidden;box-shadow:0 3px 14px #233a2f04}.controls{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 28px;border-bottom:1px solid #edf1ee}.tabs{display:flex;gap:3px;background:#f2f5f3;padding:4px;border-radius:10px}.tabs button{padding:9px 22px;border:0;border-radius:7px;background:none;color:#6b7972;font-size:13px;font-weight:550;cursor:pointer;transition:background .15s,color .15s}.tabs button[aria-selected="true"]{background:#fff;color:#176d48;box-shadow:0 1px 4px #213a2a13}.tabs button:hover{color:#176d48}.period-controls input,.period-controls select{height:37px;min-width:152px;padding:7px 11px;border:1px solid #dde5e0;background:#fff;color:#344c40;border-radius:8px;font-size:13px;cursor:pointer}.period-controls select{min-width:114px}.summary{display:flex;justify-content:space-between;align-items:end;padding:32px 32px 12px;gap:20px}.eyebrow{font-size:12px;color:#718078;margin:0 0 8px}.total{margin:0;font-size:43px;line-height:1.15;letter-spacing:-1.6px;font-weight:600;font-variant-numeric:tabular-nums}.period-title{margin:0 0 5px;color:#5c7064;font-size:13px}.chart-wrap{height:350px;position:relative;margin:6px 16px 0}#chart{display:block;width:100%;height:100%;overflow:visible}.grid-line{stroke:#edf1ee;stroke-width:1}.axis-label{fill:#839087;font-size:11px;font-family:inherit;font-variant-numeric:tabular-nums}.sales-line{fill:none;stroke:#18855a;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.crosshair{stroke:#b6cdbf;stroke-width:1;stroke-dasharray:4 4}.point{fill:#18855a;stroke:#fff;stroke-width:3}.interaction{fill:transparent;cursor:crosshair;outline:none}.interaction:focus-visible{stroke:#18855a;stroke-width:1;stroke-dasharray:4 4}.tooltip{pointer-events:none;position:absolute;z-index:2;min-width:126px;border:1px solid #dfe7e2;border-radius:9px;padding:11px 13px;background:#fff;box-shadow:0 5px 20px #17352114;font-size:11px;color:#6a7b70;white-space:nowrap}.tooltip strong{display:block;margin-top:5px;color:#143d2a;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}.chart-hint{font-size:11px;color:#8a978e;text-align:center;padding:0 15px 22px;margin:4px 0 0}.message{display:grid;height:100%;place-items:center;color:#708176;font-size:14px;text-align:center;padding:24px}footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;line-height:1.6;color:#849087}.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}
@media(max-width:620px){main{padding:28px 16px 22px}.page-header{margin-bottom:23px}h1{font-size:27px;margin-top:16px}.dashboard{border-radius:14px}.controls{padding:16px;flex-wrap:wrap;min-height:75px;gap:13px}.tabs{flex:1}.tabs button{padding:9px 13px;flex:1}.period-controls{margin-left:auto}.period-controls input{min-width:145px}.summary{padding:25px 20px 12px;align-items:start;flex-direction:column;gap:11px}.total{font-size:35px}.period-title{font-size:12px;margin:0}.chart-wrap{height:290px;margin:2px 9px 0}.chart-hint{font-size:10px;line-height:1.6;padding-bottom:16px}footer{flex-direction:column;gap:4px;margin-top:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.header-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.account-nav{display:flex;gap:12px;align-items:center;font-size:11px;color:#64796b}.account-nav button,.text-button{background:none;border:0;padding:3px 0;color:#397255;cursor:pointer;font-size:11px}.account-nav button:hover,.text-button:hover{text-decoration:underline}.summary{display:grid;grid-template-columns:1fr 1fr 1.13fr;align-items:start;gap:25px}.summary .total{font-size:35px;letter-spacing:-1.3px}.metric{min-width:0}.metric+.metric{border-left:1px solid #e7ede9;padding-left:25px}.metric-note{font-size:10px;color:#7a897f;line-height:1.6;margin:9px 0 0;max-width:250px}.estimate .total{color:#287653}.estimate .eyebrow{color:#5e7d68}dialog{border:1px solid #dde7e0;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 32px);color:#1c3829;box-shadow:0 25px 80px #102c2720}dialog::backdrop{background:#132a2455;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:0}dialog p{font-size:12px;line-height:1.65;color:#738076}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}dialog label{display:block;font-size:12px;font-weight:500;margin-top:19px}dialog input{display:block;width:100%;margin-top:7px;padding:10px 12px;border:1px solid #d9e4dd;border-radius:7px;background:white;color:#213a2c}dialog .primary{width:100%;border:0;border-radius:8px;background:#1e7c50;color:white;padding:12px;font-weight:550;cursor:pointer;margin-top:12px}dialog .primary:disabled{opacity:.6;cursor:wait}.form-error{color:#ae3d35!important;min-height:18px}#account-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){.summary{gap:17px;padding:28px 23px 12px}.summary .total{font-size:28px}.metric+.metric{padding-left:17px}}@media(max-width:620px){.header-top{gap:15px}.account-nav{gap:15px}.summary{grid-template-columns:1fr 1fr;gap:22px 15px;padding:25px 20px 12px}.summary .total{font-size:30px}.metric+.metric{padding-left:15px}.metric.estimate{grid-column:1/-1;border:0;border-top:1px solid #edf1ee;padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.estimate .eyebrow{grid-column:1;align-self:end;margin-bottom:0}.estimate .total{grid-column:2;grid-row:1/3}.estimate .metric-note{grid-column:1/-1;max-width:none}.metric-note{font-size:10px}}
