[hidden]{display:none!important}:root{--ord-accent:var(--accent,#f86d0d);--ord-accent-dim:#f86d0d14;--ord-accent-border:#f86d0d38;--ord-accent-glow:#f86d0d2e;--ord-radius-card:18px;--ord-radius-sm:12px;--ord-radius-pill:999px;--ord-shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ord-shadow-hover:0 8px 28px #0000001a, 0 2px 8px #0000000f}.orders-page,.auth-wall{max-width:700px;margin:0 auto;padding:32px 20px 80px;position:relative}.orders-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orders-bg__orb{filter:blur(100px);border-radius:50%;position:absolute}.orders-bg__orb--1{background:radial-gradient(circle,#f86d0d1a,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate orb-drift;top:-160px;right:-160px}.orders-bg__orb--2{background:radial-gradient(circle,#6366f112,#0000 70%);width:380px;height:380px;animation:20s ease-in-out infinite alternate-reverse orb-drift;bottom:80px;left:-100px}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(24px,16px)scale(1.06)}}.orders-page>:not(.orders-bg){z-index:1;position:relative}.auth-wall{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative}.auth-wall__glow{pointer-events:none;background:radial-gradient(circle,#f86d0d14 0%,#0000 70%);width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.auth-wall__icon{background:var(--ord-accent-dim);border:1px solid var(--ord-accent-border);width:72px;height:72px;color:var(--ord-accent);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.auth-wall__icon svg{width:32px;height:32px}.auth-wall__title{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);letter-spacing:-.03em;color:var(--text-primary,#0a0a0a);margin:0 0 10px;font-size:26px;font-weight:800}.auth-wall__sub{color:var(--text-muted,#8a8a8a);margin:0 0 28px;font-size:15px;line-height:1.6}.auth-wall__btn{background:linear-gradient(135deg, var(--ord-accent), #d95800);color:#fff;border-radius:var(--ord-radius-pill);box-shadow:0 4px 20px var(--ord-accent-glow);align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.auth-wall__btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 28px #f86d0d59}.orders-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.orders-back{border-radius:var(--ord-radius-sm);background:var(--surface-solid,#fff);border:1.5px solid var(--border,#00000014);width:40px;height:40px;color:var(--text-secondary,#4a4a4a);box-shadow:var(--ord-shadow-card);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.orders-back:hover{border-color:var(--ord-accent-border);color:var(--ord-accent);background:var(--ord-accent-dim);transform:translate(-2px)}.orders-head__text{flex:1}.orders-head__title{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);letter-spacing:-.03em;color:var(--text-primary,#0a0a0a);margin:0;font-size:24px;font-weight:800;line-height:1.1}.orders-head__sub{color:var(--text-muted,#8a8a8a);margin:5px 0 0;font-size:12.5px;font-weight:500}.orders-head__badge{border-radius:var(--ord-radius-pill);background:var(--ord-accent-dim);border:1.5px solid var(--ord-accent-border);min-width:32px;height:32px;color:var(--ord-accent);justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:flex}.orders-filters{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.orders-filters::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--ord-radius-pill);background:var(--surface-solid,#fff);border:1.5px solid var(--border,#00000014);color:var(--text-secondary,#4a4a4a);cursor:pointer;white-space:nowrap;box-shadow:var(--ord-shadow-card);flex-shrink:0;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .16s}.filter-chip:hover{border-color:var(--ord-accent-border);color:var(--ord-accent);background:var(--ord-accent-dim)}.filter-chip[aria-selected=true]{background:var(--ord-accent);border-color:var(--ord-accent);color:#fff;box-shadow:0 2px 14px var(--ord-accent-glow);font-weight:700}.orders-list{flex-direction:column;gap:10px;display:flex}.order-card{background:var(--surface-solid,#fff);border:1.5px solid var(--border,#00000012);border-radius:var(--ord-radius-card);box-shadow:var(--ord-shadow-card);align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.order-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff9 0%,#0000 50%);position:absolute;inset:0}a.order-card:hover{border-color:var(--ord-accent-border);box-shadow:var(--ord-shadow-hover);transform:translateY(-2px)}a.order-card:active{box-shadow:var(--ord-shadow-card);transform:translateY(0)}.order-card__chevron{color:var(--text-muted,#8a8a8a);opacity:0;flex-shrink:0;margin-top:4px;transition:all .2s}a.order-card:hover .order-card__chevron{opacity:1;color:var(--ord-accent);transform:translate(3px)}.order-card__icon{color:#6366f1;background:linear-gradient(135deg,#6366f11f,#6366f10d);border:1.5px solid #6366f126;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.order-card__icon svg{width:20px;height:20px}.order-card__icon--whatsapp{color:#16a34a;background:linear-gradient(135deg,#22c55e1f,#22c55e0d);border-color:#22c55e2e}.order-card__body{flex:1;min-width:0}.order-card__top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.order-card__title{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);color:var(--text-primary,#0a0a0a);font-size:14px;font-weight:700;line-height:1.35;display:block}.order-card__id{color:var(--text-muted,#8a8a8a);letter-spacing:.02em;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:block}.order-card__amount{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);color:var(--text-primary,#0a0a0a);white-space:nowrap;letter-spacing:-.02em;flex-shrink:0;font-size:15px;font-weight:800}.order-card__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.order-card__date{color:var(--text-muted,#8a8a8a);margin-left:auto;font-size:11px;font-weight:500}.status-pill{letter-spacing:.03em;border-radius:var(--ord-radius-pill);text-transform:capitalize;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill__dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-pending{color:#c2570a;background:#fff3e8;border:1px solid #fcd6ae}.status-pending .status-pill__dot{background:#ea7c34}.status-completed,.status-success,.status-delivered{color:#166534;background:#edfaf3;border:1px solid #bbf7d0}.status-completed .status-pill__dot,.status-success .status-pill__dot,.status-delivered .status-pill__dot{background:#16a34a}.status-cancelled,.status-failed,.status-rejected{color:#991b1b;background:#fff0f0;border:1px solid #fecaca}.status-cancelled .status-pill__dot,.status-failed .status-pill__dot,.status-rejected .status-pill__dot{background:#dc2626}.status-processing,.status-inprogress{color:#3730a3;background:#eff1fe;border:1px solid #c7d2fe}.status-processing .status-pill__dot,.status-inprogress .status-pill__dot{background:#4f46e5}.status-default{background:var(--surface-2,#f4f3f0);color:var(--text-secondary,#4a4a4a);border:1px solid var(--border,#00000014)}.status-default .status-pill__dot{background:var(--text-muted,#8a8a8a)}.type-tag{border-radius:var(--ord-radius-pill);background:var(--surface-2,#f4f3f0);color:var(--text-muted,#8a8a8a);border:1px solid var(--border,#00000012);padding:4px 9px;font-size:10.5px;font-weight:600}.order-card--skeleton{pointer-events:none;align-items:center;animation:.4s both card-fade-in}.skel{background:linear-gradient(90deg, var(--surface-2,#f4f3f0) 25%, #0000000f 50%, var(--surface-2,#f4f3f0) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skel-shimmer}.skel--icon{border-radius:14px;flex-shrink:0;width:44px;height:44px}.skel-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skel--line{border-radius:6px;height:11px}.skel--meta{gap:6px;margin-top:2px;display:flex}.skel--pill{border-radius:999px;width:58px;height:22px}.skel--amount{border-radius:6px;flex-shrink:0;width:52px;height:18px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.order-card:not(.order-card--skeleton){animation:.3s both card-fade-in}.orders-empty{text-align:center;padding:64px 24px;animation:.4s both card-fade-in}.orders-empty__visual{width:88px;height:88px;margin:0 auto 24px;position:relative}.orders-empty__ring{border:1.5px solid var(--ord-accent-border);border-radius:50%;animation:3s ease-in-out infinite ring-pulse;position:absolute;inset:0}.orders-empty__ring:after{content:"";border:1px dashed #f86d0d33;border-radius:50%;animation:12s linear infinite ring-spin;position:absolute;inset:8px}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes ring-spin{to{transform:rotate(360deg)}}.orders-empty__icon{background:var(--ord-accent-dim);border:1.5px solid var(--ord-accent-border);color:var(--ord-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px}.orders-empty__icon svg{width:26px;height:26px}.orders-empty__title{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);letter-spacing:-.02em;color:var(--text-primary,#0a0a0a);margin:0 0 6px;font-size:18px;font-weight:800}.orders-empty__sub{color:var(--text-muted,#8a8a8a);margin:0 0 24px;font-size:13.5px;line-height:1.6}.orders-empty__btn{background:linear-gradient(135deg, var(--ord-accent), #d95800);color:#fff;border-radius:var(--ord-radius-pill);box-shadow:0 4px 18px var(--ord-accent-glow);align-items:center;gap:7px;padding:11px 24px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.orders-empty__btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 24px #f86d0d4d}.orders-error{text-align:center;padding:56px 24px;animation:.4s both card-fade-in}.orders-error__icon{color:#dc2626;background:#fff0f0;border:1.5px solid #fecaca;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.orders-error__icon svg{width:30px;height:30px}.orders-error__title{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);color:var(--text-primary,#0a0a0a);margin:0 0 6px;font-size:16px;font-weight:800}.orders-error__sub{color:var(--text-muted,#8a8a8a);margin:0 0 22px;font-size:13px;line-height:1.6}.orders-error__btn{background:var(--surface-solid,#fff);border:1.5px solid var(--border,#00000014);color:var(--text-primary,#0a0a0a);border-radius:var(--ord-radius-pill);cursor:pointer;box-shadow:var(--ord-shadow-card);align-items:center;gap:7px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.orders-error__btn:hover{border-color:var(--ord-accent-border);background:var(--ord-accent-dim);color:var(--ord-accent)}.orders-pagination{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.orders-page-btn{border-radius:var(--ord-radius-sm);background:var(--surface-solid,#fff);border:1.5px solid var(--border,#00000014);width:38px;height:38px;color:var(--text-secondary,#4a4a4a);cursor:pointer;box-shadow:var(--ord-shadow-card);justify-content:center;align-items:center;transition:all .18s;display:flex}.orders-page-btn:hover:not(:disabled){border-color:var(--ord-accent-border);color:var(--ord-accent);background:var(--ord-accent-dim)}.orders-page-btn:disabled{opacity:.35;cursor:not-allowed}.orders-page-info{color:var(--text-muted,#8a8a8a);padding:0 8px;font-size:12.5px;font-weight:600}@media (width<=420px){.orders-page{padding:20px 14px 64px}.order-card{gap:12px;padding:14px}.order-card__icon{width:38px;height:38px}.order-card__date{order:99;width:100%;margin-left:0}.orders-head__title{font-size:20px}}