:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#f8f1fc;background:#100c16;--pink:#f5a5d5;--blue:#a4ddf5;--muted:#b9adc5;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#44233c65,transparent 45%),radial-gradient(ellipse at 95% 10%,#203b5445,transparent 40%);min-height:100dvh}a{color:var(--pink);text-underline-offset:4px}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.topbar{max-width:1100px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.topbar img{display:block;width:170px;max-width:100%;height:auto}.back{text-decoration:none;font-size:.85rem;color:#dac9e2}main{max-width:1000px;margin:auto;padding:48px 28px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:.68rem;color:var(--pink);letter-spacing:.18em;font-weight:800}h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;margin:12px 0 0}h1 span{display:block;color:var(--muted);font-size:.9rem;font-weight:400;line-height:1.7;margin-top:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;text-decoration:none;border-radius:13px;padding:13px 18px;min-height:46px;font-weight:700;font-size:.85rem;border:1px solid #f5a5d54d;color:var(--pink);background:#f5a5d510}.primary{background:linear-gradient(105deg,var(--blue),var(--pink));color:#24102e;border:0}.overview{display:grid;grid-template-columns:1fr 1fr 1.4fr;border:1px solid var(--line);border-radius:22px;background:linear-gradient(110deg,#38203988,#1b1b2d88);padding:24px 10px}.overview>div{padding:0 22px;display:grid;gap:12px;min-width:0}.overview>div+div{border-left:1px solid var(--line)}.overview span{font-size:.75rem;color:var(--muted)}.overview strong{font-size:1.7rem;color:var(--blue);overflow-wrap:anywhere}.overview>div:last-child strong{color:var(--pink)}.notice{display:flex;align-items:flex-start;gap:12px;margin:22px 0 30px;color:var(--blue);padding:0 4px}.notice>span{font-size:1.2rem}.notice p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.8}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button,.refresh{border:1px solid var(--line);border-radius:24px;background:#ffffff04;color:var(--muted);padding:10px 16px;font-size:.8rem;min-height:42px}.filters button[aria-pressed=true]{color:#29112c;background:var(--pink);border-color:var(--pink);font-weight:700}.refresh{border-radius:12px;color:var(--blue)}.sync-status{color:var(--muted);font-size:.72rem;line-height:1.7;margin:14px 2px 20px}#orders{display:grid;gap:16px}.order{background:linear-gradient(130deg,#261b2b,#191522);border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.order[data-selected=true]{border-color:#f5a5d588;box-shadow:0 0 0 3px #f5a5d50b}.order-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-type{font-size:.7rem;color:var(--muted);letter-spacing:.04em}.badge{display:inline-block;border:1px solid #a4ddf540;background:#a4ddf50b;color:var(--blue);padding:5px 11px;border-radius:20px;font-size:.7rem;white-space:nowrap}.order[data-state=credited] .badge{color:var(--pink);border-color:#f5a5d555;background:#f5a5d512}.order[data-state=paid_review] .badge{color:#ffd399;border-color:#ffd39955}.order[data-state=failed] .badge,.order[data-state=rejected] .badge{color:var(--muted);border-color:var(--line)}.order-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.order h2{font-size:1.25rem;line-height:1.5;margin:0;overflow-wrap:anywhere}.amount{font-size:1.5rem;white-space:nowrap;letter-spacing:-.025em}.amount small{font-size:.7rem;color:var(--muted);font-weight:400;margin-right:5px}.meta{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}.message{font-size:.8rem;line-height:1.8;margin:16px 0;color:#ddcfe7}.receipt{font-size:.75rem;line-height:1.8;color:var(--blue);margin:10px 0}.order-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.order-id{min-width:0;display:grid;gap:5px;color:var(--muted);font-size:.65rem;line-height:1.6}.order-id code{font:inherit;overflow-wrap:anywhere}.order-bottom .button{flex-shrink:0;font-size:.75rem}.empty{text-align:center;border:1px dashed #f5a5d540;border-radius:22px;padding:50px 22px;color:var(--muted);line-height:1.8}.empty h2{color:#f5e7f7;font-size:1.2rem}.empty p{font-size:.85rem}footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.68rem;color:var(--muted)}footer b{font-size:.95rem;color:#f5e7f7;margin-left:5px}footer nav{display:flex;gap:20px}footer a{color:var(--muted)}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.topbar a:focus:not(:focus-visible){outline:none}
/* The operations page shares this stylesheet; retain its readable cards. */
#orders>article:not(.order){padding:24px;border:1px solid var(--line);border-radius:20px;background:#211827;overflow-wrap:anywhere;line-height:1.7}#refresh:not(.refresh){padding:12px 18px;background:#37213e;border:1px solid var(--pink);color:#fff;border-radius:12px;margin:15px 0}
@media(max-width:600px){.topbar{padding:18px 20px;gap:12px}.topbar img{width:138px}.back{font-size:.75rem}main{padding:30px 20px 40px}.heading{align-items:flex-start}.heading>.button{font-size:.72rem;padding:10px 12px;gap:8px;margin-top:24px;white-space:nowrap}.overview{padding:20px 4px;border-radius:18px;grid-template-columns:1fr 1fr}.overview>div{padding:0 16px}.overview>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.overview strong{font-size:1.5rem}.overview>div:last-child strong{font-size:1.3rem}.notice{margin-bottom:24px}.filters{gap:5px}.filters button{padding:9px 13px}.refresh{padding:9px 12px}.order{padding:20px;border-radius:18px}.order-summary{align-items:flex-start;flex-direction:column;gap:8px;margin:16px 0}.amount{font-size:1.4rem}.order-bottom{align-items:stretch;flex-direction:column;gap:14px}.order-bottom .button{width:100%}footer{margin-top:30px}}