:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#102a43;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.shell aside{background:#102a43;color:#eef5fb;padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:4px 10px 30px;font-weight:800;font-size:20px}.brand b,.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e3a548;color:#102a43}.brand small{display:block;font-size:11px;color:#a8bbca;font-weight:500;margin-top:2px}nav{display:grid;gap:5px}nav button,.signout{border:0;background:transparent;color:#d3e0ea;text-align:left;padding:12px;border-radius:8px;cursor:pointer}nav button:hover,nav button.active{background:#244961;color:#fff}.signout{margin-top:auto;color:#a8bbca}.content{padding:38px;max-width:1500px;width:100%;margin:auto}header,.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center}h1,h2,p{margin-top:0}h1{font-size:28px;margin-bottom:0}.eyebrow{letter-spacing:.12em;font-size:11px;font-weight:800;color:#d58d21}.outline,.primary{border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.outline{background:#fff;border:1px solid #d6e0e8;color:#173c56}.primary{background:#d99427;color:#fff}.primary:disabled{opacity:.55;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metric,.panel,.empty-panel{background:#fff;border:1px solid #e2e9ef;border-radius:12px;box-shadow:0 3px 10px #102a4308}.metric{padding:20px}.metric p,.metric small,.panel p{color:#60798c}.metric strong{display:block;font-size:26px;margin:8px 0}.panel{padding:22px}.panel-head{margin-bottom:18px}.panel-head h2{margin-bottom:6px;font-size:19px}.search{border:1px solid #ccd9e3;border-radius:8px;padding:10px 12px;width:270px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:14px 10px;border-top:1px solid #edf1f5;font-size:14px}th{color:#688092;font-size:12px}td small{display:block;color:#71889a;margin-top:3px}.badge{font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px;background:#eef2f5;color:#476072}.ready,.status-paid,.status-awaiting_fulfillment,.status-deposit_received,.status-preparing{background:#dff6e8;color:#137347}.status-payment_failed,.status-exception{background:#ffe5e2;color:#b3261e}.status-packed,.status-shipped,.status-in_transit{background:#e4efff;color:#195ea8}.empty{padding:30px;color:#71889a;text-align:center}.empty-panel{padding:48px;text-align:center}.empty-panel code{display:inline-block;margin-top:8px;padding:8px 12px;background:#f2f5f8;border-radius:6px}.login,.setup,.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login{background:linear-gradient(120deg,#102a43,#1f5169)}.login-card,.setup-card{background:#fff;width:min(420px,100%);border-radius:16px;padding:36px;box-shadow:0 25px 70px #0003}.login-card label{display:grid;gap:7px;margin:18px 0;font-size:14px;font-weight:700}.login-card input{border:1px solid #cdd9e2;border-radius:8px;padding:11px}.login-card .primary{width:100%;margin-top:10px}.muted{color:#698093}.error{color:#b3261e;font-size:13px}.setup{background:#f6f8fb}.setup-card{width:min(680px,100%)}.setup-card li{margin:10px 0;color:#4e6678}.recon{display:grid;gap:8px;padding:20px;background:#f8fafc;border-radius:9px}.recon strong{font-size:30px}@media(max-width:850px){.shell{grid-template-columns:1fr}.shell aside{padding:12px;position:sticky;top:0;z-index:2}.brand{padding:4px}.shell nav{display:flex;overflow:auto}.shell nav button{white-space:nowrap}.signout{display:none}.content{padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}header,.panel-head{align-items:flex-start;flex-direction:column}.search{width:100%}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.content{padding:16px}.panel{padding:15px}}.demo-label{margin-top:auto;padding:12px;color:#f3c46e;font-size:12px}.demo-notice{margin:18px 0;padding:12px 14px;border-radius:8px;background:#fff3d8;color:#7a4e06;font-size:14px}