:root{--bg:#f4f7fd;--surface1:#fff;--surface2:#fff;--surface3:#f0f4ff;--surface4:#e8eefb;--white:#0f1c3f;--white72:#0f1c3fb8;--white38:#0f1c3f61;--white15:#0f1c3f26;--white06:#0f1c3f0f;--green:#2563eb;--blue:#2563eb;--orange:#d97706;--red:#dc2626;--purple:#7c3aed;--cyan:#0284c7;--gradient-main:linear-gradient(135deg, #1e40af 0%, #2979ff 100%);--gradient-gold:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-elite:linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #0f2d6b 100%);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:100px;--font:"Sora", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#0f1c3f;-webkit-font-smoothing:antialiased;background:#f4f7fd;height:100%;font-family:Sora,Plus Jakarta Sans,-apple-system,sans-serif}body{overflow-x:hidden}a{color:var(--green);text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}::-webkit-scrollbar{width:0;height:0}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,15px)scale(.9)}}.slide-up{animation:.6s cubic-bezier(.22,1,.36,1) both slideUp}.fade-in{animation:.4s both fadeIn}.glass{-webkit-backdrop-filter:blur(32px);background:#fffc}.btn-primary{color:#000;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1e40af 0%,#2979ff 100%);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:active{transform:scale(.97)}.btn-primary:hover{box-shadow:0 0 24px #00e6764d}.btn-secondary{background:var(--surface3);color:var(--white);border-radius:var(--radius-pill);border:1px solid var(--white15);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface4)}.input{border-radius:var(--radius-md);color:#0f1c3f;background:#f8faff;border:1px solid #0f2d6b26;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--white38)}.card{background:#fff;border:1px solid #0f2d6b14;border-radius:16px;padding:20px;transition:background .2s;box-shadow:0 2px 12px #0f2d6b0f}.card:active{background:#f8faff;transition:all .15s cubic-bezier(.22,1,.36,1);transform:scale(.99)}.glass-card{background:#fff!important;border:1px solid #0f2d6b14!important;border-radius:16px!important;box-shadow:0 2px 12px #0f2d6b0f!important}.glass-card:active{transition:all .15s cubic-bezier(.22,1,.36,1);transform:scale(.98);background:#f8faff!important}.badge{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:#059669;background:#ecfdf5}.badge-blue{color:#2563eb;background:#eff6ff}.badge-orange{color:#92400e;background:#fffbeb}.badge-red{color:#dc2626;background:#fef2f2}.badge-purple{color:#7c3aed;background:#f5f3ff}.pills{-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.pill{border-radius:var(--radius-pill);color:#4b5e8a;white-space:nowrap;cursor:pointer;background:#f0f4ff;border:1px solid #0f2d6b14;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.status-pending{color:#d97706}.status-checking{color:#2563eb}.status-verified{color:#059669}.status-shipped{color:#0284c7}.status-delivered{color:#059669}.status-issue{color:#dc2626}.status-processing{color:#2563eb}.status-paid{color:#059669}.status-refunded{color:#7c3aed}@media (width<=480px){.btn-primary{padding:12px 20px;font-size:14px}.btn-secondary{padding:10px 16px;font-size:13px}.card{padding:16px}h1{font-size:24px!important}h2{font-size:22px!important}}html,body{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto}button,a,input,select{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}@keyframes starBurst{0%{opacity:1;transform:scale(0)rotate(0)}60%{opacity:1;transform:scale(1.6)rotate(20deg)}to{opacity:.8;transform:scale(1.2)rotate(15deg)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s cubic-bezier(.22,1,.36,1) pageSlideUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.card-interactive{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.card-interactive:active{transform:scale(.975);box-shadow:0 1px 4px #0f2d6b14}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,#f0f4ff 25%,#e8eefb 50%,#f0f4ff 75%) 0 0/400px 100%;border-radius:8px;animation:1.5s infinite shimmer}.img-fade{opacity:0;transition:opacity .3s}.img-fade.loaded{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast{z-index:9999;color:#fff;background:#0f2d6b;border-radius:100px;padding:12px 24px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.22,1,.36,1) toastIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0f2d6b33}.toast.hide{animation:.2s forwards toastOut}@keyframes splashFade{0%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (hover:none){.card:active,.btn-primary:active,.pill:active{transition:transform .1s;transform:scale(.97)}}