*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f6f8;color:#1c1e21;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:#3454d1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#17181c;color:#fff}.topbar h1{font-size:18px;font-weight:600;margin:0;letter-spacing:.01em}.topbar .actions{display:flex;gap:20px;align-items:center;font-size:13px}.topbar a{color:#cbd3e6;text-decoration:none}.topbar a:hover{color:#fff}.link-btn{background:none;border:none;color:#cbd3e6;cursor:pointer;font:inherit;padding:0}.link-btn:hover{color:#fff}.empty{padding:48px 28px;color:#7c828f;font-size:14px}.tabs{gap:4px;padding:14px 28px 0;background:#fff;border-bottom:1px solid #e4e6ea}.tab,.tabs{display:flex}.tab{align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;font:inherit;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tab.active,.tab:hover{color:#1c1e21}.tab.active{border-bottom-color:#3454d1}.tab .count{min-width:20px;padding:1px 6px;border-radius:999px;background:#eceef2;color:#565d6b;font-size:12px;font-weight:600;text-align:center}.tab.active .count{background:#e4eaff;color:#3454d1}.order-card{margin:18px 28px;background:#fff;border:1px solid #e4e6ea;border-radius:10px;padding:18px 22px;box-shadow:0 1px 2px rgba(20,20,30,.04)}.order-head{justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.order-head,.order-head-right{display:flex;align-items:center}.order-head-right{gap:12px}.order-total{font-weight:600;font-size:16px}.muted{color:#7c828f;font-size:13px}.shipping{margin:4px 0 14px;font-size:14px;color:#444}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em}.badge-new{background:#fff3e0;color:#9a5b00}.badge-in_progress{background:#e7edff;color:#2842ab}.badge-shipped{background:#e5f7ea;color:#1b7a3d}.tab-new.active{border-bottom-color:#d98c00}.tab-shipped.active{border-bottom-color:#2f9e57}.blend{margin-top:18px;padding-top:14px;border-top:1px solid #eef0f3}.blend h3{font-size:15px;margin:0 0 8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #edeef1;padding:7px 10px;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#565d6b;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #eef0f3}.btn-ghost,.btn-primary{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-primary{background:#3454d1;color:#fff;border:1px solid #3454d1}.btn-primary:hover{background:#2842ab;border-color:#2842ab}.btn-ghost{background:#fff;color:#444;border:1px solid #d7dae0}.btn-ghost:hover{background:#f5f6f8;border-color:#b9bec8}.btn-ghost:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed}.inline-error{color:#b3261e;font-size:13px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,30,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{background:#fff;border-radius:10px;padding:24px 26px;width:100%;max-width:380px;box-shadow:0 12px 40px rgba(20,20,30,.2)}.modal-card h2{margin:0 0 10px;font-size:17px}.modal-card p{margin:0 0 20px;font-size:14px;color:#444}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f0ee}.login-card{background:#fff;border:1px solid #e4e6ea;border-radius:10px;padding:32px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(20,20,30,.04)}.login-card h1{margin:0;font-size:20px}.login-card input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.login-card button{padding:10px;border:none;border-radius:6px;background:#17181c;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.login-card button:hover{background:#333}.error{color:#b3261e;font-size:13px;margin:0}