@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary-base:250;--primary:hsl(var(--primary-base), 85%, 57%);--primary-hover:hsl(var(--primary-base), 85%, 50%);--primary-light:hsl(var(--primary-base), 85%, 96%);--primary-glow:hsla(var(--primary-base), 85%, 57%, .15);--secondary:#e935ad;--secondary-hover:#dc189b;--dark-base:220;--bg-primary:hsl(var(--dark-base), 20%, 98%);--bg-secondary:#fff;--bg-tertiary:hsl(var(--dark-base), 20%, 94%);--text-primary:hsl(var(--dark-base), 40%, 12%);--text-secondary:hsl(var(--dark-base), 20%, 35%);--text-muted:hsl(var(--dark-base), 15%, 60%);--border-color:hsl(var(--dark-base), 20%, 90%);--border-focus:hsl(var(--primary-base), 85%, 75%);--status-pending:#f59e0b;--status-pending-light:#fef3c7;--status-confirmed:#3b82f6;--status-confirmed-light:#dbeafe;--status-processing:#8b5cf6;--status-processing-light:#ede9fe;--status-shipped:#06b6d4;--status-shipped-light:#ecfeff;--status-delivered:#10b981;--status-delivered-light:#d1fae5;--status-cancelled:#ef4444;--status-cancelled-light:#fee2e2;--font-primary:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #959da51a;--shadow-lg:0 16px 48px #959da529;--shadow-luxury:0 24px 60px -15px #6366f11f;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--bg-primary:hsl(var(--dark-base), 25%, 8%);--bg-secondary:hsl(var(--dark-base), 22%, 12%);--bg-tertiary:hsl(var(--dark-base), 20%, 15%);--text-primary:hsl(var(--dark-base), 20%, 94%);--text-secondary:hsl(var(--dark-base), 15%, 75%);--text-muted:hsl(var(--dark-base), 10%, 50%);--border-color:hsl(var(--dark-base), 20%, 18%);--border-focus:hsl(var(--primary-base), 60%, 40%);--primary-light:hsl(var(--primary-base), 40%, 15%);--primary-glow:hsla(var(--primary-base), 85%, 57%, .3);--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-luxury:0 24px 60px -15px #6366f14d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,textarea,select{color:inherit;outline:none;font-family:inherit}button{cursor:pointer;background:0 0;border:none}ul{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.fadeIn{animation:fadeIn .6s var(--transition-smooth) forwards}.slideUp{animation:slideUp .8s var(--transition-smooth) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.inputGroup{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.inputLabel{color:var(--text-secondary);font-size:.875rem;font-weight:600}.inputField{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:var(--transition-fast);padding:12px 16px;font-size:.95rem}.inputField:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.btn{border-radius:var(--radius-sm);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btnPrimary{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--primary-base), 85%, 48%) 100%);color:#fff;box-shadow:0 4px 14px #6366f14d}.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btnPrimary:active{transform:translateY(0)}.btnSecondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btnSecondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}