@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#000;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{--bg: #fff;--text: #000;--muted: rgba(0, 0, 0, .48);--subtle: rgba(0, 0, 0, .08);--inverse: #fff;min-height:100svh;height:100svh;overflow:hidden;color:var(--text);background:var(--bg);display:grid;grid-template-columns:200px minmax(0,1fr);transition:background .2s ease,color .2s ease}main.dark{--bg: #000;--text: #fff;--muted: rgba(255, 255, 255, .52);--subtle: rgba(255, 255, 255, .12);--inverse: #000}.sidebar{padding:29px 18px 20px;display:flex;flex-direction:column;min-height:0}.brand{color:var(--text);text-decoration:none;font-size:27px;letter-spacing:-1.8px;font-weight:600;padding:0 10px}.brand span{font-family:DM Mono}nav{margin-top:62px;display:grid;gap:4px}.nav-item{color:var(--muted);border-radius:5px;text-decoration:none;font-size:13px;padding:9px 10px;display:flex;justify-content:space-between}.nav-item.active,.nav-item:hover{color:var(--inverse);background:var(--text)}.nav-item span{font:10px DM Mono;opacity:.7}.sidebar-footer{margin-top:auto}.theme-button{background:transparent;color:var(--muted);border:0;width:100%;padding:10px;display:flex;align-items:center;gap:9px;font-size:11px;cursor:pointer;text-align:left}.theme-icon{font-size:17px;color:var(--text);width:15px}.profile{margin-top:13px;padding:14px 5px 0;display:flex;gap:9px;align-items:center}.profile>span{background:var(--text);color:var(--inverse);border-radius:50%;width:28px;height:28px;font:10px DM Mono;display:grid;place-items:center}.profile strong,.profile small{display:block}.profile strong{font-size:11px;font-weight:500}.profile small{color:var(--muted);font-size:10px;margin-top:2px}.content{width:min(1200px,100%);height:100svh;overflow:hidden;padding:clamp(28px,5vh,48px) clamp(28px,5vw,77px) 28px;margin:0 auto;display:flex;flex-direction:column}header,.card-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:1.15px;font:9px DM Mono}h1,h2,p{margin-top:0}h1{margin:10px 0 0;font-size:clamp(30px,4vw,43px);line-height:1;letter-spacing:-2.3px;font-weight:500}h2{margin:7px 0 0;font-size:18px;letter-spacing:-.65px;font-weight:500}.sync-button{background:var(--text);color:var(--inverse);border:0;border-radius:5px;padding:10px 13px;font-size:11px;cursor:pointer;white-space:nowrap}.sync-button span{margin-right:5px}.sync-button.complete{background:var(--text);color:var(--inverse)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(36px,6vh,55px) 0 clamp(22px,3vh,30px)}.metric{padding:0 20px;min-width:0}.metric:first-child{padding-left:0}.metric p{color:var(--muted);font-size:11px;margin-bottom:12px}.metric strong{display:block;font-size:clamp(20px,2vw,24px);letter-spacing:-1.1px;font-weight:500}.metric small{display:block;color:var(--muted);font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small b{color:var(--text);font-weight:500}.metric.primary{color:var(--inverse);background:var(--text);border-radius:5px;margin:-13px 0;padding:13px 20px}.metric.primary p,.metric.primary small{color:var(--inverse);opacity:.62}.chart-card{padding:0;flex:1 1 0;min-height:205px;display:flex;flex-direction:column}.segmented,.provider-filter{background:var(--subtle);border-radius:5px;padding:3px;display:flex}.segmented button,.provider-filter button{border:0;background:transparent;color:var(--muted);border-radius:3px;padding:5px 9px;font-size:10px;cursor:pointer}.segmented .chosen,.provider-filter .selected{color:var(--inverse);background:var(--text)}.chart{flex:1 1 auto;min-height:130px;margin-top:19px;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(8px,2.1vw,30px);align-items:end}.bar-column{height:100%;display:grid;grid-template-rows:1fr 18px;text-align:center}.bar-track{height:100%;display:flex;align-items:flex-end}.bar{width:100%;min-height:4px;background:var(--subtle);border-radius:2px 2px 0 0;transition:height .3s ease}.bar-column:last-child .bar{background:var(--text)}.bar-column span{color:var(--muted);font:9px DM Mono;padding-top:7px}.chart-note{color:var(--muted);font-size:10px;margin:9px 0 0}.orders-section{flex:0 0 auto;margin-top:clamp(25px,4vh,45px)}.section-heading a{color:var(--text);text-decoration:none;font-size:11px;padding-top:12px}.section-heading a span{margin-left:3px}.provider-filter{display:inline-flex;margin:13px 0 7px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:580px}th{color:var(--muted);font:9px DM Mono;text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:7px 8px}th:first-child,td:first-child{padding-left:0}td{font-size:11px;padding:8px;color:var(--muted)}td strong{color:var(--text);font-weight:500}td:first-child span{display:block;font:9px DM Mono;color:var(--muted);margin-top:2px}.amount{text-align:right}.source,.status{display:inline-block;padding:3px 6px;border-radius:3px;font-size:9px}.source{background:var(--subtle);color:var(--text)}.status{color:var(--inverse);background:var(--text)}.status.refunded{color:var(--text);background:var(--subtle)}@media(max-height:760px){.content{padding-top:24px}.summary-grid{margin:28px 0 18px}.orders-section{margin-top:20px}.orders-section tbody tr:last-child{display:none}.chart-note{display:none}}@media(max-width:820px){body,main,.content{overflow:auto}main{height:auto;min-height:100svh;grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px 20px}.sidebar nav,.sidebar-footer{display:none}.content{height:auto;min-height:100svh;padding-top:36px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:26px 0}.metric{padding-left:16px}.metric:nth-child(3){padding-left:0}.metric.primary{margin:-9px 0;padding:9px 16px}}@media(max-width:520px){header{display:block}.sync-button{margin-top:20px}.summary-grid{margin-top:35px}.chart-card{min-height:220px}.card-heading{align-items:end}}