:root{--gradient-primary: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--gradient-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);--gradient-card: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);--gradient-success: linear-gradient(135deg, #28a745 0%, #20c997 100%);--gradient-danger: linear-gradient(135deg, #dc3545 0%, #c82333 100%);--gradient-warning: linear-gradient(135deg, #ff9800 0%, #f57c00 100%)}.btn-base{padding:.7rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:.85rem;border:none;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#000;box-shadow:0 4px 15px #ffd7004d}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ffd70080}.btn-danger{background:var(--gradient-danger);color:var(--text-color);box-shadow:0 4px 15px #dc35454d}.btn-danger:hover{transform:translateY(-4px);box-shadow:0 8px 25px #dc354580}.card-base{background:var(--gradient-card);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d;border:1px solid var(--card-border);transition:all .3s ease;color:var(--text-color)}.card-base:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0006;border-color:var(--accent-primary)}.form-input-base{background:var(--bg-input);color:var(--text-color);border:2px solid var(--border-input);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .3s ease;width:100%}.form-input-base:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px var(--shadow-primary)}@media (max-width: 768px){.mobile-stack{flex-direction:column;gap:1rem}.mobile-full-width{width:100%}.mobile-hide{display:none}}.table-base{width:100%;border-collapse:collapse;border-spacing:0}.table-base th{background:var(--gradient-primary);color:#000;font-weight:700;text-align:left;padding:1rem 1.2rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid gold;position:sticky;top:0;z-index:10;white-space:nowrap}.table-base td{padding:.9rem 1.2rem;border-bottom:1px solid var(--border-input);color:var(--text-color);font-size:.9rem;white-space:nowrap}.table-base tr:hover{background-color:var(--shadow-primary);transition:background-color .2s ease}:root{--theme-bg-gradient: linear-gradient(-45deg, #f8f9fa, #e9ecef, #d0bdf4, #a084dc, #845ec2);--theme-bg-size: 400% 400%;--theme-bg-animation: gradient-animation 15s ease infinite;--theme-container-text: #000000;--bg-gradient: #f8f9fa;--text-color: #000000;--accent-primary: #cc5500;--accent-secondary: #6f42c1;--accent-hover: #a34300;--bg-section: rgba(255, 255, 255, .85);--btn-text-hover: #ffffff;--shadow-primary: rgba(204, 85, 0, .2);--shadow-glow: rgba(204, 85, 0, .6);--link-glow: rgba(111, 66, 193, .4);--scrollbar-track: #e9ecef;--scrollbar-thumb: #cc5500;--scrollbar-thumb-hover: #a34300;--transition-speed: .3s;--bg-input: #ffffff;--border-input: #ced4da;--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-border: rgba(204, 85, 0, .2);--font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}:root[data-theme=dark]{--theme-bg-gradient: #111;--theme-bg-size: auto;--theme-bg-animation: none;--theme-container-text: #fdfdfd;--bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #111 100%);--text-color: #fdfdfd;--accent-primary: gold;--accent-secondary: gold;--accent-hover: #ffd700;--bg-section: rgba(17, 17, 17, .8);--btn-text-hover: black;--shadow-primary: rgba(255, 215, 0, .1);--shadow-glow: rgba(255, 215, 0, 1);--link-glow: rgba(255, 215, 0, .5);--scrollbar-track: #111;--scrollbar-thumb: gold;--scrollbar-thumb-hover: #ffd700;--bg-input: #222222;--border-input: #555555;--gradient-card: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);--card-border: rgba(255, 215, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;transition:background var(--transition-speed) cubic-bezier(.4,0,.2,1),color var(--transition-speed) cubic-bezier(.4,0,.2,1)}body{background:var(--bg-gradient);color:var(--text-color);font-family:var(--font-family);line-height:1.6;min-height:100vh;padding:0;overflow-x:hidden;width:100%;transition:background var(--transition-speed) cubic-bezier(.4,0,.2,1),color var(--transition-speed) cubic-bezier(.4,0,.2,1)}main,.main-content-wrapper{padding:1rem}.form-input::placeholder{color:var(--text-color);opacity:.5}button{padding:.75rem 2rem;border:2px solid var(--accent-primary);border-radius:50px;background-color:transparent;color:var(--accent-primary);font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;font-size:1em;box-shadow:0 4px 15px var(--shadow-primary);text-transform:uppercase;letter-spacing:.5px}button:hover{background-color:var(--accent-primary);color:var(--btn-text-hover);box-shadow:0 0 15px var(--shadow-glow);transform:translateY(-3px)}a{color:var(--accent-secondary);text-decoration:none;transition:all var(--transition-speed) ease;font-weight:500;position:relative}a:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--link-glow)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-secondary);transition:width var(--transition-speed) ease}a:hover:after{width:100%}section{margin:2rem 0;padding:2rem;background-color:var(--bg-section);border-radius:16px;box-shadow:0 8px 30px #0003;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:0 0 10px var(--shadow-glow)}@keyframes gold-pulse{0%{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 20px var(--accent-primary)}to{box-shadow:0 0 5px var(--accent-primary)}}.gold-highlight{animation:gold-pulse 3s infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[dir=rtl] .product-price,[dir=rtl] .price,[dir=rtl] .price-badge,[dir=rtl] .price-cell,[dir=rtl] .mobile-card-price,[dir=rtl] .unit-price,[dir=rtl] .total-price,[dir=rtl] .card-price,[dir=rtl] .stat-number,[dir=rtl] .rating-percentage{direction:ltr;unicode-bidi:isolate;display:inline-block}