:root{--bg-base: #0F172A;--bg-surface: #1E293B;--bg-elevated: #334155;--bg-hover: #475569;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--primary: #6366F1;--primary-hover: #818CF8;--primary-active: #4F46E5;--accent-pink: #EC4899;--accent-cyan: #06B6D4;--status-shipped: #FF9800;--status-shipped-bg: rgba(255, 152, 0, .15);--status-in-transit: #2196F3;--status-in-transit-bg: rgba(33, 150, 243, .15);--status-in-my-home: #4CAF50;--status-in-my-home-bg: rgba(76, 175, 80, .15);--status-bought: #ef4444;--status-bought-bg: rgba(239, 68, 68, .15);--status-returned: #F44336;--status-returned-bg: rgba(244, 67, 54, .15);--status-money-back: #9C27B0;--status-money-back-bg: rgba(156, 39, 176, .15);--success: #4CAF50;--warning: #FF9800;--error: #F44336;--info: #2196F3;--border-color: #334155;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=light]{--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #F1F5F9;--bg-hover: #E2E8F0;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #64748B;--primary: #4F46E5;--primary-hover: #4338CA;--primary-active: #6366F1;--accent-pink: #DB2777;--accent-cyan: #0891B2;--status-shipped: #C2410C;--status-shipped-bg: rgba(194, 65, 12, .12);--status-in-transit: #1D4ED8;--status-in-transit-bg: rgba(29, 78, 216, .12);--status-in-my-home: #15803D;--status-in-my-home-bg: rgba(21, 128, 61, .12);--status-bought: #DC2626;--status-bought-bg: rgba(220, 38, 38, .12);--status-returned: #DC2626;--status-returned-bg: rgba(220, 38, 38, .12);--status-money-back: #7C3AED;--status-money-back-bg: rgba(124, 58, 237, .12);--success: #15803D;--warning: #C2410C;--error: #DC2626;--info: #1D4ED8;--border-color: #CBD5E1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(79, 70, 229, .2);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .25)}:root{--focus-ring: 0 0 0 3px rgba(99, 102, 241, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-icon{padding:var(--space-2);background:transparent;color:var(--text-secondary)}.btn-icon:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.card{background:var(--bg-surface);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--space-4);transition:all var(--transition-base)}.card:hover{border-color:var(--bg-hover)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}[data-theme=light] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23475569' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm)}.status-shipped{color:var(--status-shipped);background:var(--status-shipped-bg)}.status-in-transit{color:var(--status-in-transit);background:var(--status-in-transit-bg)}.status-in-my-home{color:var(--status-in-my-home);background:var(--status-in-my-home-bg)}.status-returned{color:var(--status-returned);background:var(--status-returned-bg)}.status-money-back{color:var(--status-money-back);background:var(--status-money-back-bg)}.status-bought{color:var(--status-bought);background:var(--status-bought-bg)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}