:root{--orange:#ff6928;--ink:#211d1a;--paper:#f7f5f1;--line:#e7e0d9;--muted:#7d756e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.account-header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.account-header img{width:190px;height:52px;object-fit:contain;object-position:left}.account-header>a:last-child{color:var(--ink);font-size:11px;font-weight:800;text-decoration:none}main{padding:55px 5vw 90px}.auth-card{width:min(500px,100%);margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#b84e1f;font-size:9px;font-weight:800}.auth-card h1,.account-view h1{font:700 clamp(38px,5vw,64px)/.95 Space Grotesk;margin:12px 0}.auth-card>p,.account-view header p{color:var(--muted);font-size:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f1ed;border-radius:13px;padding:4px;margin:28px 0 18px}.auth-tabs button{border:0;background:transparent;padding:11px;border-radius:10px;font-weight:800;font-size:10px;cursor:pointer}.auth-tabs button.active{background:#fff;box-shadow:0 3px 12px #ddd5cd}form label{display:grid;gap:7px;font-size:10px;font-weight:800;margin-bottom:14px}form input{border:1px solid var(--line);border-radius:12px;padding:13px;font:600 12px Manrope;outline:none}form input:focus{border-color:var(--orange)}form>button{width:100%;border:0;border-radius:12px;background:var(--ink);color:#fff;padding:14px;font-weight:800;cursor:pointer}.account-view{max-width:1100px;margin:0 auto}.account-view>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.account-view>header button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 14px;font-weight:800;font-size:10px}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.account-summary article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.account-summary span{font-size:10px;color:var(--muted)}.account-summary strong{display:block;font:700 34px Space Grotesk;margin-top:16px}.orders-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px}.orders-panel h2{font:700 25px Space Grotesk;margin:6px 0 22px}.customer-order{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr .7fr;gap:20px}.order-top{display:flex;justify-content:space-between;gap:15px}.order-top h3{font:700 18px Space Grotesk;margin:0}.order-top strong{font-size:13px}.order-meta{color:var(--muted);font-size:10px;margin:6px 0}.order-items{font-size:11px}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0 7px}.progress i{height:6px;border-radius:99px;background:#e6e0da}.progress i.done{background:var(--orange)}.progress-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.receipt-box{background:#f7f4f0;border-radius:16px;padding:16px}.receipt-box b,.receipt-box small{display:block}.receipt-box b{font-size:11px}.receipt-box small{color:var(--muted);font-size:9px;margin:4px 0 12px}.receipt-box label{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:800;cursor:pointer}.receipt-box input{display:none}.empty-orders{text-align:center;color:var(--muted);padding:45px 10px;font-size:12px}.account-toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:13px 16px;border-radius:12px;font-size:11px;opacity:0;transform:translateY(12px);transition:.2s}.account-toast.show{opacity:1;transform:none}@media(max-width:650px){main{padding:35px 16px 70px}.auth-card{padding:25px}.account-view>header{align-items:start}.account-view h1{font-size:39px}.account-summary article{padding:18px}.orders-panel{padding:22px 17px}.customer-order{grid-template-columns:1fr}.order-top{align-items:start}.progress-labels span:nth-child(2),.progress-labels span:nth-child(3){display:none}.account-header img{width:155px}}
