:root{--paper:#f3e5d8;--ink:#20201e;--accent:#b64b19;--white:#fffaf6;--line:#d9c7b8;--muted:#685a50}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}header,main,footer{width:min(1080px,90%);margin:auto}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{object-fit:contain;display:block}nav{display:flex;gap:28px;font-weight:600}main{padding:55px 0 70px;min-height:75vh}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-2.5px;margin:10px 0 30px}h2{font-size:28px;line-height:1.15}.title-row,.history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}button,.primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 21px;border:1px solid var(--line);border-radius:26px;background:var(--white);font-weight:600}.primary{background:var(--accent);color:var(--white);border-color:var(--accent)}button:hover,.primary:hover{filter:brightness(.94)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.muted{color:var(--muted);font-size:14px}.login-panel{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--white)}.login-panel>div{padding:45px}.login-panel h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px}.badge{font-size:11px;letter-spacing:1.6px;color:var(--accent);font-weight:700}.login-panel .login-art{display:flex;flex-direction:column;justify-content:center;background:var(--accent);color:var(--paper);font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.15;letter-spacing:-2px}.confirmation{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:32px;max-width:680px}.login-code{font-size:42px;letter-spacing:8px;font-weight:700;font-variant-numeric:tabular-nums;margin:25px 0}.quiet{background:transparent}.history-heading{margin:20px 0}.order-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:18px}.order-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.order-head h3{margin:0 0 4px}.date{color:var(--muted);font-size:13px}.status{border-radius:20px;background:#f5e0cf;padding:7px 12px;font-size:13px;font-weight:700}.status[data-status=done]{background:#dfebd8;color:#365530}.status[data-status=cancelled],.status[data-status=failed]{background:#f4d9d4;color:#82372d}.line-item,.order-total{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.line-item{border-bottom:1px solid var(--line);font-size:15px}.line-item span:last-child{white-space:nowrap}.order-total{border-top:1px solid var(--line);font-size:19px;margin-top:15px}.method{color:var(--muted);font-size:14px}.test{color:var(--accent);font-weight:700;font-size:12px}.history-note{max-width:760px;margin:25px 0}.empty{border:1px dashed var(--line);border-radius:20px;padding:35px;margin:15px 0}#message:empty{display:none}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:13px}@media(max-width:650px){main{padding-top:30px}.login-panel{grid-template-columns:1fr}.login-panel>div{padding:26px}.login-panel .login-art{font-size:30px;flex-direction:row;gap:10px;padding:25px 15px;flex-wrap:wrap}.confirmation{padding:24px}.order-card{padding:20px}.order-head{display:block}.status{display:inline-block;margin:12px 0 4px}h1{letter-spacing:-1.5px}.title-row{align-items:start}nav{gap:18px;font-size:14px}footer{flex-direction:column}}