[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{width:100%}.orders-page__inner{box-sizing:border-box;grid-template-columns:320px 1fr;align-items:start;gap:28px;width:100%;max-width:100%;margin:0 auto;padding:32px 24px 80px;display:grid}@media (width<=1024px){.orders-sidebar{display:none!important}.orders-page__inner{grid-template-columns:1fr;gap:20px;padding:20px 14px 64px}}.orders-content{min-width:0}.orders-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.menu-group{margin-bottom:0}.menu-group__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted,#9ca3af);margin:0 0 8px 4px;font-size:10.5px;font-weight:800;display:block}.menu-group__list{background:var(--surface-solid,#fff);border:1px solid var(--border,#e6e6ea);box-shadow:var(--ord-shadow-card);border-radius:20px;overflow:hidden}.menu-row{border-bottom:1px solid var(--border,#e6e6ea);align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:background .15s;display:flex}.menu-row:last-child{border-bottom:none}.menu-row:hover{background:var(--surface-2,#f8f8fa)}.menu-row:active{background:var(--surface-2,#f0f0f2)}.menu-row--active{border-left:3.5px solid var(--ord-accent,#f86d0d);background:var(--surface-2,#f4f3f0)!important}.menu-row__icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.menu-row__icon svg{width:20px;height:20px}.menu-row__icon--indigo{color:#4f46e5;background:#eef2ff}.menu-row__icon--teal{color:#0d9488;background:#f0fdfa}.menu-row__icon--blue{color:#2563eb;background:#eff6ff}.menu-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-row__title{color:var(--text-primary,#111);font-size:14.5px;font-weight:600}.menu-row__meta{color:var(--text-muted,#6b7280);font-size:12.5px}.menu-row__chevron{width:15px;height:15px;color:var(--text-muted,#c4c4cc);flex-shrink:0}.orders-account-link{color:var(--text-secondary,#4a4a4a);background:var(--surface-solid,#fff);border:1px solid var(--border,#e6e6ea);box-shadow:var(--ord-shadow-card);border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.orders-account-link:hover{border-color:var(--ord-accent-border);color:var(--ord-accent);background:var(--ord-accent-dim)}.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}.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:#0f172a;margin:0;font-size:26px;font-weight:800;line-height:1.1}.orders-head__sub{color:#475569;margin:5px 0 0;font-size:13px;font-weight:600}.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{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}@media (width<=640px){.orders-list{grid-template-columns:1fr;gap:10px}}.order-card{background:var(--surface-solid,#fff);border:1px solid var(--border,#e6e6ea);box-shadow:var(--ord-shadow-card);border-radius:20px;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}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,#c4c4cc);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:#4f46e5;background:#eef2ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.order-card__icon svg{width:20px;height:20px}.order-card__icon--whatsapp{color:#16a34a;background:#f0fdf4}.order-card__body{flex:1;min-width:0}.order-card__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.order-card__title{color:var(--text-primary,#111);font-size:14.5px;font-weight:600;line-height:1.35;display:block}.order-card__id{color:var(--text-muted,#6b7280);letter-spacing:.02em;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:500;display:block}.order-card__amount{font-family:var(--font-heading,"Plus Jakarta Sans", sans-serif);color:var(--text-primary,#111);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0;font-size:15px;font-weight:700}.order-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-card__date{color:var(--text-muted,#6b7280);margin-left:auto;font-size:12px;font-weight:500}.status-pill{letter-spacing:.02em;border-radius:var(--ord-radius-pill);text-transform:capitalize;align-items:center;gap:5px;padding:4px 10px;font-size:11px;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,#64748b);border:1px solid var(--border,#00000012);text-transform:capitalize;align-items:center;gap:4px;padding:3.5px 10px;font-size:11px;font-weight:600;display:inline-flex}.pay-tag--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pay-tag--pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pay-tag--failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pay-tag--refunded{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.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<=900px){.orders-page,.auth-wall{padding:24px 18px 64px}.orders-head{margin-bottom:20px}}@media (width<=680px){.orders-page,.auth-wall{padding:20px 14px 56px}.orders-head{gap:12px;margin-bottom:18px}.orders-head__title{font-size:22px}.orders-filters{gap:6px;margin-bottom:16px}.filter-chip{padding:7px 14px;font-size:12px}.order-card{gap:12px;padding:15px 16px}.order-card__icon{border-radius:12px;width:40px;height:40px}.order-card__amount{font-size:14.5px}}@media (width<=480px){.orders-page,.auth-wall{padding:16px 12px 48px}.order-card{gap:11px;padding:14px}.order-card__icon{border-radius:11px;width:38px;height:38px}.order-card__icon svg{width:18px;height:18px}.orders-head__title{font-size:20px}.order-card__top{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.order-card__amount{font-size:14px}.order-card__meta{width:100%}.order-card__date{width:100%;margin-top:2px;margin-left:0}.order-card__chevron{display:none}}