:root{color-scheme:light;--bg:#fff8ef;--panel:#fff;--ink:#35234f;--muted:#746680;--line:#e5ddec;--purple:#442575;--soft:#f1eafa;--green:#176b51;--greenbg:#e6f5ec;--yellow:#fff1bc;--pink:#fce7ed;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9572c9}button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 15px;min-height:44px}button:hover{border-color:#a28abc;background:#faf7fd}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--purple);border-color:var(--purple);color:white;font-weight:650}.primary:hover{background:#57338b}.secondary{background:var(--soft);border-color:transparent}.link{background:none;border:0;padding:0;min-height:44px;color:var(--purple);text-align:left;text-decoration:underline;text-underline-offset:3px}.skip{position:absolute;top:-80px;left:10px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:17px max(24px,calc((100vw - 1320px)/2));gap:18px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px}.brand img{width:110px;height:66px;object-fit:contain}.brand span{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:var(--purple);border-left:1px solid var(--line);padding-left:20px}#account{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{display:grid;place-items:center;background:var(--soft);width:35px;height:35px;border-radius:50%;font-weight:700}.notice{font-size:12px;background:var(--yellow);padding:9px max(24px,calc((100vw - 1260px)/2));text-align:center;color:#61501f}nav{display:flex;gap:7px;padding:12px max(24px,calc((100vw - 1260px)/2));background:white;border-bottom:1px solid var(--line)}nav button{border:0;color:var(--muted);min-width:92px}nav button[aria-current=page]{background:var(--soft);color:var(--purple);font-weight:700}main{max-width:1320px;min-height:65vh;margin:auto;padding:30px;display:grid;gap:22px;align-content:start}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:16px}.muted{color:var(--muted);font-size:13px}.eyebrow{color:var(--purple);font-size:11px;letter-spacing:1.6px;font-weight:750;text-transform:uppercase}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.heading p{margin-top:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric,.panel,.tile{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.metric p{font-size:13px;color:var(--muted)}.metric .value{font-size:36px;font-weight:750;color:var(--ink);letter-spacing:-1px;line-height:1.4;font-variant-numeric:tabular-nums}.metric.highlight{background:var(--soft);border-color:#ddcdeb}.two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:22px;align-items:start}.stack{display:grid;gap:20px}.panel{min-width:0}.panel>p{margin-top:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.item{display:flex;align-items:center;gap:13px;min-width:0}.thumb{display:grid;place-items:center;background:#f7f2fb;border-radius:12px;width:48px;height:48px;font-size:27px;flex-shrink:0}.sale-name{font-weight:650;text-decoration:none;line-height:1.4}.sale-name:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px;border-radius:6px;background:var(--greenbg);color:var(--green);font-weight:650}.pill.pending{background:var(--yellow);color:#745e19}.pill.refund{background:var(--pink);color:#a12c53}.pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.split{display:flex;height:12px;border-radius:9px;overflow:hidden;margin:20px 0 9px}.split-vendor{background:var(--purple);flex:7}.split-store{background:#d8c7ea;flex:3}.split-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.rule{font-size:13px;padding:13px 15px;border-radius:12px;background:var(--soft);margin-top:16px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 4px}.toolbar input{flex:1;min-width:0}.toolbar input,.toolbar select,input,select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:white;min-height:44px;max-width:100%}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile .thumb{width:100%;height:120px;font-size:50px;margin-bottom:14px}.tile h2{font-size:16px}.tile .pills{margin:12px 0}.hero{border-radius:18px;background:var(--purple);color:white;padding:26px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.hero .value{font-size:40px;font-weight:750;letter-spacing:-1px}.hero .muted{color:#e7dbf5}.hero .row{border-color:#ffffff33}.footer{max-width:1320px;margin:0 auto;padding:24px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}dialog{width:min(620px,calc(100% - 28px));max-height:88dvh;overflow-y:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:white;color:var(--ink);box-shadow:0 30px 90px #28173c40}dialog::backdrop{background:#26173977}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.dialog-head h2{font-size:22px}#detail-body>p{margin-top:12px}#detail-body .row{font-size:14px}.login{width:min(100%,480px);margin:45px auto;padding:30px;display:grid;gap:18px;text-align:center}.login h1{font-size:31px}.login img{width:140px;height:90px;object-fit:contain;margin:auto}.login label{display:grid;gap:6px;text-align:left;font-size:13px}.login button{width:100%}.login .muted{line-height:1.7}.error{background:var(--pink);color:#8d2144;padding:15px;border-radius:10px}.empty{padding:30px 10px;text-align:center;color:var(--muted)}.calc{display:grid;gap:14px}.calc label{display:grid;gap:5px;font-size:13px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.calc-output{padding:18px;background:var(--soft);border-radius:12px}.calc-output .value{font-size:30px;font-weight:750}.calc-output p+p{margin-top:8px}.loading{padding:50px;text-align:center}.small-action{font-size:12px;min-height:44px}.status-note{display:flex;align-items:center;gap:6px}.status-note::before{content:'';width:7px;height:7px;background:#7d6a93;border-radius:50%}
.agreement-meter{appearance:none;width:100%;height:12px;border:0;border-radius:9px;overflow:hidden;margin:20px 0 9px;background:#d8c7ea}.agreement-meter::-webkit-progress-bar{background:#d8c7ea;border-radius:9px}.agreement-meter::-webkit-progress-value{background:var(--purple)}.agreement-meter::-moz-progress-bar{background:var(--purple)}
@media(max-width:850px){.two{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brandbar{padding:12px 20px}.brand span{font-size:10px}.account-name{display:none}main{padding:22px 20px}.hero{grid-template-columns:1fr}.footer{padding:20px}}
@media(max-width:520px){:root{font-size:14px}.brandbar{padding:10px 14px;gap:8px}.brand{gap:12px}.brand img{width:82px;height:53px}.brand span{padding-left:12px;letter-spacing:1px}#account{gap:6px}#account button{padding:8px;font-size:11px}.avatar{display:none}nav{padding:9px 14px;gap:3px}nav button{flex:1;min-width:0;padding:10px 7px}main{padding:22px 14px;gap:18px}h1{font-size:28px}.metrics{grid-template-columns:1fr;gap:10px}.metric{padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.metric .value{grid-column:2;grid-row:1/3;font-size:28px}.metric p:last-child{grid-column:1;font-size:11px}.panel{padding:18px 16px}.row{gap:10px}.thumb{width:38px;height:38px;font-size:22px}.item{gap:9px}.sale-name{font-size:13px}.muted{font-size:12px}.money{font-size:14px}.tile-grid{gap:10px}.tile{padding:13px}.tile .thumb{height:90px}.tile h2{font-size:14px}.tile .row{flex-wrap:wrap;gap:3px}.toolbar{gap:8px}.toolbar input{width:100%;flex-basis:100%}.toolbar select{width:100%}.notice{font-size:10px;padding:8px 12px}.footer{padding:20px 14px;font-size:11px}.hero{padding:20px}.login{margin:15px auto;padding:24px 18px}dialog{padding:18px}.calc-grid{grid-template-columns:1fr}.dialog-head h2{font-size:19px}}
@media(max-width:340px){.tile-grid{grid-template-columns:1fr}.brand span{font-size:9px}.metric .value{font-size:25px}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .16s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}