:root{--primary-color:#c5a869;--primary-dark:#b89858;--primary-light:#d4b87a;--secondary-color:#2c3e50;--secondary-dark:#1a252f;--accent-color:#e74c3c;--accent-dark:#c0392b;--success-color:#27ae60;--success-light:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--light-bg:#f8f9fa;--card-bg:#fff;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-light:#95a5a6;--border-color:#e1e8ed;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--transition-speed:0.3s;--border-radius:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);background-attachment:fixed;color:#2c3e50;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{background-color:#0000000d;border-radius:4px;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4em}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c5a869,#b89858);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:2px solid #f8f9fa;border:2px solid var(--light-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b89858,#c5a869);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #c5a86933;border-radius:50%;border-top:4px solid var(--primary-color);display:inline-block;height:50px;width:50px}.message{animation:slideDown .4s ease;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);font-weight:500;margin-bottom:1.5rem;padding:1.25rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #27ae60;border-left:4px solid var(--success-color);color:#27ae60;color:var(--success-color)}.message-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #e74c3c;border-left:4px solid var(--danger-color);color:#e74c3c;color:var(--danger-color)}.message-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-left:4px solid #0c5460;color:#0c5460}.message-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-left:4px solid var(--warning-color);color:#f39c12;color:var(--warning-color)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#c5a869,#b89858);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.btn-primary:hover{box-shadow:0 8px 20px #c5a86966}.btn-success{background:linear-gradient(135deg,#27ae60,#229954);background:linear-gradient(135deg,var(--success-color) 0,#229954 100%);color:#fff}.btn-success:hover{box-shadow:0 8px 20px #27ae6066}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--danger-color) 0,var(--accent-dark) 100%);color:#fff}.btn-danger:hover{box-shadow:0 8px 20px #e74c3c66}.btn-outline{background:#0000;border:2px solid #c5a869;border:2px solid var(--primary-color);color:#c5a869;color:var(--primary-color)}.btn-outline:hover{background:#c5a869;background:var(--primary-color);color:#fff}.card{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.card:hover{box-shadow:0 8px 32px #00000029;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.container{margin:0 auto;max-width:1400px;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.container{padding:0 .75rem}}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}body[dir=ltr]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body[lang=ar],body[lang=ar] *{font-family:Cairo,Tajawal,Dubai,Segoe UI,Tahoma,sans-serif}.language-switcher{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;margin-left:.5rem;padding:.4rem .8rem;transition:all .3s ease}.language-switcher:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.lang-option{color:#fff9;font-size:.9rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.lang-option.active{color:#fff;text-shadow:0 0 10px #3498dbcc;transform:scale(1.1)}.divider{color:#ffffff4d;font-weight:300}@media (max-width:768px){.language-switcher{padding:.35rem .6rem}.lang-option{font-size:.85rem}}.navbar{background:linear-gradient(135deg,#22513e 100%,#22513e 0);border-bottom:2px solid #ffffff1a;box-shadow:0 2px 10px #0000001a;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px}.nav-container,.nav-left{align-items:center;display:flex;flex-direction:row-reverse;gap:1.5rem}.nav-logo{align-items:center;color:#fff;display:flex;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:70px;object-fit:contain;width:auto}.profile-link{color:#c5a869!important;font-size:1rem;font-weight:600}.nav-center{display:flex;flex:1 1;justify-content:center}.nav-main-links{align-items:center;display:flex;flex-direction:row-reverse;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:6px;color:#c5a869;display:inline-block;font-size:.95rem;font-weight:500;padding:.5rem .9rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-menu{align-items:center;display:flex;flex-direction:row-reverse;gap:.5rem;list-style:none;margin:0;padding:0}.nav-button{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.nav-button:hover{box-shadow:0 4px 12px #c5a86966;transform:translateY(-2px)}.mobile-menu-toggle{background:#0000;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.4rem .6rem;transition:all .3s ease}.mobile-menu-toggle:hover{background:#ffffff1a;border-color:#fff9}.desktop-only{display:inline-flex}.mobile-only{display:none}.dropdown{position:relative}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:.5rem;min-width:220px;padding:.5rem 0;position:absolute;top:100%;z-index:1002}.dropdown-item{border-left:3px solid #0000;color:#2c3e50;display:block;font-size:.9rem;font-weight:500;padding:.7rem 1rem;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:#3498db1a;border-left-color:#3498db;padding-left:1.2rem}.dropdown-divider{background:#e1e8ed;height:1px;margin:.5rem 0}.dropdown-header{color:#7f8c8d;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}@media (max-width:1024px){.nav-container{gap:1rem}.nav-main-links,.nav-menu{gap:.3rem}.nav-link{font-size:.9rem;padding:.45rem .75rem}.nav-button{font-size:.9rem;padding:.45rem .85rem}.logo-image{height:60px}}@media (max-width:768px){.navbar{padding:.5rem 1rem}.nav-container{flex-direction:row;flex-wrap:wrap;gap:0}.nav-left{flex:0 1;gap:.5rem;order:2}.mobile-menu-toggle{display:block;margin-left:0;margin-right:auto;order:1}.desktop-only{display:none!important}.mobile-only{display:block}.nav-center{max-height:0;order:3;overflow:hidden;padding:0;transition:max-height .4s ease,padding .4s ease;width:100%}.nav-center.mobile-open{max-height:80vh;overflow-y:auto;padding:1rem 0}.nav-main-links{flex-direction:column;gap:.5rem;width:100%}.nav-main-links .nav-item{width:100%}.nav-main-links .nav-link{background:#ffffff0d;border-radius:6px;display:block;padding:.75rem 1rem;text-align:right;width:100%}.nav-main-links .nav-link:hover{background:#ffffff1a}.nav-menu{display:none}.nav-center.mobile-open~.nav-menu{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;order:4;width:100%}.nav-menu .nav-item{width:100%}.nav-menu .nav-button,.nav-menu .nav-link{display:block;padding:.75rem 1rem;text-align:center;width:100%}.logo-image{height:45px}.nav-logo{font-size:1rem}.dropdown-menu{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:none;margin-bottom:.5rem;margin-top:.5rem;position:static}.dropdown-item{border-left:none;border-right:3px solid #0000;color:#ffffffe6;padding:.7rem 1.2rem}.dropdown-item:hover{background:#ffffff1a;border-right-color:#c5a869;color:#fff;padding-right:1.4rem}.dropdown-header{color:#fff9}.dropdown-divider{background:#ffffff1a}}@media (max-width:480px){.navbar{padding:.6rem .8rem}.logo-image{height:45px}.nav-button,.nav-link{font-size:.85rem}}.notification-item{position:relative}.notification-bell{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:transform .3s ease}.notification-bell:hover{transform:scale(1.1)}.notification-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}@media (max-width:768px){.nav-center.mobile-open{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.nav-center.mobile-open::-webkit-scrollbar{width:4px}.nav-center.mobile-open::-webkit-scrollbar-track{background:#0000}.nav-center.mobile-open::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}}.footer{background:linear-gradient(135deg,#22513e 100%,#22513e 0);color:#fff;margin-top:4rem;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1400px}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c5a869,#c5a869);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-description{color:#c5a869;font-size:.95rem;line-height:1.6}.visitor-counter{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:.5rem;margin-top:.5rem;padding:.75rem}.counter-icon{font-size:1.5rem}.counter-text{color:#c5a869;font-size:.9rem}.footer-subtitle{color:#c5a869;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.footer-links li a{color:#c5a869;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#3498db;transform:translateX(5px)}.contact-list{gap:.75rem}.contact-item,.contact-list{display:flex;flex-direction:column}.contact-item{gap:.25rem}.contact-label{color:#95a5a6;font-size:.85rem;font-weight:600}.contact-item a{color:#c5a869;font-size:.95rem;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#c5a869;text-decoration:underline}.footer-social{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:2rem}.footer-logo-container{flex:0 0 auto}.social-content{flex:1 1;text-align:center}.social-title{color:#c5a869;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.social-icons{flex-wrap:wrap;justify-content:center}.social-icon{border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;font-size:1.3rem}.social-icon:hover{box-shadow:0 6px 20px #0000004d}.social-icon.facebook{background:linear-gradient(135deg,#3b5998,#2d4373)}.social-icon.instagram{background:linear-gradient(135deg,#e1306c,#fd1d1d,#f77737)}.social-icon.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.social-icon.youtube{background:linear-gradient(135deg,red,#c00)}.social-icon.whatsapp{background:linear-gradient(135deg,#25d366,#1ebe57)}.footer-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:120px;object-fit:contain;transition:all .3s ease;width:auto}.footer-logo:hover{filter:drop-shadow(0 4px 12px rgba(197,168,105,.4));transform:scale(1.05)}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding-top:2rem}.copyright{color:#95a5a6;font-size:.9rem}.footer-badges{display:flex;gap:1rem}.badge-item{background:#ffffff1a;border-radius:20px;color:#ecf0f1;font-size:.85rem;font-weight:600;padding:.5rem 1rem}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer{margin-top:3rem;padding:2rem 1rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-title{font-size:1.3rem}.footer-subtitle{font-size:1rem}.contact-item a,.footer-description,.footer-links li a{font-size:.9rem}.footer-bottom{flex-direction:column;padding-top:1.5rem;text-align:center}.footer-badges{flex-wrap:wrap;justify-content:center}.social-title{font-size:1.1rem;margin-bottom:1.25rem}.social-icons{gap:.75rem}.social-icon{font-size:1.1rem;height:45px;width:45px}.footer-social{flex-direction:column;padding:1.5rem 1rem}.footer-logo{height:100px}}@media (max-width:480px){.footer{margin-top:2rem;padding:1.5rem .75rem .75rem}.footer-content{gap:1.25rem}.footer-title{font-size:1.2rem}.footer-subtitle{font-size:.95rem}.contact-item a,.footer-description,.footer-links li a{font-size:.85rem}.visitor-counter{padding:.65rem}.counter-icon{font-size:1.3rem}.counter-text{font-size:.85rem}.social-icon{font-size:1rem;height:40px;width:40px}.badge-item{font-size:.8rem;padding:.4rem .8rem}.copyright{font-size:.85rem}.footer-social{padding:1rem .75rem}.footer-logo{height:80px}}.product-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;cursor:pointer;overflow:visible;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.badges-container{display:flex;flex-wrap:wrap;gap:.5rem;left:10px;position:absolute;right:10px;top:10px;z-index:10}.badge{animation:slideIn .3s ease-out;border-radius:20px;box-shadow:0 2px 8px #0003;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.new-arrival-badge{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.sale-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.subscriber-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.subscriber-badge.active{background:linear-gradient(135deg,#27ae60,#2ecc71)}.out-of-stock-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-weight:800}.low-stock-badge{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.discount-badge{animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #0000004d;font-weight:800}.customer-discount{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.subscriber-discount{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px;z-index:11}.favorite-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.favorite-btn.active{animation:heartbeat .5s ease;color:#e74c3c}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.25)}}.product-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.stars{display:flex;gap:.1rem}.star{font-size:1rem}.star.filled{color:#f39c12}.rating-text{color:#7f8c8d;font-size:.85rem;font-weight:600}.sold-count{color:#27ae60;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.product-points{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:8px;color:#f39c12;font-size:.85rem;font-weight:700;margin-top:.5rem;padding:.5rem;text-align:center}.add-to-cart-btn:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.6}.add-to-cart-btn:disabled:hover{box-shadow:0 4px 15px #95a5a64d;transform:none}.product-card:before{background:linear-gradient(135deg,#3498db,#9b59b6);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .4s ease}.product-card:hover:before{opacity:1}.product-card:hover{box-shadow:0 16px 40px #00000026;transform:translateY(-12px) scale(1.03)}.product-image{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image:after{background:linear-gradient(180deg,#0000,#0000000d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.product-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);width:100%}.product-card:hover .product-image img{transform:scale(1.15) rotate(2deg)}.no-image{align-items:center;color:#95a5a6;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem;z-index:1}.no-image:before{content:"📷";font-size:3rem;opacity:.3}.product-info{padding:1.5rem}.product-name{color:#2c3e50;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;min-height:2.6em}.product-description,.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-description{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin-bottom:1.25rem;min-height:2.85em}.product-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem}.product-price{display:flex;flex-direction:column;gap:.25rem}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#27ae60,#2ecc71);-webkit-background-clip:text;background-clip:text;color:#27ae60;font-size:1.5rem;font-weight:800}.original-price{color:#95a5a6;font-size:.95rem;font-weight:500}.subscriber-price-info{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.75rem}.subscriber-price-label{color:#e67e22;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.subscriber-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#27ae60,#2ecc71);-webkit-background-clip:text;background-clip:text;color:#27ae60;font-size:1.25rem;font-weight:800}.add-to-cart-btn{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);border:none;border-radius:10px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.add-to-cart-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.add-to-cart-btn:hover:before{height:300px;width:300px}.add-to-cart-btn:hover{box-shadow:0 8px 25px #3498db80;transform:translateY(-3px) scale(1.05)}.add-to-cart-btn:active{transform:translateY(-1px) scale(1.02)}.out-of-stock{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-top:.75rem;padding:.5rem 1rem;text-align:center}@media (max-width:1024px){.product-image{height:200px}.product-name{font-size:1.1rem}.product-description{font-size:.9rem}.price{font-size:1.35rem}.add-to-cart-btn{font-size:.9rem;padding:.65rem 1.25rem}}@media (max-width:768px){.product-card{border-radius:12px}.product-image{height:180px}.product-info{padding:1.25rem}.product-name{font-size:1rem;margin-bottom:.5rem}.product-description{font-size:.85rem;margin-bottom:1rem}.product-footer{align-items:stretch;flex-direction:column;gap:.75rem}.product-price{align-items:center;flex-direction:row;gap:.5rem}.price{font-size:1.25rem}.original-price{font-size:.9rem}.add-to-cart-btn{font-size:.95rem;padding:.75rem 1rem;width:100%}.badge{font-size:.65rem;padding:.35rem .7rem}.product-card:hover{transform:translateY(-6px) scale(1.01)}}@media (max-width:480px){.product-image{height:160px}.product-info{padding:1rem}.product-name{font-size:.95rem}.product-description{-webkit-line-clamp:1;font-size:.8rem;min-height:1.6em}.price{font-size:1.1rem}.original-price{font-size:.85rem}.add-to-cart-btn{font-size:.85rem;padding:.65rem .9rem}.badge{font-size:.6rem;padding:.3rem .6rem}.star{font-size:.9rem}.rating-text{font-size:.8rem}.sold-count{font-size:.75rem}.product-points{font-size:.8rem;padding:.4rem}}.product-region{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;margin:.5rem 0;padding:.4rem .8rem;transition:all .3s ease}.product-region:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;box-shadow:0 2px 8px #0369a126;transform:translateY(-1px)}.product-region .region-icon{align-items:center;display:flex;font-size:1rem}.product-region .region-name{font-weight:600;letter-spacing:.3px}.image-slider{border-radius:12px;box-shadow:0 10px 30px #00000026;margin:2rem auto;max-width:1400px}.image-slider,.slider-container{overflow:hidden;position:relative;width:100%}.slider-container{background:#f5f5f5;height:500px}.slide{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;will-change:transform,opacity}.slide.active{opacity:1;z-index:1}.slide img{display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:cover;width:100%}.slider-arrow{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#8e44ad;cursor:pointer;display:flex;font-size:3rem;height:55px;justify-content:center;line-height:1;opacity:.85;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:55px;z-index:10}.slider-arrow:hover{background:#8e44ad;box-shadow:0 6px 20px #8e44ad66;color:#fff;opacity:1;transform:translateY(-50%) scale(1.15)}.slider-arrow:active{transform:translateY(-50%) scale(1.05)}.slider-arrow-left{left:20px}.slider-arrow-right{right:20px}.slider-dots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000026;border-radius:25px;bottom:25px;display:flex;gap:14px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:10}.slider-dot{background:#fff9;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:10px}.slider-dot:hover{background:#ffffffe6;transform:scale(1.3)}.slider-dot.active{background:#8e44ad;border-radius:5px;box-shadow:0 2px 8px #8e44ad66;width:28px}.slider-dot.active:hover{transform:scale(1.1)}@media (max-width:1024px){.slider-container{height:400px}.slider-arrow{font-size:2rem;height:40px;width:40px}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}}@media (max-width:768px){.image-slider{border-radius:8px;margin:1rem}.slider-container{height:300px}.slider-arrow{font-size:1.5rem;height:35px;width:35px}.slider-dot{height:10px;width:10px}}@media (max-width:480px){.slider-container{height:250px}.slider-arrow{font-size:1.2rem;height:30px;width:30px}.slider-arrow-left{left:5px}.slider-arrow-right{right:5px}.slider-dots{bottom:10px;gap:8px}.slider-dot{height:8px;width:8px}}@media (max-width:768px){.slider-arrow,.slider-dots{display:none!important}}.new-arrivals{margin:4rem auto;max-width:1400px;padding:0 2rem}.new-arrivals-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem}.new-arrivals-header h2{color:#c5a869;font-size:2.5rem;font-weight:800;margin:0}.new-arrivals-subtitle{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin-top:.5rem}.view-all-btn{align-items:center;background:#c5a869;border-radius:50px;box-shadow:0 5px 20px #c5a8694d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#b89858;box-shadow:0 8px 30px #c5a86966;transform:translateY(-3px)}.view-all-btn .arrow{font-size:1.2rem;transition:transform .3s ease}.view-all-btn:hover .arrow{transform:translateX(5px)}.new-arrivals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.new-arrival-item{animation:fadeInUp .6s ease forwards;opacity:0;position:relative}.new-arrival-item:first-child{animation-delay:.1s}.new-arrival-item:nth-child(2){animation-delay:.2s}.new-arrival-item:nth-child(3){animation-delay:.3s}.new-arrival-item:nth-child(4){animation-delay:.4s}.new-arrival-item:nth-child(5){animation-delay:.5s}.new-arrival-item:nth-child(6){animation-delay:.6s}.new-arrival-item:nth-child(7){animation-delay:.7s}.new-arrival-item:nth-child(8){animation-delay:.8s}.new-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:25px;box-shadow:0 4px 15px #f39c1266;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:1px;padding:.5rem 1rem;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.new-arrivals{margin:3rem auto}.new-arrivals-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.new-arrivals-header h2{font-size:2rem}}@media (max-width:768px){.new-arrivals{margin:2.5rem auto;padding:0 1.5rem}.new-arrivals-header{align-items:flex-start;flex-direction:column;margin-bottom:2rem}.new-arrivals-header h2{font-size:1.75rem}.new-arrivals-subtitle{font-size:1rem}.view-all-btn{align-self:stretch;font-size:.95rem;justify-content:center;padding:.875rem 1.75rem}.new-arrivals-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:480px){.new-arrivals{margin:2rem auto;padding:0 1rem}.new-arrivals-header h2{font-size:1.5rem}.new-arrivals-subtitle{font-size:.9rem}.new-arrivals-grid{gap:1rem;grid-template-columns:1fr}.new-badge{font-size:.7rem;padding:.4rem .8rem;right:10px;top:10px}}.category-slider-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;margin:2rem 0;overflow:hidden;padding:3rem 0}.category-slider-header{margin-bottom:2rem;padding:0 2rem;text-align:center}.category-slider-header h2{color:#22513e;font-size:2rem;font-weight:700;margin-bottom:.5rem}.category-slider-header p{color:#6c757d;font-size:1.1rem}.category-slider-container{overflow:hidden;padding:1rem 0}.category-slider{display:flex;gap:2rem;width:-webkit-max-content;width:max-content}.category-circle{align-items:center;background:linear-gradient(135deg,#c5a869,#d4b87a);border-radius:50%;box-shadow:0 8px 25px #c5a8694d;cursor:pointer;display:flex;flex-shrink:0;height:140px;justify-content:center;text-decoration:none;transition:all .3s ease;width:140px}.category-circle:hover{box-shadow:0 12px 35px #c5a86980;transform:scale(1.1)}.category-circle-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease;width:120px}.category-image{border-radius:50%;height:100%;object-fit:cover;opacity:.9;position:absolute;width:100%}.category-circle:hover .category-image{opacity:.7}.category-circle:hover .category-circle-inner{background:#22513e}.category-name{background:#ffffffe6;border-radius:20px;color:#22513e;font-size:1rem;font-weight:600;line-height:1.3;padding:.3rem .6rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.category-circle:hover .category-name{color:#fff}@media (max-width:768px){.category-slider-section{margin:1rem 0;padding:2rem 0}.category-slider-header h2{font-size:1.5rem}.category-slider-header p{font-size:1rem}.category-circle{height:110px;width:110px}.category-circle-inner{height:95px;width:95px}.category-name{font-size:.85rem}.category-slider{gap:1.5rem}}@media (max-width:480px){.category-circle{height:90px;width:90px}.category-circle-inner{height:78px;padding:.5rem;width:78px}.category-name{font-size:.75rem}.category-slider{gap:1rem}}.cta-component{border-radius:24px;box-shadow:0 15px 50px #00000026;margin:3rem 0;overflow:hidden;padding:4rem 2rem;position:relative}.cta-default{background:linear-gradient(135deg,#2c5f2d,#97bc62)}.cta-detailed{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:5rem 2rem}.cta-background{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0}.cta-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff1a 0,#ffffff1a 70px);height:100%;width:100%}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.cta-icon{animation:wave 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.cta-title{font-size:2.5rem;font-weight:800;line-height:1.3;text-shadow:2px 4px 8px #0003}.cta-subtitle,.cta-title{color:#fff;margin-bottom:1rem}.cta-subtitle{font-size:1.5rem;font-weight:600;opacity:.95}.cta-description{color:gold;font-size:1.3rem;font-weight:500;margin-bottom:.5rem}.cta-action,.cta-description{text-shadow:1px 2px 4px #0003}.cta-action{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:2rem}.cta-stats{grid-gap:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:3rem 0;padding:2rem}.stat-item{text-align:center}.stat-number{color:gold;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 4px 8px #0003}.stat-label{color:#fff;font-size:1rem;opacity:.9}.cta-button{align-items:center;box-shadow:0 8px 25px #0000004d;color:#2c5f2d;display:inline-flex;font-size:1.3rem;gap:.75rem;overflow:hidden;padding:1.25rem 3.5rem;position:relative}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 12px 35px #0006;transform:translateY(-5px) scale(1.05)}.cta-detailed .cta-button{color:#1e3c72}.button-arrow{font-size:1.5rem;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(5px)}.cta-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.decoration-circle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:200px;left:-50px;top:-50px;width:200px}.circle-2{animation-delay:2s;bottom:-30px;height:150px;right:10%;width:150px}.circle-3{animation-delay:4s;height:100px;right:-30px;top:50%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@media (max-width:768px){.cta-component{margin:2rem 0;padding:3rem 1.5rem}.cta-detailed{padding:4rem 1.5rem}.cta-icon{font-size:3rem;margin-bottom:1rem}.cta-title{font-size:1.8rem}.cta-subtitle{font-size:1.2rem}.cta-description{font-size:1.1rem}.cta-action{font-size:1.15rem;margin-bottom:1.5rem}.cta-stats{gap:1.5rem;grid-template-columns:1fr;margin:2rem 0;padding:1.5rem}.stat-number{font-size:2rem}.cta-button{font-size:1.1rem;padding:1rem 2.5rem}.circle-1{height:120px;width:120px}.circle-2{height:100px;width:100px}.circle-3{height:80px;width:80px}}.home{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #667eea66;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.hero h1{font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem;text-shadow:0 4px 20px #0000004d}.hero h1,.hero p{position:relative;z-index:1}.hero p{font-size:1.35rem;font-weight:500;margin:0 auto;max-width:600px;opacity:.95}.category-filter,.search-box{flex:1 1;min-width:200px}.category-filter select,.search-box input{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.category-filter select:focus,.search-box input:focus{border-color:#3498db;box-shadow:0 4px 16px #3498db33;outline:none;transform:translateY(-2px)}.no-products{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;color:#7f8c8d;font-size:1.25rem;margin:2rem 0;padding:5rem 2rem;text-align:center}.no-products:before{content:"📦";display:block;font-size:4rem;margin-bottom:1rem;opacity:.5}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}@media (max-width:1024px){.hero{padding:3rem 2rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.home{padding:1rem}.hero{border-radius:16px;margin-bottom:2rem;padding:2.5rem 1.5rem}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}.filters{gap:.75rem}.category-filter select,.search-box input{font-size:.95rem;padding:.875rem 1rem}.products-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.products-grid{gap:1rem;grid-template-columns:1fr}}.products-page{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.products-header{margin-bottom:3rem;text-align:center}.category-header-image{border-radius:50%;box-shadow:0 4px 15px #0000001a;height:150px;margin:0 auto 1.5rem;overflow:hidden;width:150px}.category-header-image img{height:100%;object-fit:cover;width:100%}.products-header h1{color:#2c3e50;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.products-header p{color:#7f8c8d;font-size:1.2rem}@media (max-width:1024px){.products-header h1{font-size:2.2rem}.products-header p{font-size:1.1rem}}@media (max-width:768px){.products-page{padding:1rem}.products-header{margin-bottom:2rem}.products-header h1{font-size:1.85rem}.products-header p{font-size:1rem}}@media (max-width:480px){.products-page{padding:.75rem}.products-header{margin-bottom:1.5rem}.products-header h1{font-size:1.6rem}.products-header p{font-size:.95rem}}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.category-filter,.region-filter,.search-box{flex:1 1;min-width:200px}.category-filter select,.region-filter select,.search-box input{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.category-filter select:focus,.region-filter select:focus,.search-box input:focus{border-color:#3498db;box-shadow:0 4px 16px #3498db33;outline:none;transform:translateY(-2px)}.category-filter select:hover,.region-filter select:hover{border-color:#7dd3fc;box-shadow:0 4px 12px #7dd3fc4d}.search-box input::placeholder{color:#95a5a6}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.loading,.no-products{color:#7f8c8d;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.filters{gap:.75rem}.category-filter select,.region-filter select,.search-box input{font-size:.95rem;padding:.875rem 1rem}.products-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.category-filter,.region-filter,.search-box{min-width:100%}.products-grid{gap:1rem;grid-template-columns:1fr}}.modal-overlay{padding:20px;z-index:9999}.create-order-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:20px;z-index:10}.modal-header h2{color:#2c3e50}.close-btn{align-items:center;border-radius:50%;color:#999;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.close-btn:hover{background:#f0f0f0;color:#e74c3c}.order-form{padding:20px}.product-summary{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.product-summary img{border-radius:8px;height:80px;object-fit:cover;width:80px}.product-details h3{color:#2c3e50;font-size:1.1rem;margin:0 0 5px}.product-details .price{color:#27ae60;font-size:1.2rem;font-weight:700;margin:5px 0}.product-details .points{color:#f39c12;font-size:.9rem}.form-group label{color:#34495e;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;padding:10px 12px;transition:border-color .3s;width:100%}.form-group textarea{font-family:inherit}.search-wrapper{position:relative}.searching{font-size:1.2rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-results{background:#fff;border:2px solid #667eea;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.search-result-item:hover{background:#f8f9fa}.search-result-item:last-child{border-bottom:none}.user-info{gap:4px}.user-info strong{color:#2c3e50}.username{color:#7f8c8d;font-size:.9rem}.user-meta{align-items:center;display:flex;gap:8px}.code{background:#3498db;color:#fff}.code,.role{border-radius:4px;font-size:.85rem;font-weight:600;padding:2px 8px}.role.member{background:#f39c12;color:#fff}.role.customer{background:#95a5a6;color:#fff}.selected-user{align-items:center;background:#e8f5e9;border-radius:6px;color:#27ae60;display:flex;font-weight:600;gap:8px;margin-top:8px;padding:10px}.member-badge{background:#f39c12;border-radius:4px;color:#fff;font-size:.85rem;padding:2px 8px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s}.radio-option:hover{background:#f8f9fa;border-color:#667eea}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option input[type=radio]:checked+span{color:#667eea;font-weight:600}.radio-option span{flex:1 1}.radio-option small{color:#27ae60;display:block;font-size:.85rem;margin-top:2px}.order-total{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:1.2rem;justify-content:space-between;margin-top:20px;padding:15px}.total-amount{color:#27ae60;font-size:1.5rem;font-weight:700}.points-info{background:#fff3cd;border:1px solid #ffc107;color:#856404;margin-top:15px;text-align:center}.form-actions{border-top:1px solid #eee;gap:10px;margin-top:20px;padding-top:20px}.cancel-btn,.submit-btn{flex:1 1;padding:12px 20px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.6}.cancel-btn{background:#e0e0e0;color:#666}.cancel-btn:hover:not(:disabled){background:#d0d0d0}@media (max-width:768px){.create-order-modal{max-height:95vh}.product-summary{flex-direction:column;text-align:center}.product-summary img{margin:0 auto}.form-actions{flex-direction:column}}.product-detail-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.product-detail-container{margin:0 auto;max-width:1200px}.breadcrumb{color:#666;font-size:14px;margin-bottom:20px}.breadcrumb span{color:#333}.breadcrumb span:hover{color:#8e44ad;text-decoration:underline}.product-detail-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{border:5px solid #f3f3f3;border-top-color:#8e44ad}.product-not-found{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:60px 20px;text-align:center}.product-not-found button{background:#8e44ad;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 30px}.product-not-found button:hover{background:#9b59b6}.product-detail-main{grid-gap:40px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:30px}.product-images{display:flex;flex-direction:column;gap:15px}.main-image{align-items:center;background:#f9f9f9;border:2px solid #eee;border-radius:10px;display:flex;height:500px;justify-content:center;overflow:hidden;width:100%}.main-image img{height:100%;object-fit:cover;width:100%}.main-image .no-image{color:#999;font-size:18px}.image-thumbnails{display:flex;gap:10px;overflow-x:auto}.thumbnail{border:2px solid #eee;border-radius:5px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail:hover{border-color:#8e44ad;transform:scale(1.05)}.thumbnail.active{border-color:#8e44ad;box-shadow:0 0 10px #8e44ad4d}.thumbnail img{height:100%;object-fit:cover;width:100%}.product-info-section{display:flex;flex-direction:column;gap:20px}.product-title{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.product-meta{border-bottom:1px solid #eee;gap:20px;padding-bottom:15px}.product-meta,.rating-display{align-items:center;display:flex}.rating-display{gap:10px}.rating-display .stars{display:flex;gap:2px}.star{color:#ddd;font-size:20px}.star.filled{color:gold}.star.large{font-size:30px}.rating-text{color:#666;font-size:14px}.sold-info{color:#27ae60;font-size:14px;font-weight:500}.product-badges{display:flex;flex-wrap:wrap;gap:10px}.product-badges .badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.badge.new-arrival{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge.sale{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge.featured{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.price-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:20px}.customer-pricing,.subscriber-pricing{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.current-price{font-size:36px;font-weight:700}.original-price{font-size:24px;opacity:.7;text-decoration:line-through}.discount-badge{background:#fff3;border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.subscriber-hint{font-size:14px;margin-top:5px;opacity:.9}.bulk-pricing-info{align-items:center;background:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-weight:500;gap:10px;padding:15px}.bulk-icon{font-size:24px}.stock-info{font-size:16px;font-weight:600}.in-stock{color:#27ae60}.low-stock{color:#f39c12}.out-of-stock{color:#e74c3c}.points-info{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#d35400;padding:12px}.purchase-section{border-top:1px solid #eee;display:flex;gap:15px;padding-top:20px}.quantity-selector{display:flex;flex-direction:column;gap:8px}.quantity-selector label{color:#2c3e50;font-weight:600}.quantity-controls{align-items:center;display:flex;gap:5px}.quantity-controls button{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:18px;font-weight:600;height:35px;transition:all .3s ease;width:35px}.quantity-controls button:hover:not(:disabled){background:#8e44ad;border-color:#8e44ad;color:#fff}.quantity-controls button:disabled{cursor:not-allowed;opacity:.5}.quantity-controls input{border:1px solid #ddd;border-radius:5px;font-size:16px;font-weight:600;height:35px;text-align:center;width:60px}.add-to-cart-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:18px;font-weight:600;padding:12px 30px;transition:all .3s ease}.add-to-cart-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.add-to-cart-button:disabled{background:#95a5a6;cursor:not-allowed}.product-additional-info{border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding-top:20px}.info-item{color:#555;font-size:14px}.info-item strong{color:#2c3e50;margin-right:5px}.product-tabs{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;overflow:hidden}.tab-headers{border-bottom:2px solid #eee;display:flex}.tab-header{background:#fff;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab-header.active,.tab-header:hover{background:#f9f9f9;color:#8e44ad}.tab-header.active{border-bottom-color:#8e44ad}.tab-content{padding:30px}.description-tab p{color:#555;font-size:16px;line-height:1.8;margin-bottom:20px}.custom-order-info{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:10px;margin-top:30px;padding:20px}.custom-order-info h3{color:#d35400;margin-top:0}.custom-order-info p{color:#d35400;margin:10px 0}.reviews-tab{display:flex;flex-direction:column;gap:30px}.submit-review{background:#f9f9f9;border-radius:10px;padding:25px}.submit-review h3{color:#2c3e50;margin-top:0}.submit-review form{gap:20px}.rating-input,.submit-review form{display:flex;flex-direction:column}.rating-input{gap:10px}.rating-input label{color:#2c3e50;font-weight:600}.stars-input{display:flex;gap:5px}.review-text-input{display:flex;flex-direction:column;gap:10px}.review-text-input label{color:#2c3e50;font-weight:600}.review-text-input textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical}.review-text-input textarea:focus{border-color:#8e44ad;outline:none}.submit-review-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.submit-review-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{background:#f9f9f9;border-left:4px solid #8e44ad;border-radius:10px;padding:20px}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.reviewer-info{display:flex;flex-direction:column;gap:5px}.reviewer-info strong{color:#2c3e50;font-size:16px}.review-rating{display:flex;gap:2px}.review-date{color:#999;font-size:12px}.review-comment{color:#555;line-height:1.6;margin:0}.no-reviews{color:#999;font-size:16px;padding:40px;text-align:center}.related-products{margin-top:30px}.related-products h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:20px}.related-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:968px){.product-detail-main{grid-template-columns:1fr}.main-image{height:400px}.product-title{font-size:24px}.current-price{font-size:28px}.purchase-section{flex-direction:column}.add-to-cart-button{width:100%}}@media (max-width:600px){.product-detail-page{padding:10px}.product-detail-main{padding:15px}.main-image{height:300px}.tab-content{padding:15px}.related-products-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.services-page{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.services-header{margin-bottom:4rem;text-align:center}.services-header h1{color:#2c3e50;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.services-header p{color:#7f8c8d;font-size:1.2rem;margin:0 auto;max-width:600px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.service-card{border-radius:20px;padding:2.5rem}.service-card:hover{border-color:#3498db;box-shadow:0 12px 40px #3498db33;transform:translateY(-10px)}.service-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:4rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem}.service-card p{color:#5a6c7d;font-size:1.05rem;line-height:1.7}.service-details{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem;margin-top:1rem}.service-category{background:#e8f4fd;color:#3498db}.service-category,.service-points{border-radius:20px;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.service-points{background:#e8f8f0;color:#27ae60}.service-discount{background:#fef3e8;border-radius:20px;color:#e67e22;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.request-usage-btn{background:linear-gradient(135deg,#c5a869,#b8956a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.request-usage-btn:hover{box-shadow:0 6px 20px #c5a86966;transform:translateY(-2px)}.spinner{border-top-color:#c5a869}.modal-overlay{background:#0009}.modal-content{box-shadow:0 20px 60px #0000004d}.usage-modal{padding:0}.modal-header{background:linear-gradient(135deg,#c5a869,#b8956a);border-bottom:1px solid #eee;border-radius:20px 20px 0 0;padding:1.5rem 2rem}.modal-header h2{color:#fff;font-size:1.3rem}.close-btn{font-size:1.8rem;line-height:1;opacity:.8;padding:0;transition:opacity .2s}.close-btn:hover{opacity:1}.selected-service-info{background:#f8f9fa;border-bottom:1px solid #eee;padding:1.5rem 2rem}.selected-service-info h3{color:#2c3e50;font-size:1.2rem;margin:0 0 .5rem}.selected-service-info p{color:#7f8c8d;font-size:.95rem;margin:0 0 .75rem}.points-info{background:#e8f8f0;border-radius:8px;color:#27ae60;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.usage-form{padding:1.5rem 2rem 2rem}.usage-form .form-group{margin-bottom:1.25rem}.usage-form label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.usage-form input,.usage-form textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.usage-form input:focus,.usage-form textarea:focus{border-color:#c5a869;outline:none}.usage-form textarea{min-height:80px;resize:vertical}.cancel-btn{border:2px solid #e0e0e0;border-radius:10px;color:#7f8c8d;flex:1 1;transition:all .2s}.cancel-btn:hover{background:#f8f9fa;border-color:#ccc}.submit-btn{background:linear-gradient(135deg,#c5a869,#b8956a);border-radius:10px;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #c5a86966;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.services-cta{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);border-radius:20px;box-shadow:0 20px 60px #667eea66;color:#fff;padding:4rem 2rem;text-align:center}.services-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.services-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{border-radius:12px;box-shadow:0 8px 24px #0003;font-size:1.15rem;padding:1.25rem 3rem}.cta-button:hover{box-shadow:0 12px 32px #0000004d}@media (max-width:768px){.services-page{padding:1rem}.services-header h1{font-size:2rem}.services-header p{font-size:1rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem 1.5rem}.services-cta{padding:3rem 1.5rem}.services-cta h2{font-size:1.75rem}.services-cta p{font-size:1rem}.cta-button{padding:1rem 2rem;width:100%}.modal-content{margin:1rem;max-height:85vh}.modal-header,.selected-service-info{padding:1rem 1.5rem}.usage-form{padding:1rem 1.5rem 1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.contact-page{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.contact-header{margin-bottom:4rem;text-align:center}.contact-header h1{color:#2c3e50;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.contact-header p{color:#7f8c8d;font-size:1.2rem;margin:0 auto;max-width:600px}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr;margin-bottom:3rem}.contact-info{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);border-radius:20px;box-shadow:0 20px 60px #667eea4d;color:#fff;padding:3rem}.contact-info h2{font-size:2rem;font-weight:700;margin-bottom:2rem}.info-item{border-bottom:1px solid #fff3;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.info-item:last-of-type{border-bottom:none;padding-bottom:0}.info-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.info-item h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.info-item p{font-size:1rem;opacity:.9}.social-links{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem}.social-links h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-icon:hover{background:#ffffff4d;transform:translateY(-5px)}.contact-form{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:3rem}.contact-form h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:2rem}.success-message{animation:slideIn .3s ease;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #27ae60;border-radius:12px;color:#27ae60;font-weight:600;margin-bottom:1.5rem;padding:1rem 1.25rem}.form-group label{font-size:1rem}.form-group input,.form-group textarea{border:2px solid #e1e8ed;border-radius:12px;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 4px 16px #3498db33}.form-group textarea{min-height:120px}.submit-button{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);border:none;border-radius:12px;box-shadow:0 8px 24px #3498db4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:1.25rem 3rem;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 12px 32px #3498db80;transform:translateY(-3px)}.submit-button:active{transform:translateY(-1px)}@media (max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}@media (max-width:768px){.contact-page{padding:1rem}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.contact-form,.contact-info{padding:2rem 1.5rem}.contact-form h2,.contact-info h2{font-size:1.5rem}.info-item{flex-direction:column;gap:1rem}.social-icons{justify-content:center}}.about-page{min-height:100vh}.about-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:400px;justify-content:center;overflow:hidden;position:relative}.hero-subtitle{font-size:1.5rem}.about-container{margin:0 auto;max-width:1200px;padding:4rem 2rem}.about-section{margin-bottom:5rem;opacity:0}.section-icon{font-size:4rem}.section-title{color:#2c3e50;font-size:2.5rem}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-10px;width:100px}.section-text{color:#555;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:900px;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.value-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-10px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.value-card p{color:#7f8c8d;line-height:1.6}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.achievement-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;padding:2.5rem;text-align:center;transition:all .3s ease}.achievement-card:hover{box-shadow:0 12px 35px #667eea66;transform:scale(1.05)}.achievement-icon{font-size:4rem;margin-bottom:1rem}.achievement-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.achievement-description{font-size:1rem;opacity:.95}.certificates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.certificate-card{background:#fff;border:3px solid #f39c12;border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.certificate-card:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#f39c12,#e67e22,#f39c12);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.certificate-card:hover{box-shadow:0 10px 30px #f39c124d;transform:translateY(-5px)}.certificate-icon{font-size:3.5rem;margin-bottom:1rem}.certificate-name{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.certificate-year{color:#f39c12;font-size:1rem;font-weight:600}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.service-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.service-card:hover{border-color:#667eea;box-shadow:0 8px 30px #667eea33;transform:translateY(-8px)}.service-icon{font-size:3.5rem;margin-bottom:1rem}.service-card h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.service-card p{color:#7f8c8d;line-height:1.6}.why-jenai-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 8px 30px #00000014;padding:3rem}.why-jenai-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2.5rem}.why-jenai-card{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 15px #0000000f;display:flex;gap:1rem;padding:1.5rem 2rem;transition:all .3s ease}.why-jenai-card:hover{border-left-color:#764ba2;box-shadow:0 6px 25px #667eea26;transform:translateX(10px)}.check-icon{color:#667eea;flex-shrink:0;font-size:1.5rem;font-weight:700}.why-jenai-card p{color:#2c3e50;font-size:1rem;line-height:1.5;margin:0;text-align:right}.why-jenai-slogan{background:#fff;border-radius:12px;box-shadow:0 4px 20px #667eea1a;color:#667eea;font-size:1.8rem;font-weight:700;margin-top:2.5rem;padding:1.5rem;text-align:center}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-top:4rem;padding:4rem 2rem;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.about-container{padding:2rem 1rem}.achievements-grid,.certificates-grid,.services-grid,.values-grid,.why-jenai-grid{grid-template-columns:1fr}.why-jenai-card:hover{transform:translateX(5px)}}.academy-page{background:#f5f7fa;min-height:100vh}.academy-hero{background:linear-gradient(135deg,#c5a869 100%,#c5a869 0);color:#fff;padding:4rem 2rem;text-align:center}.academy-hero h1{font-size:3rem;margin-bottom:1rem}.academy-hero p{font-size:1.3rem;opacity:.95}.academy-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.filter-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.filter-btn.active{background:#c5a869;border-color:#c5a869;color:#fff}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-8px)}.course-thumbnail{height:200px;overflow:hidden;position:relative}.course-thumbnail img{height:100%;object-fit:cover;width:100%}.level-badge{font-size:.85rem;left:15px}.level-badge,.price-badge{font-weight:700;padding:.4rem 1rem;position:absolute;top:15px}.price-badge{background:#f39c12;border-radius:20px;color:#fff;right:15px}.course-content{padding:1.5rem}.course-content h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem}.course-content p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.course-meta{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.duration,.points{color:#2c3e50;font-size:.9rem;font-weight:600}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.start-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.course-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:16px;max-width:800px;position:relative}.close-modal{font-size:1.5rem;height:40px;right:1rem;top:1rem;transition:all .3s ease;width:40px}.close-modal:hover{transform:rotate(90deg)}.video-placeholder{background:#f8f9fa;border-radius:12px;margin-top:2rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.academy-hero h1{font-size:2rem}.courses-grid{grid-template-columns:1fr}}.complaints-page{background:#f5f7fa;min-height:100vh;padding:2rem}.complaints-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto 2rem;max-width:1200px}.complaints-header h1{color:#2c3e50;font-size:2.5rem}.new-complaint-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.new-complaint-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.complaint-form-container{margin:0 auto 2rem;max-width:1200px}.complaint-form{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem}.complaint-form h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;font-size:1rem;padding:.8rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.submit-btn{background:#27ae60;border-radius:8px;padding:1rem 2rem}.submit-btn:hover{background:#229954}.cancel-btn{background:#95a5a6;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#7f8c8d}.complaints-container{margin:0 auto;max-width:1200px}.complaints-container h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem}.no-complaints{background:#fff;border-radius:16px;color:#7f8c8d;font-size:1.2rem;padding:3rem;text-align:center}.complaints-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.complaint-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:1.5rem;transition:all .3s ease}.complaint-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-3px)}.complaint-header-card{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.complaint-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.5rem}.complaint-type{background:#ecf0f1;border-radius:15px;color:#7f8c8d;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.status-badge{color:#fff;font-weight:700;padding:.5rem 1rem;white-space:nowrap}.complaint-description{color:#555;line-height:1.6;margin-bottom:1rem}.complaint-footer{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;padding-top:1rem}.complaint-date{color:#95a5a6;font-size:.9rem}.responses-count{background:#3498db;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .8rem}@media (max-width:768px){.complaints-page{padding:1rem}.complaints-header{align-items:flex-start;flex-direction:column}.complaints-header h1{font-size:2rem}.complaint-header-card,.form-actions{flex-direction:column}}.member-dashboard{background:#f5f7fa;min-height:100vh;padding-bottom:2rem}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;color:#fff;padding:3rem 2rem}.header-content{margin:0 auto;max-width:1400px}.dashboard-header h1{font-size:2.5rem;margin-bottom:1.5rem}.user-info-header{align-items:center;display:flex;gap:1.5rem}.user-avatar-large{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0003;color:#667eea;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.user-id{font-size:.9rem;margin:.25rem 0;opacity:.9}.user-rank-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;margin-top:.5rem;padding:.4rem 1rem;text-transform:uppercase}.user-rank-badge[data-rank=bronze]{background:#cd7f32}.user-rank-badge[data-rank=silver]{background:silver}.user-rank-badge[data-rank=gold]{background:gold;color:#333}.user-rank-badge[data-rank=platinum]{background:#e5e4e2;color:#333}.user-rank-badge[data-rank=diamond]{background:linear-gradient(135deg,#b9f2ff,#00d4ff);color:#333}.dashboard-tabs{display:flex;gap:1rem;margin:-2rem auto 0;max-width:1400px;overflow-x:auto;padding:0 2rem}.tab-btn{background:#fff;border-radius:12px 12px 0 0;color:#7f8c8d;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.tab-btn.active{background:#fff;box-shadow:0 -4px 15px #667eea33;color:#667eea}.dashboard-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1400px;padding:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border-left:4px solid #3498db;box-shadow:0 2px 10px #00000014;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 4px 20px #0000001f}.stat-info h4{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#2c3e50;font-size:1.8rem;font-weight:700}.quick-actions{margin-top:2rem}.quick-actions h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.action-buttons{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:.5rem;padding:1rem;transition:all .3s ease}.action-icon{font-size:1.8rem}.action-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.team-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.view-toggles{display:flex;gap:.5rem}.view-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.view-btn.active{background:#667eea;border-color:#667eea;color:#fff}.sort-select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.6rem 1rem}.print-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.print-btn:hover{background:#229954}.team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.team-member-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.team-member-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.member-name{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.member-username{color:#7f8c8d;font-size:.85rem;margin-bottom:.75rem}.member-rank-badge{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.member-rank-badge[data-rank=bronze]{background:#cd7f32;color:#fff}.member-rank-badge[data-rank=silver]{background:silver;color:#333}.member-rank-badge[data-rank=gold]{background:gold;color:#333}.member-stats-mini{display:flex;justify-content:space-around;margin:1rem 0}.stat-mini{display:flex;flex-direction:column}.stat-label{color:#95a5a6;font-size:.75rem;margin-bottom:.25rem}.stat-value-mini{color:#2c3e50;font-size:1.1rem;font-weight:700}.member-status{border-radius:15px;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.member-status.active{background:#d5f4e6;color:#27ae60}.member-status.inactive{background:#f8d7da;color:#e74c3c}.team-table-container{overflow-x:auto}.team-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#2c3e50;font-weight:700;padding:1rem;text-align:left}.team-table td{border-bottom:1px solid #f0f0f0;padding:1rem}.table-member-info{align-items:center;display:flex;gap:1rem}.table-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.table-name{color:#2c3e50;font-weight:600}.table-username{color:#7f8c8d;font-size:.85rem}.table-rank-badge{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:700;padding:.3rem .8rem;text-transform:uppercase}.table-rank-badge[data-rank=bronze]{background:#cd7f32;color:#fff}.table-rank-badge[data-rank=silver]{background:silver;color:#333}.table-rank-badge[data-rank=gold]{background:gold;color:#333}.table-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.table-status.active{background:#d5f4e6;color:#27ae60}.commission-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.commission-card{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center}.commission-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.commission-card.available{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.commission-card.withdrawn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.commission-amount{font-size:2.5rem;font-weight:700;margin:1rem 0}.withdraw-btn{background:#fff;border:none;border-radius:25px;color:#27ae60;cursor:pointer;font-weight:700;margin-top:1rem;padding:.8rem 2rem;transition:all .3s ease}.withdraw-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.referral-box{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.referral-link-container{display:flex;gap:1rem;margin:1.5rem 0}.referral-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-family:monospace;font-size:1rem;padding:1rem}.copy-btn{background:#667eea;border-radius:8px;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.copy-btn:hover{background:#5568d3}.referral-stats{color:#2c3e50;font-size:1.1rem}.share-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.share-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#3b5998}.share-btn.twitter{background:#1da1f2}.share-btn.email{background:#666}.share-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-3px)}@media (max-width:768px){.dashboard-header{padding:2rem 1rem}.dashboard-header h1{font-size:1.8rem}.dashboard-tabs{padding:0 1rem}.dashboard-content{padding:1rem}.stats-grid,.team-grid{grid-template-columns:1fr}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:75vh;padding:2rem}.auth-box{background:#fff;border:1px solid #3498db1a;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:500px;overflow:hidden;padding:3rem;position:relative;width:100%}.auth-box:before{background:linear-gradient(90deg,#c5a869 100%,#c5a869 0);content:"";height:6px;left:0;position:absolute;right:0;top:0}.auth-box h2{color:#2c3e50;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;letter-spacing:.3px;margin-bottom:.75rem}.form-group input,.form-group select{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:hover,.form-group select:hover{background:#fff;border-color:#cbd5e0}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#c5a869;box-shadow:0 0 0 4px #c5a8691a;outline:none;transform:translateY(-2px)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3.5rem}.password-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;opacity:.6;padding:.5rem;position:absolute;right:.5rem;transition:all .2s ease;z-index:10}.password-toggle-btn:hover{opacity:1;transform:scale(1.1)}.password-toggle-btn:active{transform:scale(.95)}.submit-btn{background:#c5a869;border-radius:12px;box-shadow:0 8px 24px #c5a8694d;font-size:1.05rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;overflow:hidden;padding:1.1rem;position:relative;transition:all .3s ease;width:100%}.submit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.submit-btn:hover:before{height:400px;width:400px}.submit-btn:hover{background:#b89858;box-shadow:0 12px 32px #c5a86980;transform:translateY(-3px)}.submit-btn:active{box-shadow:0 6px 20px #c5a86966;transform:translateY(-1px)}.auth-link{color:#7f8c8d;font-size:.95rem;margin-top:1.75rem;text-align:center}.auth-link a{color:#c5a869;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link a:after{background:#c5a869;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link a:hover{color:#b89858}.auth-link a:hover:after{width:100%}.account-type-section{margin:2rem 0}.section-label{color:#2c3e50;display:block;font-size:1.1rem;font-weight:700;letter-spacing:.3px;margin-bottom:1.25rem}.account-type-options{display:flex;flex-direction:column;gap:1.25rem}.account-option{align-items:flex-start;background:#f8f9fa;border:3px solid #e1e8ed;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.account-option:before{background:#c5a869;border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;right:0;top:0;transition:opacity .4s ease}.account-option:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 8px 24px #c5a86933;transform:translateY(-5px) scale(1.02)}.account-option.selected{background:linear-gradient(135deg,#f9f6f0,#faf8f3);border-color:#c5a869;box-shadow:0 12px 32px #c5a8694d;transform:scale(1.03)}.account-option.selected:before{opacity:1}.account-option input[type=radio]{accent-color:#c5a869;cursor:pointer;height:20px;margin-top:.3rem;width:20px}.option-content{flex:1 1}.option-content h4{color:#2c3e50;font-size:1.15rem;font-weight:700;letter-spacing:.3px;margin:0 0 .5rem}.option-content p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0}.sponsor-section{background:linear-gradient(135deg,#f8f9fa,#e8ecf1);border:2px solid #e1e8ed;border-radius:12px;margin-top:1rem;padding:1.5rem}.help-text{color:#7f8c8d;display:block;font-size:.875rem;font-style:italic;line-height:1.5;margin-top:.75rem}.back-btn{align-items:center;background:none;border:none;color:#c5a869;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;position:relative;transition:all .3s ease}.back-btn:before{content:"←";transition:transform .3s ease}.back-btn:hover{color:#b89858;transform:translateX(-5px)}.back-btn:hover:before{transform:translateX(-3px)}.step-subtitle{color:#7f8c8d;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:2rem;text-align:center}@media (max-width:768px){.auth-container{padding:1rem}.auth-box{max-width:100%;padding:2rem 1.5rem}.auth-box h2{font-size:1.75rem}.account-option{padding:1.25rem}.option-content h4{font-size:1.05rem}.option-content p{font-size:.9rem}}@media (max-width:480px){.auth-box{padding:1.5rem 1rem}.auth-box h2{font-size:1.5rem}.form-group input,.form-group select{font-size:.95rem;padding:.875rem 1rem}.password-input-wrapper input{padding-right:4rem}.password-toggle-btn{font-size:1.75rem;min-height:50px;min-width:50px;opacity:.7;padding:.75rem;right:.25rem}.submit-btn{font-size:1rem;padding:1rem}}.terms-full-page{min-height:90vh;padding:2rem}.terms-full-page .terms-box{max-width:900px;padding:2.5rem}.terms-full-container{background:#fafafa;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:2rem;max-height:60vh;overflow-y:auto;padding:2rem}.terms-full-container::-webkit-scrollbar{width:10px}.terms-full-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.terms-full-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:5px}.terms-full-container::-webkit-scrollbar-thumb:hover{background:#1e40af}.terms-acceptance-footer{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.terms-checkbox-label-large{align-items:flex-start;cursor:pointer;display:flex;gap:1.25rem;-webkit-user-select:none;user-select:none}.terms-checkbox-large{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:28px;margin-top:2px;width:28px}.terms-checkbox-text-large{color:#1e40af;font-size:1.1rem;font-weight:600;line-height:1.6;text-align:right}.terms-acceptance-footer .submit-btn{font-size:1.15rem;margin-top:.5rem;padding:1.25rem;transition:all .3s ease;width:100%}.terms-acceptance-footer .submit-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;opacity:.6;transform:none}.terms-acceptance-footer .submit-btn:disabled:hover{box-shadow:0 4px 15px #0000001a;transform:none}@media (max-width:768px){.terms-full-page{padding:1rem}.terms-full-page .terms-box{padding:1.5rem}.terms-full-container{max-height:50vh;padding:1.5rem}.terms-checkbox-text-large{font-size:1rem}.terms-checkbox-large{height:24px;width:24px}.terms-acceptance-footer .submit-btn{font-size:1rem;padding:1rem}}@media (max-width:480px){.terms-full-container{max-height:45vh;padding:1rem}.terms-acceptance-footer{padding:1.5rem}.terms-checkbox-text-large{font-size:.95rem}.terms-checkbox-large{height:22px;width:22px}}.terms-container{color:#1f2937;direction:rtl;font-family:Arial,sans-serif;line-height:1.8;text-align:right}.terms-title{border-bottom:3px solid #3b82f6;color:#1e40af;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.terms-section{background:#f9fafb;border-radius:12px;border-right:4px solid #3b82f6;margin-bottom:2rem;padding:1.5rem}.terms-section h3{border-bottom:2px solid #e5e7eb;color:#1e40af;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.terms-section p{font-size:.95rem;line-height:1.7;margin-bottom:.75rem}.terms-section ol{list-style-type:decimal;margin:1rem 0;padding-right:1.5rem}.terms-section ol li{font-size:.95rem;line-height:1.7;margin-bottom:.75rem}.terms-section ul{list-style-type:disc;margin:.5rem 0;padding-right:2rem}.terms-section ul li{font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.terms-link{color:#3b82f6;font-weight:600;text-decoration:underline;transition:color .2s}.terms-link:hover{color:#1e40af}.terms-acknowledgment{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-right-color:#1e40af;border-width:5px}.terms-acknowledgment h3{color:#1e40af;font-size:1.3rem}.terms-acknowledgment p{color:#1f2937;font-weight:600}.terms-acknowledgment ul{margin-top:1rem}.terms-acknowledgment ul li{color:#1e40af;font-size:1rem;font-weight:600}.terms-acceptance-section{grid-column:1/-1;margin:2rem 0}.terms-preview-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;overflow:hidden}.terms-preview-title{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;font-size:1.2rem;font-weight:700;margin:0;padding:1rem 1.5rem;text-align:center}.terms-preview-content{background:#fafafa;max-height:400px;overflow-y:auto;padding:1.5rem}.terms-preview-content::-webkit-scrollbar{width:8px}.terms-preview-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.terms-preview-content::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.terms-preview-content::-webkit-scrollbar-thumb:hover{background:#1e40af}.terms-checkbox-container{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.terms-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;-webkit-user-select:none;user-select:none}.terms-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:24px;margin-top:2px;width:24px}.terms-checkbox-text{color:#1e40af;font-size:1rem;font-weight:600;line-height:1.6;text-align:right}@media (max-width:768px){.terms-container{font-size:.9rem}.terms-title{font-size:1.2rem}.terms-section{padding:1rem}.terms-section h3{font-size:1.1rem}.terms-preview-content{max-height:300px;padding:1rem}.terms-checkbox-container{padding:1rem}.terms-checkbox{height:20px;width:20px}.terms-checkbox-text{font-size:.9rem}}@media (max-width:480px){.terms-title{font-size:1rem}.terms-section{margin-bottom:1.5rem;padding:.75rem}.terms-section h3{font-size:1rem}.terms-section ol li,.terms-section p{font-size:.85rem}.terms-preview-content{max-height:250px;padding:.75rem}.terms-preview-title{font-size:1rem;padding:.75rem 1rem}.terms-checkbox-container{flex-direction:column;gap:.75rem;padding:.75rem}.terms-checkbox-text{font-size:.85rem}}.cart-container{margin:0 auto;max-width:1200px}.cart-container h2{color:#2c3e50;margin-bottom:2rem}.cart-empty{padding:3rem;text-align:center}.cart-empty h2{color:#666;margin-bottom:1.5rem}.shop-btn{background-color:#c5a869;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.875rem 2rem}.cart-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{background:#fff;border-radius:8px;gap:1.5rem;padding:1.5rem}.cart-item,.item-image{align-items:center;display:flex}.item-image{background-color:#f0f0f0;border-radius:4px;flex-shrink:0;height:100px;justify-content:center;width:100px}.item-image img{border-radius:4px;height:100%;object-fit:cover;width:100%}.item-details{flex:1 1}.item-details h3{color:#2c3e50;margin-bottom:.5rem}.item-price{color:#27ae60;font-size:1.1rem;font-weight:700}.item-quantity{align-items:center;display:flex;gap:.5rem}.item-quantity button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;width:30px}.item-quantity span{min-width:30px;text-align:center}.item-total{color:#2c3e50;font-size:1.2rem;font-weight:700;min-width:100px;text-align:right}.remove-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.cart-summary{background:#fff;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.cart-summary h3{margin-bottom:1rem}.summary-row{color:#666}.summary-total{border-top:2px solid #eee;color:#2c3e50}.subscriber-savings{background-color:#d4edda;border-radius:4px;color:#155724;font-size:.9rem;margin:1rem 0;padding:.75rem;text-align:center}.checkout-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem;width:100%}.checkout-btn:hover{background-color:#229954}@media (max-width:1024px){.cart-container{padding:0 1rem}.item-image{height:90px;width:90px}}@media (max-width:768px){.cart-container{padding:0 1rem}.cart-container h2{font-size:1.75rem;margin-bottom:1.5rem}.cart-content{gap:1.5rem;grid-template-columns:1fr}.cart-item{align-items:center;flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.item-image{height:120px;width:120px}.item-details{width:100%}.item-details h3{font-size:1.1rem}.item-quantity{justify-content:center}.item-total{text-align:center;width:100%}.cart-summary{bottom:0;margin-top:1rem;position:-webkit-sticky;position:sticky}}@media (max-width:480px){.cart-container{padding:0 .5rem}.cart-container h2{font-size:1.5rem;margin-bottom:1rem}.cart-item{gap:.75rem;padding:1rem}.item-image{height:100px;width:100px}.item-details h3,.item-price{font-size:1rem}.item-quantity button{font-size:.9rem;height:28px;width:28px}.item-total{font-size:1.1rem}.remove-btn{font-size:.9rem;padding:.4rem .8rem}.cart-summary{padding:1.25rem}.summary-total{font-size:1.15rem}.checkout-btn{font-size:1rem;padding:.875rem}.shop-btn{font-size:.95rem;padding:.75rem 1.5rem}}.checkout-container{background:#fff;border-radius:8px;margin:0 auto;max-width:800px;padding:2rem}.checkout-container h2{color:#2c3e50;margin-bottom:2rem}.checkout-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.checkout-section:last-child{border-bottom:none}.checkout-section h3{color:#2c3e50;margin-bottom:1rem}.section-note{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #f0ad4e;border-radius:6px;color:#856404;font-size:.95rem;margin-bottom:1rem;padding:.75rem 1rem}.input-group{display:flex;flex-direction:column}.input-group label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.input-group input{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:.85rem;transition:all .3s ease}.input-group input:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.phone-warning{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545;border-radius:6px;color:#721c24;font-size:.9rem;font-weight:500;margin-top:.75rem;padding:.75rem 1rem;text-align:center}.custom-order-toggle{margin-bottom:1rem}.toggle-label{align-items:center;background:linear-gradient(135deg,#e8f4fd,#d1ecf1);border:2px solid #bee5eb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.toggle-label:hover{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#8e44ad}.toggle-label input[type=checkbox]{accent-color:#8e44ad;cursor:pointer;height:20px;width:20px}.toggle-text{color:#2c3e50;font-size:1rem;font-weight:600}.custom-order-form{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f8f9ff,#eef2ff);border:2px solid #c5cae9;border-radius:8px;margin-top:1rem;padding:1.5rem}.custom-order-note{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.custom-order-form .input-group{margin-bottom:1.25rem}.custom-order-form textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.85rem;resize:vertical;transition:all .3s ease;width:100%}.custom-order-form textarea:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.custom-order-form input[type=date]{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:.85rem;transition:all .3s ease;width:100%}.custom-order-form input[type=date]:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.custom-order-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #f0ad4e;border-radius:6px;color:#856404;font-size:.9rem;margin-top:1rem;padding:1rem}.custom-order-warning p{margin:0}.form-row input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{align-items:flex-start;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.payment-option:hover{background-color:#f9f9f9;border-color:#8e44ad}.payment-option input[type=radio]{cursor:pointer;margin-top:.25rem}.payment-option input[type=radio]:checked+.payment-label{color:#8e44ad;font-weight:600}.payment-label{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.payment-description{color:#666;display:block;font-size:.85rem}.card-details-form{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);border-left:4px solid #8e44ad;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.card-details-form h4{color:#2c3e50;font-size:1.1rem;margin-bottom:1.5rem;margin-top:0}.card-form-group{margin-bottom:1.25rem}.card-form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.card-input{background:#fff;border:2px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:1rem;padding:.85rem;transition:all .3s ease;width:100%}.card-input:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.card-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.card-note{background:#2ed5731a;border:1px solid #2ed5734d;border-radius:6px;color:#27ae60;font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.cod-info{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #27ae60;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.cod-note{color:#2c3e50;font-size:1rem;font-weight:500;margin:0}.order-summary{background-color:#f8f9fa;border-radius:4px;padding:1.5rem}.summary-row{margin-bottom:.75rem}.summary-total{border-top:2px solid #ddd;display:flex;font-size:1.3rem;font-weight:700;justify-content:space-between;margin-top:1rem;padding-top:1rem}.place-order-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:2rem;padding:1rem;width:100%}.place-order-btn:hover:not(:disabled){background-color:#229954}.place-order-btn:disabled{background-color:#95a5a6;cursor:not-allowed}@media (max-width:1024px){.checkout-container{max-width:90%}}@media (max-width:768px){.checkout-container{margin:1rem auto;padding:1.5rem 1rem}.checkout-container h2{font-size:1.75rem;margin-bottom:1.5rem}.checkout-section h3{font-size:1.2rem}.card-form-row,.form-row{gap:.75rem;grid-template-columns:1fr}.payment-option{padding:.875rem}.card-details-form,.cod-info,.order-summary{padding:1.25rem}.summary-total{font-size:1.2rem}.place-order-btn{font-size:1rem;padding:.875rem}}@media (max-width:480px){.checkout-container{margin:.5rem auto;padding:1rem .75rem}.checkout-container h2{font-size:1.5rem;margin-bottom:1.25rem}.checkout-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.checkout-section h3{font-size:1.1rem;margin-bottom:.875rem}.card-input,.form-row input{font-size:.95rem;padding:.65rem}.payment-option{gap:.5rem;padding:.75rem}.payment-label{font-size:.95rem}.payment-description{font-size:.8rem}.card-details-form,.cod-info{margin-top:1rem;padding:1rem}.card-details-form h4{font-size:1rem;margin-bottom:1rem}.card-form-group{margin-bottom:1rem}.card-form-group label{font-size:.9rem;margin-bottom:.4rem}.card-note,.cod-note{font-size:.85rem}.order-summary{padding:1rem}.summary-row{font-size:.95rem}.summary-total{font-size:1.1rem}.place-order-btn{font-size:.95rem;margin-top:1.5rem;padding:.75rem}}.stats-container{margin:0 auto;max-width:1400px;padding:24px}.stats-container.error,.stats-container.loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.stats-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.stats-refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.stats-refresh-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.stat-card{border-radius:16px;box-shadow:0 4px 20px #00000014;gap:16px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;display:flex;font-size:48px;height:72px;justify-content:center;width:72px}.stat-content{flex:1 1}.stat-content h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:16px}.stat-details{display:flex;flex-direction:column;gap:8px}.stat-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.stat-detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:13px}.detail-value{color:#1a1a1a;font-size:15px;font-weight:600}.detail-value.green{color:#10b981}.detail-value.orange{color:#f59e0b}.detail-value.red{color:#ef4444}.detail-value.blue{color:#3b82f6}.users-card .stat-icon{background:linear-gradient(135deg,#3b82f61a,#2563eb1a)}.products-card .stat-icon{background:linear-gradient(135deg,#10b9811a,#0596691a)}.orders-card .stat-icon{background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.revenue-card .stat-icon{background:linear-gradient(135deg,#a855f71a,#9333ea1a)}.commission-card .stat-icon{background:linear-gradient(135deg,#22c55e1a,#16a34a1a)}.points-card .stat-icon{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a)}.stats-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.stats-section-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.section-title{border-bottom:2px solid #667eea;color:#1a1a1a;font-size:20px;margin:0 0 20px;padding-bottom:12px}.table-wrapper{overflow-x:auto}.stats-table{border-collapse:collapse;width:100%}.stats-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.stats-table th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.stats-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.stats-table tbody tr:hover{background:#f9fafb}.stats-table td{color:#1a1a1a;font-size:14px;padding:14px 16px}.rank-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 10px #ffd7004d;color:#1a1a1a}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 2px 10px #c0c0c04d;color:#1a1a1a}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a87c);box-shadow:0 2px 10px #cd7f324d;color:#fff}.rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:#e5e7eb;color:#6b7280}.username-cell{color:#667eea;font-weight:500}.monthly-points-cell,.points-cell{color:#f59e0b;font-weight:600}.commission-cell{color:#10b981}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.recent-item:hover{background:#f3f4f6;transform:translateX(4px)}.recent-item-info{flex:1 1}.recent-item-name{color:#1a1a1a;font-size:15px;font-weight:600;margin-bottom:4px}.recent-item-detail{color:#666;font-size:13px}.recent-item-meta{align-items:center;display:flex;gap:12px}.role-badge,.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.role-badge.member{background:#dbeafe;color:#1e40af}.role-badge.customer{background:#d1fae5;color:#065f46}.role-badge.supplier,.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.processing{background:#dbeafe;color:#1e40af}.status-badge.delivered{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.order-amount{color:#10b981;font-size:15px;font-weight:700}.recent-item-date{color:#9ca3af;font-size:12px}@media (max-width:768px){.stats-container{padding:16px}.stats-header h2{font-size:24px}.stats-grid,.stats-section-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{font-size:36px;height:56px;width:56px}.stat-number{font-size:28px}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:10px 8px}.recent-item{align-items:flex-start;flex-direction:column;gap:12px}.recent-item-meta{justify-content:space-between;width:100%}}.member-ranks{margin:0 auto;max-width:1400px;padding:24px}.member-ranks.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.mr-spinner{border-top-color:#667eea;height:50px;width:50px}.mr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.mr-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.mr-update-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.mr-update-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.mr-alert{border-radius:12px;font-weight:600;margin-bottom:20px;padding:16px 20px}.mr-alert-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.mr-alert-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.mr-ranks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.mr-rank-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s}.mr-rank-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.mr-rank-card.rank-badge-agent{border-color:#9ca3af}.mr-rank-card.rank-badge-bronze{border-color:#cd7f32}.mr-rank-card.rank-badge-silver{border-color:silver}.mr-rank-card.rank-badge-gold{border-color:gold}.mr-rank-card.rank-badge-ruby{border-color:#e0115f}.mr-rank-card.rank-badge-diamond{border-color:#b9f2ff}.mr-rank-card.rank-badge-double-diamond{border-color:#0ea5e9}.mr-rank-card.rank-badge-regional{border-color:#a855f7}.mr-rank-card.rank-badge-global{border:3px solid;border-image:linear-gradient(135deg,gold,#ff6b35) 1}.mr-rank-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.mr-rank-header h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.mr-rank-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.mr-rank-details p{color:#666;font-size:14px;margin:8px 0}.mr-commission-rates{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.mr-commission-rates p{font-weight:600;margin-bottom:8px}.mr-levels{display:flex;flex-wrap:wrap;gap:8px}.mr-levels span{background:#f3f4f6;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;padding:4px 12px}.mr-members-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.mr-members-section h3{border-bottom:2px solid #667eea;color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.mr-table-wrapper{border:2px solid #e5e7eb;border-radius:12px;overflow-x:auto}.mr-table{border-collapse:collapse;width:100%}.mr-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.mr-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.mr-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.mr-table tbody tr:hover{background:#f9fafb}.mr-table tbody tr:last-child{border-bottom:none}.mr-table td{color:#1a1a1a;font-size:14px;padding:14px 16px}.mr-code{background:#f3f4f6;border-radius:4px;color:#667eea;font-family:monospace;font-weight:600;padding:4px 8px}.mr-points{color:#f59e0b;font-weight:700}.mr-rank-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.mr-rank-badge.rank-badge-agent{background:linear-gradient(135deg,#9ca3af,#d1d5db);color:#fff}.mr-rank-badge.rank-badge-bronze{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#fff}.mr-rank-badge.rank-badge-silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a1a}.mr-rank-badge.rank-badge-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.mr-rank-badge.rank-badge-ruby{background:linear-gradient(135deg,#e0115f,#ff006e);color:#fff}.mr-rank-badge.rank-badge-diamond{background:linear-gradient(135deg,#b9f2ff,#66d9ef);color:#1a1a1a}.mr-rank-badge.rank-badge-double-diamond{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.mr-rank-badge.rank-badge-regional{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.mr-rank-badge.rank-badge-global{background:linear-gradient(135deg,gold,#ff6b35);box-shadow:0 4px 15px #ffd70066;color:#fff;font-weight:700}.mr-view-downline-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.mr-view-downline-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.mr-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mr-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.mr-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.mr-modal-header h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.mr-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.mr-modal-close:hover{background:#e5e7eb}.mr-modal-body{padding:24px}.mr-member-summary{grid-gap:16px;background:#f9fafb;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:20px}.mr-summary-item{display:flex;flex-direction:column;gap:8px}.mr-summary-item label{color:#666;font-size:13px;font-weight:600;text-transform:uppercase}.mr-summary-item span{color:#1a1a1a;font-size:18px;font-weight:700}.mr-downline-levels{display:flex;flex-direction:column;gap:24px}.mr-level-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.mr-level-section h4{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin:0 0 16px}.mr-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.mr-level-members{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.mr-level-member-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.mr-level-member-card:hover{border-color:#667eea;transform:translateX(4px)}.mr-member-info{display:flex;flex-direction:column;gap:4px}.mr-member-info strong{color:#1a1a1a;font-size:14px}.mr-member-info small{color:#667eea;font-size:12px}.mr-member-stats{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.mr-member-points{color:#f59e0b;font-size:12px;font-weight:600}.mr-no-members{color:#999;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.member-ranks{padding:16px}.mr-header{align-items:flex-start;flex-direction:column;gap:16px}.mr-update-btn{width:100%}.mr-ranks-grid{grid-template-columns:1fr}.mr-table{font-size:12px}.mr-table td,.mr-table th{padding:10px 8px}.mr-modal{border-radius:0;max-height:100vh;max-width:100%}.mr-level-members,.mr-member-summary{grid-template-columns:1fr}}.profit-calc-container{margin:0 auto;max-width:1400px;padding:24px}.profit-calc-header{margin-bottom:32px}.profit-calc-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.profit-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.profit-error,.profit-success{border-radius:12px;color:#fff;font-weight:600;margin-bottom:20px;padding:16px 20px}.profit-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.profit-calc-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.profit-calc-form h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 20px}.date-inputs{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#666;font-size:14px;font-weight:600}.date-input-group input[type=date],.date-input-group input[type=text]{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px;transition:all .2s}.date-input-group input[type=date]:focus,.date-input-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-input-group input[type=text]{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #667eea;color:#1a1a1a;font-weight:600}.date-input-group input[type=text]::placeholder{color:#9ca3af;font-weight:400}.date-input-group input[type=text]:focus{background:#fff;border-color:#764ba2;box-shadow:0 0 0 4px #667eea26}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s;white-space:nowrap}.calculate-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.calculate-btn:disabled{cursor:not-allowed;opacity:.6}.profit-periods-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.profit-periods-section h3{border-bottom:2px solid #667eea;color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.periods-list{display:flex;flex-direction:column;gap:12px}.period-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.period-card:hover{border-color:#667eea;transform:translateX(4px)}.period-info{flex:1 1}.period-name-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea;border-radius:8px;color:#667eea;display:inline-block;font-size:18px;font-weight:700;margin-bottom:8px;padding:8px 12px}.period-dates{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}.period-stats{color:#666;display:flex;font-size:14px;gap:20px}.period-stats span{align-items:center;display:flex;gap:4px}.status-badge{border-radius:12px;font-size:12px;padding:4px 12px;text-transform:uppercase}.status-badge.paid{background:#fee2e2;color:#991b1b}.status-badge.finalized{background:#dbeafe;color:#1e40af}.period-actions{display:flex;gap:8px}.close-btn,.view-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.view-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.close-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.profit-results{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.results-header{align-items:start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.results-header h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.period-name-display{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid #667eea;border-left-width:6px;border-radius:12px;box-shadow:0 2px 8px #667eea33;color:#667eea;display:inline-block;font-size:22px;font-weight:700;margin:12px 0 8px;padding:12px 20px;transition:all .3s}.period-name-display:hover{box-shadow:0 4px 12px #667eea4d;transform:translateX(4px)}.period-info-text{color:#666;font-size:14px;margin:0}.results-actions{display:flex;gap:12px}.close-period-btn,.export-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.export-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.export-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.close-period-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d;color:#fff}.close-period-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.summary-cards{grid-gap:20px;gap:20px;margin-bottom:32px}.summary-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);gap:16px;padding:20px}.summary-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:40px;height:64px;justify-content:center;width:64px}.summary-content{flex:1 1}.summary-label{color:#666;font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.summary-value{color:#1a1a1a;font-size:28px}.summary-value.status-text{font-size:20px}.profit-table-wrapper{border:2px solid #e5e7eb;border-radius:12px;overflow-x:auto}.profit-table{border-collapse:collapse;width:100%}.profit-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.profit-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.profit-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.profit-table tbody tr:hover{background:#f9fafb}.profit-table tbody tr:last-child{border-bottom:none}.profit-table td{color:#1a1a1a;font-size:14px;padding:14px 16px}.rank-number{align-items:center;border-radius:50%;display:inline-flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.rank-number.rank-1{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 10px #ffd70066;color:#1a1a1a}.rank-number.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 2px 10px #c0c0c066;color:#1a1a1a}.rank-number.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a87c);box-shadow:0 2px 10px #cd7f3266;color:#fff}.rank-number:not(.rank-1):not(.rank-2):not(.rank-3){background:#e5e7eb;color:#6b7280}.member-username{color:#667eea;font-weight:500}.member-code{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.text-center{text-align:center}.text-right{text-align:right}.points-cell{color:#f59e0b;font-weight:600}.commission-cell{color:#3b82f6;font-weight:600}.profit-cell{color:#10b981;font-size:15px;font-weight:700}@media (max-width:768px){.profit-calc-container{padding:16px}.date-inputs{grid-template-columns:1fr}.results-header{flex-direction:column;gap:16px}.results-actions{flex-direction:column;width:100%}.close-period-btn,.export-btn{width:100%}.summary-cards{grid-template-columns:1fr}.period-card{align-items:flex-start;flex-direction:column;gap:12px}.period-actions{justify-content:stretch;width:100%}.close-btn,.view-btn{flex:1 1}.profit-table{font-size:12px}.profit-table td,.profit-table th{padding:10px 8px}.period-name-display{box-sizing:border-box;font-size:18px;padding:10px 16px;width:100%}.period-name-header{box-sizing:border-box;font-size:16px;padding:6px 10px;width:100%}}.admin-container{margin:0 auto;max-width:1400px}.admin-container h2{color:#2c3e50;margin-bottom:2rem}.admin-tabs{border-bottom:2px solid #eee;display:flex;gap:1rem;margin-bottom:2rem}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.admin-tabs button.tab-active{border-bottom-color:#3498db;color:#3498db}.tab-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tab-header h3{color:#2c3e50}.add-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.add-btn:hover{background-color:#229954}.product-form{background-color:#f8f9fa;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-grid input,.product-form textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.product-form textarea{font-family:inherit;margin-bottom:1rem;min-height:100px}.submit-btn{background-color:#3498db;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 2rem}.submit-btn:hover{background-color:#2980b9}.data-table{border-collapse:collapse;margin-top:1rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.data-table th{color:#2c3e50;font-weight:600}.data-table th,.data-table tr:hover{background-color:#f8f9fa}.status{border-radius:4px;font-size:.85rem;font-weight:500;padding:.3rem .6rem}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.status.pending{background-color:#fff3cd;color:#856404}.status.processing{background-color:#cce5ff;color:#004085}.status.shipped{background-color:#d1ecf1;color:#0c5460}.status.delivered{background-color:#d4edda;color:#155724}.delete-btn{background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.delete-btn:hover{background-color:#c0392b}.view-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.view-btn:hover{background-color:#2980b9}.action-buttons{gap:.5rem}.approve-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.approve-btn:hover{background-color:#229954}.reject-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.reject-btn:hover{background-color:#c0392b}.image-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:8px;max-height:90%;max-width:90%;padding:1rem;position:relative}.image-modal-content img{border-radius:4px;display:block;max-height:80vh;max-width:100%}.close-modal{align-items:center;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;width:35px}.close-modal:hover{background:#c0392b}.edit-btn{background-color:#3498db;border-radius:4px;font-size:.85rem;padding:.4rem .8rem}.edit-btn:hover{background-color:#2980b9}.cancel-btn{background-color:#95a5a6;border:none;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem 1.5rem}.cancel-btn:hover{background-color:#7f8c8d}.modal-overlay{height:100%;width:100%}.modal-content{border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;padding:2rem}.modal-content h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.5rem}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.modal-content .form-group input,.modal-content .form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.modal-content .form-group small{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.modal-content .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.modal-content .checkbox-group input[type=checkbox]{width:auto}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.supplier-form h4{color:#2c3e50;margin-bottom:1.5rem}.supplier-form .form-group{margin-bottom:0}.supplier-form .form-group label{color:#34495e;display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.supplier-form .form-group input,.supplier-form .form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.supplier-form .full-width{grid-column:1/-1}.categories-checkboxes{grid-gap:.75rem;background:#fff;border:1px solid #ddd;border-radius:4px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:1rem}.checkbox-label{border-radius:4px;padding:.5rem;transition:background .2s}.checkbox-label:hover{background:#f0f0f0}.checkbox-label input[type=checkbox]{height:18px;width:18px}.checkbox-label span{color:#2c3e50;font-size:.95rem}.supplier-form .form-buttons{display:flex;gap:1rem;margin-top:1rem}.badge{background:#c5a869;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.no-data{color:#666;font-size:1.1rem;padding:2rem;text-align:center}.loading{color:#3498db;padding:2rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.data-table{font-size:.9rem}.data-table td,.data-table th{padding:.5rem}.action-buttons{flex-direction:column}.image-modal-content{max-width:95%;padding:.5rem}.modal-content{padding:1rem;width:95%}.modal-buttons{flex-direction:column}}.instructions-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:4rem 2rem 2rem}.instructions-container{background:#fff;border:1px solid #3498db1a;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:900px;padding:3rem;width:100%}.instructions-header{margin-bottom:3rem;position:relative;text-align:center}.instructions-header:after{background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:2px;bottom:-1.5rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.instructions-header h1{color:#2c3e50;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem}.subtitle{color:#7f8c8d;font-size:1.15rem;font-weight:500}.instructions-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.instruction-card{background:linear-gradient(135deg,#f8f9fa,#e8ecf1);border:2px solid #e1e8ed;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.instruction-card:before{background:linear-gradient(180deg,#3498db,#9b59b6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:6px}.instruction-card:hover:before{opacity:1}.instruction-card:hover{border-color:#3498db;box-shadow:0 8px 24px #3498db26;transform:translateX(10px)}.instruction-card.highlight{background:linear-gradient(135deg,#e8f4f8,#d4e9f7);border-color:#3498db}.card-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}.instruction-card h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.instruction-card p{color:#5a6c7d;font-size:1.05rem;line-height:1.7;margin-bottom:0}.commission-list,.tips-list{margin-top:1rem;padding-left:1.5rem}.commission-list li,.tips-list li{color:#5a6c7d;font-size:1.05rem;line-height:1.8;margin-bottom:.5rem}.commission-list li strong{color:#27ae60;font-weight:700}.instructions-footer{border-top:2px solid #e1e8ed;padding-top:2rem;text-align:center}.get-started-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 8px 24px #3498db4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;overflow:hidden;padding:1.25rem 3rem;position:relative;transition:all .3s ease}.get-started-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.get-started-btn:hover:before{height:400px;width:400px}.get-started-btn:hover{box-shadow:0 12px 32px #3498db80;transform:translateY(-3px)}.get-started-btn:active{transform:translateY(-1px)}.footer-note{color:#7f8c8d;font-size:.95rem;font-style:italic;margin-top:1.5rem}@media (max-width:768px){.instructions-page{padding:2rem 1rem 1rem}.instructions-container{padding:2rem 1.5rem}.instructions-header h1{font-size:2rem}.subtitle{font-size:1rem}.instruction-card{padding:1.5rem}.instruction-card h3{font-size:1.25rem}.commission-list li,.instruction-card p,.tips-list li{font-size:.95rem}.card-icon{font-size:2.5rem}.get-started-btn{font-size:1rem;padding:1rem 2rem;width:100%}}@media (max-width:480px){.instructions-container{padding:1.5rem 1rem}.instructions-header h1{font-size:1.75rem}.instruction-card{padding:1.25rem}}.member-welcome-container{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#667eea)}}.welcome-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:700px;opacity:0;overflow:hidden;padding:3rem;position:relative;transform:translateY(30px);transition:all .6s ease;width:100%}.welcome-card.show{opacity:1;transform:translateY(0)}.welcome-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.success-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.success-icons>div{animation:bounce .6s ease;animation-delay:calc(var(--delay)*.1s);font-size:2.5rem}.icon-trophy:first-child{--delay:1}.icon-star:nth-child(2){--delay:2}.icon-celebration:nth-child(3){--delay:3}.icon-trophy:nth-child(4){--delay:4}.icon-star:nth-child(5){--delay:5}.icon-celebration:nth-child(6){--delay:6}.welcome-title{color:#2d3748;font-size:1.8rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;text-align:center}.welcome-subtitle{color:#667eea;font-size:1.1rem;font-weight:500;margin-bottom:2rem;text-align:center}.member-details{background:#f7fafc;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.detail-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#4a5568;font-size:.95rem;font-weight:600}.detail-value{color:#2d3748;font-size:.95rem;font-weight:500}.bonus-offer{background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:16px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.bonus-offer:before{animation:rotate 10s linear infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bonus-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:.5rem}.bonus-offer h3{font-size:1.5rem;margin-bottom:.75rem}.bonus-offer h3,.bonus-text{color:#fff;position:relative;z-index:1}.bonus-text{font-size:1rem;line-height:1.6;margin-bottom:1rem}.bonus-points{background:#fff;border-radius:50px;box-shadow:0 4px 12px #00000026;color:#19547b;display:inline-block;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;position:relative;z-index:1}.visit-links{margin-bottom:2rem;text-align:center}.visit-text{color:#4a5568;font-size:1rem;font-weight:500;margin-bottom:1rem}.links-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.visit-link{align-items:center;background:#667eea;border-radius:50px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.visit-link:hover{background:#5568d3;box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.link-icon{font-size:1.2rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f7fafc;transform:translateY(-2px)}@media (max-width:768px){.member-welcome-container{padding:1rem}.welcome-card{padding:2rem 1.5rem}.welcome-title{font-size:1.4rem}.welcome-subtitle{font-size:1rem}.success-icons>div{font-size:2rem}.detail-row{flex-direction:column;gap:.25rem}.bonus-offer{padding:1.5rem 1rem}.bonus-offer h3{font-size:1.3rem}.bonus-text{font-size:.9rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.welcome-card{padding:1.5rem 1rem}.welcome-title{font-size:1.2rem}.success-icons{gap:.5rem}.success-icons>div{font-size:1.5rem}.links-container{flex-direction:column}.visit-link{justify-content:center;width:100%}}.user-management select option{background-color:#fff!important;color:#1a202c!important;font-size:14px!important;font-weight:500!important;line-height:1.6!important;min-height:36px!important;padding:8px 12px!important}.user-management select option:checked{background:#6366f1!important;background-color:#6366f1!important;color:#fff!important}.user-management{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;overflow:hidden}.user-management.loading{color:#6b7280;padding:60px 20px;text-align:center}.um-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 28px}.um-header-left{flex:1 1}.um-header h2{color:#1a202c;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.um-subtitle{color:#6b7280;font-size:13px;font-weight:500;margin:0}.um-header-right{align-items:center;display:flex;gap:12px}.um-add-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.um-add-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-2px)}.um-export-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.um-export-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.um-error,.um-success{border-radius:8px;font-size:14px;font-weight:500;margin:20px 28px;padding:14px 20px}.um-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.um-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.um-filters{background:#fff;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:20px 28px}.um-search{flex:1 1}.um-search input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.um-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.um-location-filter select,.um-role-filter select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:10px 14px;transition:all .2s ease}.um-location-filter select:focus,.um-role-filter select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.um-location-filter{align-items:center;display:flex;gap:12px}.um-stats-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.um-stats-btn:hover{box-shadow:0 4px 8px #f59e0b66;transform:translateY(-2px)}.um-location-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe;justify-content:space-between;padding:16px 28px}.um-location-summary,.um-summary-info{align-items:center;display:flex;gap:16px}.um-summary-info{flex-wrap:wrap}.um-summary-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px}.um-summary-label{color:#6b7280;font-weight:500}.um-summary-value{color:#1e40af;font-weight:700}.um-clear-filter-btn{background:#fff;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.um-clear-filter-btn:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-1px)}.um-table-wrapper{overflow-x:auto;padding:28px}.um-table{border-collapse:collapse;width:100%}.um-table thead{background:#f9fafb}.um-table thead th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.um-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.um-table tbody tr:hover{background:#f9fafb}.um-table tbody td{color:#1f2937;font-size:14px;padding:14px 16px}.um-username{color:#6366f1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600}.um-date{color:#6b7280;font-size:13px}.um-role-badge{border:2px solid;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.um-role-badge.super_admin{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.um-role-badge.regional_admin{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf6;color:#fff}.um-role-badge.subscriber{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981;color:#fff}.um-role-badge.customer{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.um-role-badge:focus{box-shadow:0 0 0 3px #6366f133;outline:none}.um-table select{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}.um-table select option{background:#fff;color:#1a202c;font-size:14px;font-weight:500;line-height:1.5;min-height:40px;padding:10px 14px}.um-table select option:checked{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.um-table select option:hover{background:#eff6ff;color:#1e40af}.um-edit-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.um-edit-btn:hover{background:#4f46e5;box-shadow:0 2px 4px #6366f14d;transform:translateY(-1px)}.um-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-right:6px;padding:6px 12px;transition:all .2s ease}.um-delete-btn:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d;transform:translateY(-1px)}.um-actions{display:flex;flex-wrap:wrap;gap:8px}.um-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.um-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.um-modal-large{max-width:700px}.um-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.um-modal-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.um-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.um-modal-close:hover{background:#e5e7eb;color:#1f2937}.um-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.um-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.um-form-group{margin-bottom:20px}.um-form-group:last-child{margin-bottom:0}.um-form-group label{color:#6b7280;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.um-form-group input,.um-form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.um-form-group select{cursor:pointer}.um-form-group select option{background:#fff;color:#1a202c;font-size:14px;font-weight:500;padding:10px 14px}.um-form-group select option:checked,.um-form-group select option:hover{background:#6366f1!important;color:#fff!important}.um-form-group input:focus,.um-form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.um-form-group input.um-disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.um-form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.um-modal-footer{background:#fafafa;border-top:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}.um-save-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.um-save-btn:hover{background:#4f46e5;box-shadow:0 4px 6px #6366f140;transform:translateY(-1px)}.um-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.um-cancel-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.um-modal-stats{display:flex;flex-direction:column;max-height:80vh;max-width:900px}.um-modal-stats .um-modal-body{max-height:calc(80vh - 140px);overflow-y:auto}.um-stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.um-summary-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;text-align:center}.um-summary-card-label{color:#0369a1;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.um-summary-card-value{color:#0c4a6e;font-size:32px;font-weight:700;line-height:1}.um-stats-section{margin-bottom:32px}.um-stats-section:last-child{margin-bottom:0}.um-stats-section h4{border-bottom:2px solid #e5e7eb;color:#1a202c;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:10px}.um-stats-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.um-stats-table{border-collapse:collapse;width:100%}.um-stats-table thead{background:#f9fafb}.um-stats-table thead th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.um-stats-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.um-stats-table tbody tr:last-child{border-bottom:none}.um-stats-table tbody td{color:#1f2937;font-size:14px;padding:14px 16px}.um-stats-row-clickable{cursor:pointer}.um-stats-row-clickable:hover{background:#f0fdf4!important}.um-stats-location{color:#1e40af;font-weight:600}.um-stats-count{color:#0c4a6e;font-size:15px;font-weight:700}.um-stats-percentage{color:#6b7280;font-size:13px;font-weight:500}.um-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.um-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:1024px){.um-table-wrapper{overflow-x:scroll}.um-table{min-width:900px}}@media (max-width:768px){.um-filters,.um-header,.um-table-wrapper{padding:16px 20px}.um-filters{flex-direction:column}.um-location-filter select,.um-role-filter select{width:100%}.um-location-filter{flex-direction:column;width:100%}.um-stats-btn{width:100%}.um-location-summary{align-items:flex-start;flex-direction:column;padding:12px 20px}.um-clear-filter-btn,.um-summary-info{width:100%}.um-stats-summary{grid-template-columns:1fr}.um-modal{margin:0 16px}.um-modal-stats{max-height:90vh}.um-stats-table-wrapper{overflow-x:scroll}.um-stats-table{min-width:500px}}@media (max-width:480px){.um-filters,.um-header,.um-table-wrapper{padding:12px 16px}.um-header{align-items:flex-start;flex-direction:column;gap:12px}.um-header-right{flex-direction:column;width:100%}.um-add-btn,.um-export-btn{width:100%}.um-header h2{font-size:16px}.um-modal-body,.um-modal-footer,.um-modal-header{padding:16px}.um-modal-footer{flex-direction:column}.um-cancel-btn,.um-save-btn{width:100%}.um-form-row{grid-template-columns:1fr}}.um-region-badge{background:#dbeafe;color:#1e40af}.um-region-badge,.um-region-unassigned{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.um-region-unassigned{background:#fee2e2;color:#991b1b}.um-network-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.um-network-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.um-modal-network{max-height:85vh;max-width:900px}.um-modal-network .um-modal-body{max-height:calc(85vh - 80px);overflow-y:auto}.um-network-summary{grid-gap:16px;background:linear-gradient(135deg,#f0f9ff,#dbeafe);border:1px solid #bae6fd;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.um-network-summary .um-summary-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:8px;padding:12px}.um-network-summary .um-summary-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.um-code-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;font-weight:700;padding:6px 12px}.um-stat-value{color:#1e40af;font-size:20px;font-weight:700}.um-network-levels{display:flex;flex-direction:column;gap:20px}.um-network-level{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.um-network-level:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.um-level-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px}.um-level-header h4{align-items:center;color:#1a202c;display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.um-level-count{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 4px #3b82f64d;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.um-level-members{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.um-member-card{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.um-member-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f626;transform:translateY(-2px)}.um-member-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.um-member-info strong{color:#1a202c;font-size:14px;font-weight:600}.um-member-info small{color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px}.um-member-details{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.um-member-code{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.um-member-code,.um-member-points{font-size:11px;font-weight:700;padding:3px 8px}.um-member-points{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:4px;color:#78350f}.um-no-members{color:#9ca3af;font-size:14px;font-style:italic;font-weight:500;padding:32px 16px;text-align:center}.mr-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@media (max-width:768px){.um-modal-network{max-height:90vh;max-width:95%}.um-level-members,.um-network-summary{grid-template-columns:1fr}.um-member-card{align-items:flex-start;flex-direction:column;gap:10px}.um-member-details{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}@media (max-width:480px){.um-network-summary .um-summary-item{padding:10px}.um-code-badge{font-size:12px;padding:4px 8px}.um-stat-value{font-size:18px}.um-level-header{padding:12px 14px}.um-level-header h4{font-size:14px}.um-level-members{padding:12px}}.order-management{padding:2rem}.om-header{margin-bottom:2rem}.om-header h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.om-subtitle{color:#64748b;font-size:1rem;margin:0}.om-alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.om-alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.om-alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.om-filters{display:flex;gap:1rem;margin-bottom:2rem}.om-search{flex:1 1}.om-search input{border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.om-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.om-filter-select select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.875rem;min-width:180px;padding:.75rem 1rem;transition:all .2s}.om-filter-select select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.om-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.om-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.om-confirm-modal{max-height:90vh;max-width:700px;overflow-y:auto;z-index:1100}.om-confirm-modal~.om-modal-overlay{z-index:1050!important}.om-form-section{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1.5rem}.om-form-group{margin-bottom:1.5rem}.om-form-group:last-child{margin-bottom:0}.om-form-group label{color:#1e293b;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.om-form-group input,.om-form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.om-form-group input:focus,.om-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.om-form-group textarea{min-height:80px;resize:vertical}.om-customer-specs{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.om-customer-specs p{color:#475569;line-height:1.6;margin:.5rem 0}.om-additional-notes{border-top:1px solid #e2e8f0;margin-top:.5rem!important;padding-top:.5rem}.om-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.om-btn-cancel,.om-btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.om-btn-cancel{background:#f1f5f9;color:#475569}.om-btn-cancel:hover{background:#e2e8f0}.om-btn-confirm{background:#10b981;color:#fff}.om-btn-confirm:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.om-confirm-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.om-confirm-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.om-stat-card h3{color:#6366f1;font-size:2rem;font-weight:700;margin:0 0 .5rem}.om-stat-card p{color:#64748b;font-size:.875rem;margin:0}.om-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.om-table{border-collapse:collapse;width:100%}.om-table thead{background-color:#f8fafc}.om-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.om-table td,.om-table th{font-size:.875rem;padding:1rem}.om-table td{border-bottom:1px solid #f1f5f9;color:#334155}.om-table tbody tr:hover{background-color:#f8fafc}.om-order-number{color:#6366f1;font-family:Courier New,monospace;font-weight:600}.om-price{color:#059669;font-weight:600}.om-no-data{color:#94a3b8;font-style:italic;padding:3rem 1rem;text-align:center}.om-status-badge{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize;transition:all .2s}.om-status-pending{background-color:#fef3c7;color:#92400e}.om-status-prepared{background-color:#dbeafe;color:#1e40af}.om-status-on-way{background-color:#fce7f3;color:#9f1239}.om-status-received{background-color:#d1fae5;color:#065f46}.om-status-badge:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.om-view-btn{background-color:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.om-view-btn:hover{background-color:#4f46e5;box-shadow:0 2px 4px #6366f14d;transform:translateY(-1px)}.om-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.om-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.om-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.om-modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.om-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.om-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.om-modal-body{padding:1.5rem}.om-detail-section{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1.5rem}.om-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.om-detail-section h4{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.om-detail-section p{color:#334155;font-size:.875rem;margin:.5rem 0}.om-detail-section strong{color:#475569;font-weight:600}.om-products-table{border-collapse:collapse;margin-top:.5rem;width:100%}.om-products-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;text-transform:uppercase}.om-products-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.75rem}.om-total{border-top:2px solid #e2e8f0;color:#1e293b;font-size:1.125rem;margin-top:.5rem;padding-top:.5rem}.order-management.loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.om-spinner{animation:om-spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}@keyframes om-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.order-management{padding:1rem}.om-filters{flex-direction:column}.om-stats{grid-template-columns:repeat(2,1fr)}.om-table-wrapper{overflow-x:auto}.om-table{min-width:800px}.om-modal{margin:1rem;max-width:100%}}.om-custom-order-row{background:linear-gradient(135deg,#fef3c7,#fde68a)}.om-custom-order-row:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.om-custom-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.om-custom-badge,.om-standard-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.35rem .75rem;white-space:nowrap}.om-standard-badge{background:linear-gradient(135deg,#94a3b8,#64748b)}.om-custom-order-section{background:linear-gradient(135deg,#fef3c7,#fde68a 20%,#fff);border:2px solid #f59e0b;border-radius:12px;margin-top:1rem;padding:1.5rem}.om-custom-order-section h4{color:#92400e;font-size:1rem;margin-bottom:1.25rem}.om-custom-field{background:#ffffffb3;border-radius:8px;margin-bottom:1rem;padding:.75rem}.om-custom-field strong{color:#92400e;display:block;font-size:.875rem;margin-bottom:.5rem}.om-custom-field p{color:#1e293b;font-size:.9rem;line-height:1.5;margin:0}.om-specifications{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;padding:1rem;white-space:pre-wrap}.om-confirmed-price{color:#059669;font-size:1.25rem;font-weight:700}.om-custom-status{border-top:1px solid #fcd34d;margin-top:1rem;padding-top:1rem;text-align:center}.om-confirmed{background:linear-gradient(135deg,#10b981,#059669)}.om-confirmed,.om-pending-confirm{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.om-pending-confirm{background:linear-gradient(135deg,#f59e0b,#d97706)}.om-stat-custom{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.om-stat-custom h3,.om-stat-custom p{color:#fff}.om-edit-modal{max-width:800px}.om-edit-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.om-edit-header h3{color:#1e40af}.om-edit-form{display:flex;flex-direction:column;gap:1.5rem}.om-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.om-edit-btn-large{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.om-edit-btn-large:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.om-edit-actions{display:flex;gap:1rem;margin-top:.5rem}.om-products-edit-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 20%,#f8fafc);border:2px solid #3b82f6}.om-products-edit-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.om-product-edit-item{grid-gap:1rem;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:1rem;transition:all .2s}.om-product-edit-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.om-product-name{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:.5rem}.om-product-icon{font-size:1.25rem}.om-product-quantity label,.om-product-subtotal label{color:#64748b;display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem;text-transform:uppercase}.om-product-quantity input{border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s;width:100%}.om-product-quantity input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.om-subtotal-value{background:#f0fdf4;border-radius:6px;color:#059669;display:block;font-size:1rem;font-weight:700;padding:.5rem;text-align:center}.om-total-display{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.om-total-label{color:#065f46;font-size:1.1rem;font-weight:600}.om-total-value{color:#059669;font-size:1.5rem;font-weight:700}.om-edit-note{background:#fff7ed;border-left:3px solid #f59e0b;border-radius:6px;padding:.75rem}.om-edit-note small{color:#92400e;font-size:.85rem;line-height:1.4}@media (max-width:768px){.om-form-row{grid-template-columns:1fr}.om-edit-actions{flex-direction:column}.om-product-edit-item{gap:.75rem;grid-template-columns:1fr}.om-total-display{flex-direction:column;gap:.5rem;text-align:center}.om-total-label,.om-total-value{font-size:1rem}.om-modal-actions{flex-direction:column}}.my-orders{padding:2rem}.mo-header{margin-bottom:2rem}.mo-header h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.mo-subtitle{color:#64748b;font-size:1rem;margin:0}.mo-alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.mo-alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.mo-empty{color:#94a3b8;font-size:1.125rem;padding:4rem 2rem;text-align:center}.mo-orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.mo-order-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:1.5rem;transition:all .2s}.mo-order-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.mo-order-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.mo-order-number{color:#6366f1;font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.mo-order-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mo-info-row{align-items:center;display:flex;justify-content:space-between}.mo-label{color:#64748b;font-size:.875rem;font-weight:500}.mo-value{color:#1e293b;font-size:.875rem;font-weight:600}.mo-price{color:#059669;font-size:1rem}.mo-view-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.mo-view-btn:hover{background:#4f46e5;transform:translateY(-1px)}.mo-status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.mo-status-pending{background-color:#fef3c7;color:#92400e}.mo-status-prepared{background-color:#dbeafe;color:#1e40af}.mo-status-on-way{background-color:#fce7f3;color:#9f1239}.mo-status-received{background-color:#d1fae5;color:#065f46}.mo-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.mo-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.mo-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.mo-modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.mo-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.mo-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.mo-print-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.mo-print-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.mo-print-btn:active{transform:translateY(0)}.mo-modal-body{padding:1.5rem}.mo-detail-section{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1.5rem}.mo-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mo-detail-section h4{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.mo-detail-section p{color:#334155;font-size:.875rem;margin:.5rem 0}.mo-detail-section strong{color:#475569;font-weight:600}.mo-products-table{border-collapse:collapse;margin-top:.5rem;width:100%}.mo-products-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:600;padding:.75rem;text-align:left;text-transform:uppercase}.mo-products-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.75rem}.mo-total{border-top:2px solid #e2e8f0;color:#1e293b;font-size:1.125rem;margin-top:.5rem;padding-top:.5rem}.my-orders.loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.mo-spinner{animation:mo-spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}@keyframes mo-spin{to{transform:rotate(1turn)}}.mo-alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.mo-status-cancelled{background-color:#fee2e2;color:#991b1b}.mo-order-card.mo-cancelled{border:2px dashed #fecaca;opacity:.7}.mo-custom-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin:.75rem 0;padding:.35rem .75rem}.mo-card-actions{display:flex;flex-direction:column;gap:.75rem}.mo-action-buttons{display:flex;gap:.5rem}.mo-cancel-btn,.mo-edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.5rem;transition:all .2s}.mo-edit-btn{background-color:#dbeafe;color:#1e40af}.mo-edit-btn:hover{background-color:#bfdbfe}.mo-cancel-btn{background-color:#fee2e2;color:#991b1b}.mo-cancel-btn:hover{background-color:#fecaca}.mo-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.mo-cancel-btn-large,.mo-edit-btn-large{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.mo-edit-btn-large{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.mo-edit-btn-large:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.mo-cancel-btn-large{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mo-cancel-btn-large:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.mo-cancel-modal{max-width:500px}.mo-cancel-header{background:linear-gradient(135deg,#fee2e2,#fecaca)}.mo-cancel-header h3{color:#991b1b}.mo-cancel-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.mo-cancel-warning p{color:#92400e;font-weight:500;margin:0 0 .5rem}.mo-warning-note{color:#a16207!important;font-size:.875rem}.mo-cancel-form{margin-bottom:1.5rem}.mo-cancel-form label{color:#475569;display:block;font-weight:600;margin-bottom:.5rem}.mo-cancel-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.mo-cancel-form textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.mo-cancel-actions{display:flex;gap:1rem}.mo-edit-modal{max-width:700px}.mo-edit-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.mo-edit-header h3{color:#1e40af}.mo-edit-form{display:flex;flex-direction:column;gap:1.5rem}.mo-form-section{background:#f8fafc;border-radius:10px;padding:1.25rem}.mo-form-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.mo-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mo-form-group{margin-bottom:1rem}.mo-form-group:last-child{margin-bottom:0}.mo-form-group label{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.mo-form-group input,.mo-form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.mo-form-group input:focus,.mo-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mo-edit-actions{display:flex;gap:1rem;margin-top:.5rem}.mo-custom-edit-section{background:linear-gradient(135deg,#fef3c7,#fde68a 20%,#f8fafc);border:2px solid #f59e0b}.mo-products-edit-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 20%,#f8fafc);border:2px solid #3b82f6}.mo-products-edit-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.mo-product-edit-item{grid-gap:1rem;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:1rem;transition:all .2s}.mo-product-edit-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.mo-product-name{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:.5rem}.mo-product-icon{font-size:1.25rem}.mo-product-quantity label,.mo-product-subtotal label{color:#64748b;display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem;text-transform:uppercase}.mo-product-quantity input{border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s;width:100%}.mo-product-quantity input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mo-subtotal-value{background:#f0fdf4;border-radius:6px;color:#059669;display:block;font-size:1rem;font-weight:700;padding:.5rem;text-align:center}.mo-total-display{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.mo-total-label{color:#065f46;font-size:1.1rem;font-weight:600}.mo-total-value{color:#059669;font-size:1.5rem;font-weight:700}.mo-edit-note{background:#fff7ed;border-left:3px solid #f59e0b;border-radius:6px;padding:.75rem}.mo-edit-note small{color:#92400e;font-size:.85rem;line-height:1.4}.mo-custom-order-section{background:linear-gradient(135deg,#fef3c7,#fde68a 20%,#fff);border:2px solid #f59e0b;border-radius:10px;padding:1.25rem}.mo-custom-field{background:#ffffffb3;border-radius:6px;margin-bottom:1rem;padding:.75rem}.mo-custom-field:last-child{margin-bottom:0}.mo-custom-field strong{color:#92400e;display:block;font-size:.85rem;margin-bottom:.5rem}.mo-custom-field p{color:#1e293b;margin:0}.mo-admin-response{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6}.mo-admin-response strong{color:#1e40af}.mo-confirmed-price{color:#059669!important;font-size:1.25rem!important;font-weight:700}.mo-custom-status{border-top:1px solid #fcd34d;margin-top:1rem;padding-top:1rem;text-align:center}.mo-confirmed-badge,.mo-pending-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.mo-confirmed-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mo-pending-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mo-btn-danger,.mo-btn-primary,.mo-btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.mo-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mo-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.mo-btn-secondary{background:#f1f5f9;color:#475569}.mo-btn-secondary:hover:not(:disabled){background:#e2e8f0}.mo-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mo-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.mo-btn-danger:disabled,.mo-btn-primary:disabled,.mo-btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.my-orders{padding:1rem}.mo-orders-grid{grid-template-columns:1fr}.mo-modal{margin:1rem;max-width:100%}.mo-form-row{grid-template-columns:1fr}.mo-action-buttons,.mo-cancel-actions,.mo-edit-actions,.mo-modal-actions{flex-direction:column}.mo-product-edit-item{gap:.75rem;grid-template-columns:1fr}.mo-total-display{flex-direction:column;gap:.5rem;text-align:center}.mo-total-label,.mo-total-value{font-size:1rem}}.product-management{padding:2rem}.pm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pm-header h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0}.pm-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.pm-add-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.pm-alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.pm-alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.pm-alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.pm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.pm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.pm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.pm-modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.pm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.pm-modal-close:hover{background-color:#f1f5f9;color:#1e293b}.pm-form{padding:1.5rem}.pm-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.pm-form-group{display:flex;flex-direction:column;gap:.5rem}.pm-form-group.pm-full-width{grid-column:1/-1}.pm-form-group label{color:#475569;font-size:.875rem;font-weight:600}.pm-form-group input,.pm-form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;padding:.75rem;transition:all .2s}.pm-form-group input:focus,.pm-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.pm-form-group textarea{font-family:inherit;resize:vertical}.pm-checkbox{align-items:center;flex-direction:row}.pm-checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.pm-checkbox input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.pm-form-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;grid-column:1/-1;margin-top:1rem;padding:1.5rem}.pm-discount-section h4{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.pm-discount-section h4:before{content:"🏷️";font-size:1.3rem}.pm-checkbox-group{margin-bottom:1rem}.pm-checkbox-group label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.75rem;transition:all .2s}.pm-checkbox-group label:hover{background:#f8fafc;border-color:#6366f1}.pm-checkbox-group input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:20px;width:20px}.pm-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.pm-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding-top:1rem}.pm-save-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:600;padding:.875rem;transition:all .2s}.pm-save-btn:hover{background:#4f46e5;box-shadow:0 4px 6px #6366f140;transform:translateY(-1px)}.pm-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.pm-cancel-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.pm-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.pm-table{border-collapse:collapse;width:100%}.pm-table thead{background-color:#f8fafc}.pm-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.pm-table td,.pm-table th{font-size:.875rem;padding:1rem}.pm-table td{border-bottom:1px solid #f1f5f9;color:#334155}.pm-table tbody tr:hover{background-color:#f8fafc}.pm-product-img{object-fit:cover}.pm-no-image,.pm-product-img{border-radius:8px;height:50px;width:50px}.pm-no-image{align-items:center;background-color:#f1f5f9;display:flex;font-size:1.5rem;justify-content:center}.pm-product-name{color:#1e293b;font-weight:600}.pm-price{color:#059669;font-weight:600}.pm-status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.pm-active{background-color:#d1fae5;color:#065f46}.pm-inactive{background-color:#fee2e2;color:#991b1b}.pm-no-data{color:#94a3b8;font-style:italic;padding:3rem 1rem;text-align:center}.pm-actions{display:flex;gap:.5rem}.pm-delete-btn,.pm-edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.pm-edit-btn{background-color:#dbeafe;color:#1e40af}.pm-edit-btn:hover{background-color:#bfdbfe;transform:translateY(-1px)}.pm-delete-btn{background-color:#fee2e2;color:#991b1b}.pm-delete-btn:hover{background-color:#fecaca;transform:translateY(-1px)}.pm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.pm-spinner{animation:pm-spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}@keyframes pm-spin{to{transform:rotate(1turn)}}.pm-media-upload{margin-bottom:1rem}.pm-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.pm-upload-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.pm-required{color:#ef4444;font-size:.875rem;font-weight:500}.pm-media-previews{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.pm-media-preview-item{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.pm-preview-image,.pm-preview-video{height:100%;object-fit:cover;width:100%}.pm-primary-badge{background:#10b981;border-radius:4px;font-size:.75rem;font-weight:600;left:.5rem;padding:.25rem .5rem}.pm-primary-badge,.pm-remove-media{color:#fff;position:absolute;top:.5rem;z-index:1}.pm-remove-media{align-items:center;background:#ef4444;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;right:.5rem;transition:all .2s;width:24px}.pm-remove-media:hover{background:#dc2626;transform:scale(1.1)}@media (max-width:768px){.product-management{padding:1rem}.pm-header{align-items:stretch;flex-direction:column;gap:1rem}.pm-form-grid{grid-template-columns:1fr}.pm-table-wrapper{overflow-x:auto}.pm-table{min-width:900px}.pm-modal{margin:1rem;max-width:100%}.pm-form-actions{flex-direction:column}.pm-media-previews{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.pm-category-input{position:relative}.pm-category-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9375rem;padding:.75rem;transition:all .2s;width:100%}.pm-category-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.pm-add-category-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;gap:.5rem;left:0;margin-top:.5rem;padding:.75rem;position:absolute;right:0;top:100%;z-index:10}.pm-add-category-popup input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.875rem;padding:.5rem}.pm-add-category-popup input:focus{border-color:#6366f1;outline:none}.pm-btn-add-cat,.pm-btn-cancel-cat{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem .75rem;transition:all .2s}.pm-btn-add-cat{background:#10b981;color:#fff}.pm-btn-add-cat:hover{background:#059669}.pm-btn-cancel-cat{background:#ef4444;color:#fff}.pm-btn-cancel-cat:hover{background:#dc2626}.pm-manage-categories-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.pm-manage-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem}.pm-manage-header h4{color:#1f2937;font-size:.9375rem;font-weight:600;margin:0}.pm-close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.pm-close-btn:hover{color:#ef4444}.pm-category-list{padding:.5rem}.pm-no-categories{color:#9ca3af;font-size:.875rem;padding:1rem;text-align:center}.pm-category-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:background .2s}.pm-category-item:hover{background:#f3f4f6}.pm-category-item span{color:#374151;flex:1 1;font-size:.9375rem}.pm-delete-category-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem .5rem;transition:transform .2s}.pm-delete-category-btn:hover{transform:scale(1.2)}.slider-management{margin:0 auto;max-width:1400px;padding:20px}.sm-header{border-bottom:2px solid #e5e7eb;padding-bottom:15px}.sm-header h2{color:#1f2937;font-weight:700}.sm-add-btn{box-shadow:0 2px 4px #667eea4d;font-size:14px;transition:all .2s}.sm-add-btn:hover{box-shadow:0 4px 8px #667eea66}.sm-error-message,.sm-success-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 20px}.sm-success-message{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.sm-error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.sm-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.sm-form-container h3{color:#1f2937;font-size:20px;margin-bottom:20px;margin-top:0}.sm-form{grid-gap:20px;display:grid;gap:20px}.sm-form-group label{color:#374151}.sm-form-group input[type=file],.sm-form-group input[type=number],.sm-form-group input[type=text]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.sm-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sm-form-group small{color:#6b7280;font-size:12px;margin-top:4px}.sm-form-group-checkbox,.sm-form-group-checkbox label{align-items:center;display:flex}.sm-form-group-checkbox label{color:#374151;cursor:pointer;font-weight:600}.sm-form-group-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.sm-form-buttons{display:flex;gap:12px;margin-top:10px}.sm-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s}.sm-submit-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.sm-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;font-size:14px;padding:12px 32px;transition:all .2s}.sm-cancel-btn:hover{background:#e5e7eb}.sm-loading{color:#6b7280;font-size:16px;padding:40px}.sm-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.sm-empty{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.sm-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s}.sm-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.sm-image-container{background:#f3f4f6;height:200px;overflow:hidden;position:relative;width:100%}.sm-image{height:100%;object-fit:cover;width:100%}.sm-inactive-badge{background:#ef4444e6;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px}.sm-card-content{padding:16px}.sm-alt{color:#374151;font-size:14px;margin-bottom:8px;min-height:20px}.sm-order{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:16px}.sm-card-actions{display:flex;gap:8px}.sm-delete-btn,.sm-edit-btn{flex:1 1;font-size:13px;font-weight:600;transition:all .2s}.sm-edit-btn{background:#e0e7ff;color:#4338ca}.sm-edit-btn:hover{background:#c7d2fe}.sm-delete-btn{background:#fee2e2;color:#991b1b}.sm-delete-btn:hover{background:#fecaca}@media (max-width:768px){.sm-header{align-items:flex-start;flex-direction:column;gap:15px}.sm-grid{grid-template-columns:1fr}.sm-form-buttons{flex-direction:column}.sm-cancel-btn,.sm-submit-btn{width:100%}}.permissions-management{margin:0 auto;max-width:1400px;padding:2rem}.permissions-header{margin-bottom:2rem}.permissions-header h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.permissions-subtitle{color:#666;font-size:1rem}.permissions-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group{min-width:250px}.role-filter,.search-input{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.role-filter:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.permissions-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.no-users{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.permissions-table-wrapper{overflow-x:auto}.permissions-table{border-collapse:collapse;width:100%}.permissions-table thead{background-color:#f8f9fa;border-bottom:2px solid #e1e8ed}.permissions-table th{color:#495057;font-size:.95rem;font-weight:600;padding:1rem;text-align:right;white-space:nowrap}.permissions-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.permissions-table tbody tr:hover{background-color:#f8f9fa}.permissions-table td{padding:1rem;text-align:right}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#1a1a1a;font-size:1rem;font-weight:600}.user-username{color:#666;font-size:.875rem}.role-badge{background-color:#667eea;border-radius:20px;display:inline-block;font-size:.875rem;font-weight:500;padding:.4rem .8rem;white-space:nowrap}.permission-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.permission-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;width:20px}.permission-switch input:checked+.slider{background-color:#28a745}.permission-switch input:checked+.slider:before{transform:translateX(24px)}.permission-switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.permissions-legend{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-top:2rem;padding:1.5rem}.permissions-legend h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.permissions-legend ul{list-style:none;margin:0;padding:0}.permissions-legend li{border-bottom:1px solid #e1e8ed;color:#495057;line-height:1.6;padding:.75rem 0}.permissions-legend li:last-child{border-bottom:none}.permissions-legend strong{color:#1a1a1a;font-weight:600}@media (max-width:768px){.permissions-management{padding:1rem}.permissions-header h2{font-size:1.5rem}.permissions-filters{flex-direction:column}.filter-group{min-width:100%}.permissions-table{font-size:.875rem}.permissions-table td,.permissions-table th{padding:.75rem .5rem}.permission-switch{height:22px;width:44px}.slider:before{height:16px;width:16px}.permission-switch input:checked+.slider:before{transform:translateX(22px)}}.category-management{margin:0 auto;max-width:1400px;padding:2rem}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.category-header h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.add-category-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-category-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.error-message,.success-message{margin-bottom:1.5rem;padding:1rem}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.category-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.category-form-container h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.category-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#495057;font-size:.95rem}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.image-input{border:2px dashed #e1e8ed;border-radius:8px;cursor:pointer;padding:.75rem}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:300px}.form-actions{margin-top:1rem}.cancel-btn,.submit-btn{border-radius:8px;padding:.75rem 2rem}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-btn:hover{box-shadow:0 4px 12px #667eea66}.cancel-btn{background-color:#e1e8ed;color:#495057}.cancel-btn:hover{background-color:#d0d7de}.categories-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.categories-list h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.no-categories{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;overflow:hidden;transition:all .3s ease}.category-card:hover{border-color:#667eea;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.category-card.inactive{background-color:#f8f9fa;opacity:.6}.category-card-image{align-items:center;background-color:#f8f9fa;display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.category-card-image img{height:100%;object-fit:contain;padding:.5rem;width:100%}.category-info{padding:1.5rem}.category-info h4{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.category-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.category-meta{align-items:center;border-top:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.display-order{color:#666}.display-order,.status-badge{font-size:.875rem;font-weight:500}.status-badge{padding:.4rem .8rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.category-actions{background-color:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:.5rem;padding:1rem 1.5rem}.delete-btn,.edit-btn,.manage-admins-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .3s ease}.edit-btn{background-color:#667eea}.edit-btn:hover{background-color:#5568d3;transform:translateY(-2px)}.manage-admins-btn{background-color:#28a745;color:#fff}.manage-admins-btn:hover{background-color:#218838;transform:translateY(-2px)}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333;transform:translateY(-2px)}.loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.category-management{padding:1rem}.category-header{align-items:flex-start;flex-direction:column;gap:1rem}.category-header h2{font-size:1.5rem}.add-category-btn{width:100%}.categories-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.modal-overlay{background-color:#00000080}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #e1e8ed}.modal-header h3{color:#1a202c;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#f7fafc;color:#1a202c}.modal-body{padding:1.5rem}.modal-description{color:#4a5568;font-size:.95rem;margin-bottom:1.5rem}.no-admins{color:#a0aec0;padding:2rem;text-align:center}.admins-list{display:flex;flex-direction:column;gap:.75rem}.admin-checkbox-item{align-items:start;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.admin-checkbox-item:hover{background-color:#f7fafc;border-color:#cbd5e0}.admin-checkbox-item input[type=checkbox]{cursor:pointer;height:18px;margin-top:.25rem;width:18px}.admin-info{flex:1 1}.admin-name{color:#1a202c;font-weight:600;margin-bottom:.25rem}.admin-username{font-size:.875rem;margin-bottom:.5rem}.admin-categories{background-color:#edf2f7;border-radius:4px;color:#4a5568;display:inline-block;font-size:.85rem;padding:.25rem .75rem}.modal-footer{border-top:1px solid #e1e8ed;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal-footer .save-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.modal-footer .save-btn:hover{background-color:#5568d3}.modal-footer .cancel-btn{background-color:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.modal-footer .cancel-btn:hover{background-color:#cbd5e0}.tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-top:1.5rem}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tab.active,.tab:hover{color:#667eea}.tab.active{border-bottom-color:#667eea}.admins-list-section,.tab-content{margin-top:2rem}.admins-list-section h3{color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem}.admins-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.admin-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-card-header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.admin-card-header h4{color:#2d3748;font-size:1.25rem;margin:0 0 .5rem}.admin-username{color:#718096;font-size:.9rem}.admin-card-body{margin:1rem 0}.admin-detail{font-size:.9rem;margin-bottom:.75rem}.admin-detail strong{color:#4a5568;margin-left:.25rem}.managed-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.category-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.admin-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.admin-card-actions .delete-btn,.admin-card-actions .edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem;transition:all .3s ease}.admin-card-actions .edit-btn{background-color:#4299e1;color:#fff}.admin-card-actions .edit-btn:hover{background-color:#3182ce}.admin-card-actions .delete-btn{background-color:#fc8181;color:#fff}.admin-card-actions .delete-btn:hover{background-color:#f56565}@media (max-width:768px){.tabs{border-bottom:none;flex-direction:column}.tab{border-bottom:2px solid #e2e8f0;border-left:3px solid #0000;text-align:right}.tab.active{border-bottom-color:#e2e8f0;border-left-color:#667eea}.admins-grid{grid-template-columns:1fr}}.my-team-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.my-team-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.my-team-header h2{font-size:2.5rem;font-weight:700;margin:0 0 10px}.my-team-subtitle{font-size:1.1rem;margin:10px 0 20px;opacity:.9}.my-code-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;display:inline-block;margin-top:10px;padding:12px 24px}.my-code-badge span{margin-right:10px;opacity:.9}.my-code-badge strong{font-size:1.3rem;font-weight:700;letter-spacing:2px}.team-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.view-mode-toggle{display:flex;gap:10px}.view-mode-toggle button{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.view-mode-toggle button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.view-mode-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff}.export-pdf-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.export-pdf-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.team-filters{background:#fff;border-radius:12px;border-top:4px solid #667eea;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.filter-search{margin-bottom:20px}.search-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .3s ease}.filter-group select:hover{border-color:#667eea}.filter-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-filters-btn{align-self:flex-end;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.clear-filters-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.filter-results{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:10px;color:#667eea;font-size:1rem;font-weight:600;padding:12px 20px;text-align:center}.team-stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-left:4px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-card.total{background:linear-gradient(135deg,#667eea15,#764ba215);border-left-color:#667eea}.stat-card.points{background:linear-gradient(135deg,#f59e0b15,#f97316 15 100%);border-left-color:#f59e0b}.stat-card.level{border-left-width:4px}.stat-icon{font-size:2.5rem;min-width:50px;text-align:center}.stat-info h3{color:#333;font-size:2rem;font-weight:700;margin:0}.stat-info p{color:#666;font-size:.9rem;margin:5px 0 0}.new-members-section{margin-bottom:30px}.section-title{background:linear-gradient(135deg,#10b98115,#059669 15 100%);border-left:4px solid #10b981;border-radius:10px;color:#333;font-size:1.5rem;margin-bottom:20px;padding:15px}.stat-card.new-member{background:linear-gradient(135deg,#10b98110,#05966910);border-left-color:#10b981;position:relative}.stat-card.new-member:after{content:"🆕";font-size:1.2rem;position:absolute;right:5px;top:5px}.stat-card.new-member:hover{background:linear-gradient(135deg,#10b98120,#05966920)}.my-team-error,.my-team-loading{padding:60px 20px;text-align:center}.spinner{border-top-color:#667eea;margin:0 auto 20px}.my-team-error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 30px}.no-team-members{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.3}.no-team-members h3{color:#333;margin-bottom:10px}.no-team-members p{color:#666;font-size:1.1rem}.team-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.team-levels{display:flex;flex-direction:column;gap:20px}.level-section{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.level-header{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-left:6px solid #667eea;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.level-header:hover{background:linear-gradient(90deg,#f0f1f3,#f8f9fa)}.level-title{align-items:center;display:flex;gap:15px}.level-badge{border-radius:20px;color:#fff;font-size:1rem;font-weight:600;padding:8px 16px}.level-count{color:#666;font-size:1rem}.expand-icon{color:#666;font-size:1.2rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.level-members{background:#fff}.team-table{border-collapse:collapse;width:100%}.team-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.team-table th{font-size:.95rem;font-weight:600;padding:15px;text-align:right}.team-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.team-table tbody tr:hover{background-color:#f8f9fa}.team-table td{color:#333;padding:15px;text-align:right}.member-name{color:#667eea;font-weight:600}.member-username{color:#666;font-size:.9rem}.member-code{color:#764ba2;font-family:Courier New,monospace;font-weight:600}.member-points{text-align:center}.points-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 12px}.member-date{color:#666;font-size:.9rem}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#f0f5ff!important;transform:scale(1.01);transition:all .2s ease}.member-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.member-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#f0f0f0;color:#333;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #f0f0f0;padding:30px 30px 20px}.modal-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0}.modal-body{padding:30px}.member-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:15px}.info-item.points-item{background:linear-gradient(135deg,#fef3c7,#fef3c7);border-left-color:#f59e0b}.info-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:1.1rem;font-weight:600}.info-value.rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:1rem;padding:8px 16px;text-transform:capitalize}.info-value.points-value{color:#f59e0b;font-size:1.3rem}@media (max-width:1200px){.team-stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.my-team-header h2{font-size:2rem}.team-actions-bar{align-items:stretch;flex-direction:column}.view-mode-toggle{flex-direction:column;width:100%}.export-pdf-btn,.view-mode-toggle button{width:100%}.team-filters{padding:20px}.filter-row{flex-direction:column;gap:15px}.filter-group{min-width:100%}.clear-filters-btn{align-self:stretch;width:100%}.team-stats-cards{grid-template-columns:1fr}.team-table{font-size:.85rem}.team-table td,.team-table th{padding:10px 8px}.level-header{padding:15px}.level-badge{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.my-team-container{padding:10px}.my-team-header{padding:20px 15px}.my-team-header h2{font-size:1.5rem}.my-code-badge{padding:10px 20px}.my-code-badge strong{font-size:1.1rem}.team-filters{padding:15px}.search-input{font-size:.95rem;padding:12px 16px}.filter-group label{font-size:.85rem}.filter-group select{font-size:.95rem;padding:10px 14px}.clear-filters-btn{font-size:.9rem;padding:10px 20px}.filter-results{font-size:.9rem;padding:10px 16px}.stat-icon{font-size:2rem}.stat-info h3{font-size:1.5rem}.team-table-container{overflow-x:auto}.team-table{min-width:600px}}.profile-container{background:#f5f7fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.profile-header{margin-bottom:40px}.profile-header h1{color:#1a202c;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}.profile-layout{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:24px}.profile-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:16px;position:-webkit-sticky;position:sticky;top:20px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#334155}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea40;color:#fff}.tab-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.tab-label{flex:1 1}.tab-panel{animation:fadeIn .3s ease-in-out}.error-message,.success-message{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.success-message{background:#f0fdf4;border:1px solid #86efac;color:#166534}.success-message:before{align-items:center;background:#22c55e;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.error-message{background:#fef2f2}.error-message:before{align-items:center;background:#ef4444;border-radius:50%;color:#fff;content:"✕";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.profile-content{flex:1 1;min-width:0}.info-section,.password-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.section-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 28px}.password-section h2,.section-header h2{color:#1a202c;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.password-section h2{background:#fafafa;border-bottom:1px solid #f3f4f6;margin:0;padding:24px 28px}.edit-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.edit-btn:hover{background:#4f46e5;box-shadow:0 4px 6px #6366f140;transform:translateY(-1px)}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:28px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{background:#f9fafb;border:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:15px;font-weight:500;padding:12px 14px}.info-value,.role-badge{align-items:center;border-radius:8px;min-height:44px}.role-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 2px 4px #6366f133;color:#fff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.3px;padding:10px 18px}.subscriber-id{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#d8b4fe;color:#7c3aed;font-weight:600}.referral-link,.subscriber-id{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.referral-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:13px;gap:12px;overflow-x:auto;padding:12px 14px}.copy-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#4f46e5;box-shadow:0 2px 4px #6366f14d;transform:translateY(-1px)}.sponsor-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.sponsor-name{color:#1f2937;font-size:15px;font-weight:600}.sponsor-code{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:6px;color:#7c3aed;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:600;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.info-note{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:10px;margin:0 28px 28px;padding:14px 16px}.info-note:before{color:#f59e0b;content:"⚠";font-size:18px}.info-note p{color:#92400e;font-size:13px;font-weight:500;line-height:1.5;margin:0}.edit-form,.password-form{padding:28px}.edit-form .info-grid{margin-bottom:24px;padding:0}.edit-form .info-item input,.form-group input{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:15px;font-weight:500;min-height:44px;padding:12px 14px;transition:all .2s ease}.edit-form .info-item input:focus,.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group{gap:8px;margin-bottom:20px}.form-group label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-actions{gap:12px;padding-top:8px}.change-password-btn,.save-btn,.submit-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;min-height:44px;padding:12px 24px;transition:all .2s ease}.change-password-btn:hover,.save-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 6px #6366f140;transform:translateY(-1px)}.save-btn:disabled,.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;min-height:44px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.password-section>button{margin:0 28px 28px}.password-form{border-top:1px solid #f3f4f6;margin-top:-1px}@media (max-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-layout{flex-direction:column}.profile-tabs{flex-direction:row;min-width:0;min-width:auto;overflow-x:auto;padding:12px;position:static;width:100%}.tab-btn{flex-direction:column;gap:4px;min-width:80px;padding:10px 12px;text-align:center}.tab-icon{font-size:20px}.tab-label{font-size:11px}.profile-container{padding:24px 16px}.profile-header h1{font-size:24px}.password-section h2,.section-header{padding:20px}.edit-form,.info-grid,.password-form{gap:20px;padding:20px}.edit-form .info-grid{padding:0}.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.change-password-btn,.save-btn,.submit-btn{width:100%}.info-note,.password-section>button{margin:0 20px 20px}.referral-link{align-items:stretch;flex-direction:column}.copy-btn{width:100%}}@media (max-width:480px){.profile-container{padding:16px 12px}.profile-header{margin-bottom:24px}.profile-header h1{font-size:20px}.password-section h2,.section-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.password-section h2,.section-header h2{font-size:16px}.edit-btn{justify-content:center;width:100%}.edit-form,.info-grid,.password-form{padding:16px}.edit-form .info-grid{padding:0}.info-note{padding:12px}.info-note,.password-section>button{margin:0 16px 16px}.form-group label,.info-item label{font-size:12px}.edit-form .info-item input,.form-group input,.info-value{font-size:14px;padding:10px 12px}.cancel-btn,.change-password-btn,.save-btn,.submit-btn{font-size:14px;padding:10px 20px}}.earnings-section,.team-section{padding:2rem}.earnings-section h2,.team-section h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.earnings-cards,.team-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.earnings-cards.single-card{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:600px}.earning-card,.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.earning-card:hover,.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.earning-icon,.stat-icon{font-size:2.5rem;min-width:60px;text-align:center}.earning-info,.stat-info{flex:1 1}.earning-label,.stat-label{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.earning-value,.stat-value{color:#1a202c;font-size:1.75rem;font-weight:700}.earning-card.total{border-right:4px solid #10b981;padding:2rem}.earning-card.available{border-right:4px solid #3b82f6}.earning-card.withdrawn{border-right:4px solid #8b5cf6}.earning-subtitle{color:#6b7280;font-size:.9rem;font-weight:400;margin-bottom:.5rem;margin-top:.5rem}.single-card .earning-icon{font-size:3.5rem}.single-card .earning-value{color:#10b981;font-size:2.5rem;font-weight:700;margin-top:.5rem}.referral-links-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:1.5rem}.referral-links-section h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.referral-link-box{margin-bottom:1.5rem}.referral-link-box:last-child{margin-bottom:0}.referral-link-box label{color:#475569;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.link-container{display:flex;gap:.5rem}.link-container input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem 1rem}.link-container button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease;white-space:nowrap}.link-container button:hover{background:#5a67d8}.points-toggle-container{background:#f8fafc;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin:2rem auto;max-width:400px;padding:1rem}.points-toggle-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.points-toggle-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.points-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.points-toggle-btn.active:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.points-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:1.5rem}.points-section h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.points-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.point-card{background:#f8fafc;border-radius:8px;border-right:3px solid #667eea;padding:1rem}.point-label{color:#64748b;margin-bottom:.25rem}.point-value{color:#1a202c;font-size:1.5rem}.member-rank-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:1.5rem}.member-rank-info h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.rank-display{padding:1.5rem;text-align:center}.rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 12px #667eea66;font-size:1.25rem;padding:.75rem 2rem;text-transform:capitalize}.profit-periods-section{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:30px}.profit-periods-section h3{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin-bottom:20px}.loading-profits{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-profits .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-profits p{color:#666;font-size:1rem}.no-profit-periods{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:60px 20px;text-align:center}.no-profit-periods .empty-icon{font-size:4rem;margin-bottom:15px;opacity:.3}.no-profit-periods p{color:#666;font-size:1.1rem}.profit-periods-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow-x:auto}.profit-periods-table{border-collapse:collapse;min-width:800px;width:100%}.profit-periods-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profit-periods-table th{font-size:.95rem;font-weight:600;padding:16px;text-align:right;white-space:nowrap}.profit-periods-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.profit-periods-table tbody tr:hover{background-color:#f8f9fa}.profit-periods-table tbody tr:last-child{border-bottom:none}.profit-periods-table td{color:#333;font-size:.95rem;padding:16px;text-align:right}.profit-periods-table .period-name{color:#667eea;font-weight:600}.profit-periods-table .period-number{color:#764ba2;font-family:Courier New,monospace;font-weight:600}.profit-periods-table .profit-value{color:#28a745;font-family:Courier New,monospace;font-weight:600}.profit-periods-table .total-profit{color:#dc3545;font-size:1.05rem;font-weight:700}.profit-periods-table .calculated-date{color:#666;font-size:.9rem}.team-points-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:30px}.section-header-with-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.section-header-with-filter h3{color:#333;font-size:1.5rem;margin:0}.points-filter-toggle{background:#f1f5f9;border-radius:25px;display:flex;gap:10px;padding:4px}.points-filter-toggle .filter-btn{background:#0000;border:none;border-radius:20px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.points-filter-toggle .filter-btn:hover{color:#334155}.points-filter-toggle .filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.loading-team{padding:40px;text-align:center}.loading-team .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.team-points-table-container{margin-top:20px;overflow-x:auto}.team-points-table{background:#fff;border-collapse:collapse;width:100%}.team-points-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.team-points-table th{font-size:.95rem;font-weight:600;padding:15px;text-align:right}.team-points-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.team-points-table tbody tr:hover{background-color:#f8f9fa}.team-points-table td{color:#333;padding:15px;text-align:right}.team-points-table .member-name{color:#667eea;font-weight:600}.team-points-table .member-code{color:#764ba2;font-family:Courier New,monospace;font-weight:600}.team-points-table .member-level{text-align:center}.level-badge-small{border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.level-badge-small.level-1{background:linear-gradient(135deg,#4caf50,#45a049)}.level-badge-small.level-2{background:linear-gradient(135deg,#2196f3,#1976d2)}.level-badge-small.level-3{background:linear-gradient(135deg,#ff9800,#f57c00)}.level-badge-small.level-4{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.level-badge-small.level-5{background:linear-gradient(135deg,#f44336,#d32f2f)}.team-points-table .member-points{text-align:center}.team-points-table .points-value{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 12px}@media (max-width:768px){.earnings-cards,.team-stats{grid-template-columns:1fr}.points-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.link-container{flex-direction:column}.link-container button{width:100%}.profit-periods-table-container{margin-top:20px}.profit-periods-table{font-size:.85rem;min-width:600px}.profit-periods-table td,.profit-periods-table th{padding:12px 8px}.profit-periods-section h3{font-size:1.25rem}.section-header-with-filter{align-items:flex-start;flex-direction:column}.points-filter-toggle{justify-content:center;width:100%}.team-points-table-container{overflow-x:auto}.team-points-table{font-size:.85rem;min-width:600px}.team-points-table td,.team-points-table th{padding:12px 8px}}.library-page{margin:0 auto;max-width:1400px;padding:2rem}.library-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.library-title h1{color:#22513e;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.library-title p{color:#6c757d;font-size:1.1rem}.add-book-btn{background:linear-gradient(135deg,#c5a869,#d4b87a);border:none;border-radius:10px;box-shadow:0 4px 15px #c5a8694d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-book-btn:hover{box-shadow:0 6px 20px #c5a86966;transform:translateY(-2px)}.library-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.category-select,.search-input{border:2px solid #e1e8ed;border-radius:10px;font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.search-input{flex:1 1}.category-select:focus,.search-input:focus{border-color:#22513e;box-shadow:0 4px 15px #22513e1a;outline:none}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner{border:4px solid #e1e8ed;border-top-color:#22513e}.no-books{background:#f8f9fa;border-radius:20px;padding:4rem 2rem;text-align:center}.no-books-icon{display:block;font-size:4rem;margin-bottom:1rem}.no-books p{color:#6c757d;font-size:1.2rem}.books-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.book-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.book-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.book-cover{align-items:center;background:linear-gradient(135deg,#22513e,#2d6a4f);display:flex;height:200px;justify-content:center;position:relative}.book-cover img{height:100%;object-fit:cover;width:100%}.book-cover-placeholder{align-items:center;display:flex;justify-content:center}.book-cover-placeholder span{font-size:4rem;opacity:.5}.book-type-badge{background:#c5a869;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:10px;top:10px}.book-info{flex:1 1;padding:1.5rem}.book-info h3{color:#22513e;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.book-author{color:#c5a869;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.book-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.book-pages{color:#95a5a6;font-size:.85rem}.book-actions{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem}.download-btn{background:linear-gradient(135deg,#22513e,#2d6a4f);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .3s ease}.download-btn:hover{box-shadow:0 4px 15px #22513e4d;transform:translateY(-2px)}.delete-btn,.edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem .8rem;transition:all .3s ease}.edit-btn{background:#f0f0f0;color:#333}.edit-btn:hover{background:#e0e0e0}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.modal-overlay{background:#00000080;padding:1rem;z-index:2000}.modal-content{background:#fff;border-radius:20px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#22513e;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:2rem;transition:color .3s ease}.close-btn:hover{color:#dc2626}.book-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#22513e;outline:none}.form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;padding-top:1.5rem}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#22513e,#2d6a4f);color:#fff}.submit-btn:hover{box-shadow:0 4px 15px #22513e4d;transform:translateY(-2px)}@media (max-width:768px){.library-page{padding:1rem}.library-header{align-items:flex-start;flex-direction:column}.library-title h1{font-size:2rem}.form-row{grid-template-columns:1fr}.books-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.library-title h1{font-size:1.5rem}.books-grid{grid-template-columns:1fr}.book-actions{flex-direction:column}.delete-btn,.edit-btn{width:100%}}.sm-container{direction:rtl;margin:0 auto;max-width:1400px;padding:20px}.sm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.sm-header h2{color:#2c3e50;font-size:28px;margin:0}.sm-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.sm-add-btn:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.sm-loading{color:#666;font-size:18px;padding:50px;text-align:center}.sm-error{background-color:#fee;border-left:4px solid #c33;color:#c33}.sm-error,.sm-success{animation:slideIn .3s ease;border-radius:8px;margin-bottom:20px;padding:15px}.sm-success{background-color:#efe;border-left:4px solid #3c3;color:#3c3}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.sm-search{margin-bottom:25px}.sm-search input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:14px 20px;transition:all .3s ease;width:100%}.sm-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sm-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.sm-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px;text-align:center}.sm-stat-card h3{font-size:36px;font-weight:700;margin:0 0 8px}.sm-stat-card p{font-size:14px;margin:0;opacity:.9}.sm-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.sm-table{border-collapse:collapse;width:100%}.sm-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sm-table th{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sm-table td,.sm-table th{padding:16px;text-align:right}.sm-table td{border-bottom:1px solid #f0f0f0}.sm-table tbody tr{transition:background-color .2s ease}.sm-table tbody tr:hover{background-color:#f8f9ff}.sm-username{color:#667eea;font-family:Courier New,monospace;font-weight:600}.sm-date{color:#666;font-size:14px}.sm-delete-btn,.sm-edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .2s ease}.sm-edit-btn{background-color:#3498db;color:#fff}.sm-edit-btn:hover{background-color:#2980b9;transform:translateY(-1px)}.sm-delete-btn{background-color:#e74c3c;color:#fff}.sm-delete-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.sm-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sm-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.sm-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.sm-modal-header h3{font-size:22px;font-weight:600;margin:0}.sm-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.sm-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.sm-modal-body{padding:30px}.sm-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.sm-form-group{display:flex;flex-direction:column}.sm-form-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.sm-form-group input,.sm-form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s ease}.sm-form-group input:focus,.sm-form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sm-modal-footer{background-color:#f8f9fa;border-radius:0 0 16px 16px;border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.sm-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.sm-save-btn:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.sm-cancel-btn{background-color:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.sm-cancel-btn:hover{background-color:#7f8c8d;transform:translateY(-2px)}@media (max-width:768px){.sm-container{padding:15px}.sm-header{align-items:stretch;flex-direction:column;gap:15px}.sm-add-btn{width:100%}.sm-form-row{grid-template-columns:1fr}.sm-modal{max-height:95vh;width:95%}.sm-table-container{overflow-x:auto}.sm-table{min-width:800px}.sm-delete-btn,.sm-edit-btn{font-size:12px;padding:6px 12px}}.policy-page{background:#f8f9fa;min-height:100vh}.policy-hero{align-items:center;background:linear-gradient(135deg,#2c5f2d,#97bc62);display:flex;height:300px;justify-content:center;overflow:hidden;position:relative}.hero-title{font-size:3rem}.policy-container{margin:0 auto;max-width:1000px;padding:3rem 2rem}.policy-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;opacity:0;padding:3rem}.section-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3.5rem;margin-bottom:1.5rem;text-align:center}.intro-text{color:#2c3e50;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#2c5f2d,#97bc62);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.conditions-list{display:flex;flex-direction:column;gap:1rem}.condition-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-right:4px solid #2c5f2d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.condition-item:hover{box-shadow:0 4px 15px #2c5f2d26;transform:translateX(-5px)}.condition-icon{align-items:center;background:#fff;border-radius:50%;color:#2c5f2d;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;width:30px}.condition-item p{color:#2c3e50;font-size:1.05rem;line-height:1.6;margin:0}.warning-section{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #e74c3c}.warning-list{display:flex;flex-direction:column;gap:1rem}.warning-item{align-items:flex-start;background:#fff;border-radius:12px;border-right:4px solid #e74c3c;display:flex;gap:1rem;padding:1.5rem}.warning-icon{align-items:center;background:#fff5f5;border-radius:50%;color:#e74c3c;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;width:30px}.warning-item p{color:#2c3e50;font-size:1.05rem;line-height:1.6;margin:0}.process-steps{display:flex;flex-direction:column;gap:2rem;position:relative}.process-steps:before{background:linear-gradient(180deg,#2c5f2d,#97bc62);bottom:60px;content:"";position:absolute;right:50%;top:60px;width:3px}.process-step{align-items:center;display:flex;gap:2rem;position:relative}.step-number{box-shadow:0 4px 15px #2c5f2d4d;font-size:2rem;font-weight:800;height:60px;position:relative;width:60px;z-index:1}.step-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 4px 15px #0000000f;flex:1 1;padding:1.5rem 2rem}.step-title{color:#2c5f2d;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.step-description{color:#555;font-size:1.05rem;line-height:1.6;margin:0}.contact-section{background:linear-gradient(135deg,#2c5f2d,#97bc62);color:#fff;text-align:center}.contact-section .section-title{color:#fff}.contact-section .section-title:after{background:#fff}.contact-text{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;opacity:.95}.contact-button{color:#2c5f2d}@media (max-width:768px){.hero-title{font-size:2rem}.policy-container{padding:2rem 1rem}.policy-section{padding:2rem 1.5rem}.section-title{font-size:1.5rem}.process-steps:before{right:30px}.process-step{align-items:flex-start;flex-direction:column}.step-number{font-size:1.5rem;height:50px;width:50px}.condition-item:hover{transform:translateX(-2px)}}.section-description{color:#555;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;text-align:center}.data-collection-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.data-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-right:4px solid #1e3c72;padding:1.5rem;transition:all .3s ease}.data-item:hover{box-shadow:0 6px 20px #1e3c7226;transform:translateY(-5px)}.data-label{color:#1e3c72;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.data-purpose{color:#555;font-size:.95rem;line-height:1.5}.protection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.protection-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.protection-card:hover{box-shadow:0 6px 25px #1e3c7233;transform:translateY(-5px)}.protection-icon{font-size:2.5rem;margin-bottom:1rem}.protection-card p{color:#2c3e50;font-size:.95rem;line-height:1.6;margin:0}.rights-list{display:flex;flex-direction:column;gap:1rem}.right-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-right:4px solid #1e3c72;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.right-item:hover{box-shadow:0 4px 15px #1e3c7226;transform:translateX(-5px)}.right-number{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.right-item p{color:#2c3e50;font-size:1.05rem;line-height:1.6;margin:0}.cookies-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.cookie-item{align-items:center;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border-right:4px solid #ff9800;display:flex;gap:1rem;padding:1.5rem}.cookie-icon{flex-shrink:0;font-size:1.8rem}.cookie-item p{color:#2c3e50;font-size:1.05rem;line-height:1.6;margin:0}.cookie-note{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px dashed #ff9800;border-radius:12px;color:#e65100;font-size:.95rem;line-height:1.6;padding:1.5rem;text-align:center}.consent-text{color:#2c3e50;font-size:1.1rem;font-weight:500;line-height:1.8;text-align:center}@media (max-width:768px){.data-collection-list,.protection-grid{grid-template-columns:1fr}.right-item:hover{transform:translateX(-2px)}}.violations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.violation-card{background:#fff;border-radius:12px;border-top:4px solid #e74c3c;box-shadow:0 4px 15px #e74c3c26;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.violation-card:hover{box-shadow:0 8px 25px #e74c3c40;transform:translateY(-5px)}.violation-icon{display:block;font-size:3rem;margin-bottom:1rem}.violation-card p{color:#2c3e50;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}@media (max-width:768px){.violations-grid{grid-template-columns:1fr}}.faq-page{background:#f8f9fa;min-height:100vh}.faq-hero{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);display:flex;height:350px;justify-content:center;overflow:hidden;position:relative}.hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 16 96 .3 192-21.7 288-42.7 96-21 192-43 240-53.3l48-10.7v288H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{color:#fff;position:relative;text-align:center;z-index:1}.hero-icon{animation:bounce 2s ease-in-out infinite;font-size:5rem;margin-bottom:1rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 4px 8px #0003}.hero-subtitle{font-size:1.3rem;font-weight:300;opacity:.95}.faq-container{margin:0 auto;max-width:900px;padding:4rem 2rem}.faq-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.faq-item{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 6px 25px #f39c1226;transform:translateY(-2px)}.faq-item.active{box-shadow:0 8px 30px #f39c1233}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;padding:1.5rem 2rem;text-align:right;transition:all .3s ease;width:100%}.faq-question:hover{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.faq-item.active .faq-question,.question-number{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.question-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.faq-item.active .question-number{background:#fff;color:#f39c12;transform:scale(1.1)}.question-text{color:#2c3e50;flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.6;text-align:right}.faq-item.active .question-text{color:#fff}.question-icon{align-items:center;border:2px solid #f39c12;border-radius:50%;color:#f39c12;display:flex;flex-shrink:0;font-size:2rem;font-weight:300;height:35px;justify-content:center;transition:all .3s ease;width:35px}.faq-item.active .question-icon{border-color:#fff;color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.faq-answer.show{max-height:500px}.answer-content{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-top:2px solid #f39c12;padding:1.5rem 2rem 2rem}.answer-content p{color:#2c3e50;font-size:1.05rem;line-height:1.8;margin:.5rem 0}.answer-content p:first-child{margin-top:0}.answer-content p:last-child{margin-bottom:0}.faq-contact{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;box-shadow:0 10px 40px #f39c124d;color:#fff;padding:3rem 2rem;text-align:center}.contact-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.faq-contact h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.faq-contact p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.contact-button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#f39c12;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.contact-button:hover{background:#fff;box-shadow:0 6px 25px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.hero-icon{font-size:3.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.faq-container{padding:2rem 1rem}.faq-question{padding:1.25rem 1.5rem}.question-number{font-size:1rem;height:35px;width:35px}.question-text{font-size:1rem}.question-icon{font-size:1.5rem;height:30px;width:30px}.answer-content{padding:1.25rem 1.5rem}.answer-content p{font-size:.95rem}.faq-contact{padding:2.5rem 1.5rem}.faq-contact h2{font-size:1.8rem}.faq-contact p{font-size:1rem}}.profits-calculator{margin:2rem auto;max-width:1200px;padding:2rem}.profits-calculator.error,.profits-calculator.loading{padding:4rem 2rem;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#2c5f2d;margin:0 auto 1rem}.profits-header{margin-bottom:2rem;text-align:center}.profits-header h2{color:#2c5f2d;font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}.final-profit-card{align-items:center;background:linear-gradient(135deg,#2c5f2d,#97bc62);border-radius:20px;box-shadow:0 10px 40px #2c5f2d4d;color:#fff;display:flex;gap:2rem;margin-bottom:2.5rem;padding:2.5rem}.profit-icon{animation:bounce 2s ease-in-out infinite;font-size:5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profit-details h3{font-size:1.5rem;margin-bottom:1rem;opacity:.95}.profit-amount{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 4px 8px #0003}.profit-note{font-size:1rem;margin:0;opacity:.9}.section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;padding:2rem}.section-title{border-bottom:3px solid #97bc62;color:#2c5f2d;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:1rem}.points-mode-toggle{background:#f8f9fa;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1rem}.points-mode-toggle,.toggle-btn{display:flex;justify-content:center}.toggle-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;gap:.5rem;max-width:200px;padding:1rem 2rem;transition:all .3s ease}.toggle-btn:hover{border-color:#2c5f2d;box-shadow:0 4px 12px #2c5f2d33;transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(135deg,#2c5f2d,#97bc62);border-color:#2c5f2d;box-shadow:0 4px 15px #2c5f2d4d;color:#fff}.toggle-btn.active:hover{box-shadow:0 6px 20px #2c5f2d66;transform:translateY(-2px)}.points-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.point-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #2c5f2d;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.point-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-5px)}.point-card.personal{background:linear-gradient(135deg,#fffbf0,#fff8e1);border-left-color:#d4af37}.point-card.gen-1{border-left-color:#4caf50}.point-card.gen-2{border-left-color:#2196f3}.point-card.gen-3{border-left-color:#9c27b0}.point-card.gen-4{border-left-color:#ff9800}.point-card.gen-5{border-left-color:#f44336}.card-icon{font-size:2.5rem;margin-bottom:.5rem}.card-content h4{color:#666;font-size:.9rem;margin-bottom:.5rem}.point-value{color:#2c5f2d;font-size:2rem;font-weight:700;margin-bottom:.25rem}.point-label{color:#888;font-size:.85rem;margin:0}.total-points{align-items:center;background:linear-gradient(135deg,#2c5f2d,#97bc62);border-radius:12px;color:#fff;display:flex;font-size:1.3rem;justify-content:space-between;padding:1rem 2rem}.commissions-table{overflow-x:auto}.commissions-table table{border-collapse:collapse;width:100%}.commissions-table td,.commissions-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:right}.commissions-table thead tr{background:linear-gradient(135deg,#2c5f2d,#97bc62);color:#fff}.commissions-table thead th{font-weight:600}.commissions-table tbody tr{transition:background .3s ease}.commissions-table tbody tr:hover{background:#f8f9fa}.personal-row{background:linear-gradient(90deg,#fffbf0,#fff8e1 50%,#fff)}.gen-1-row{background:linear-gradient(90deg,#e8f5e9,#fff)}.gen-2-row{background:linear-gradient(90deg,#e3f2fd,#fff)}.gen-3-row{background:linear-gradient(90deg,#f3e5f5,#fff)}.gen-4-row{background:linear-gradient(90deg,#fff3e0,#fff)}.gen-5-row{background:linear-gradient(90deg,#ffebee,#fff)}.source-icon{font-size:1.2rem;margin-left:.5rem}.percentage{color:#2c5f2d;font-weight:600}.commission-value{color:#d4af37;font-size:1.1rem;font-weight:700}.commissions-table tfoot tr{background:linear-gradient(135deg,#2c5f2d,#97bc62);color:#fff;font-size:1.2rem;font-weight:700}.total-value{color:gold;font-size:1.4rem}.formula-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:2rem}.formula-step{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.formula-step:last-child{margin-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#2c5f2d,#97bc62);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#2c5f2d;font-size:1.2rem;margin-bottom:.75rem}.formula{background:#fff;border-radius:8px;border-right:4px solid #2c5f2d;color:#333;font-family:Courier New,monospace;font-size:1rem;margin:0;padding:1rem 1.5rem}.rates-list{list-style:none;margin:0;padding:0}.rates-list li{background:#fff;border-radius:8px;border-right:4px solid #97bc62;margin-bottom:.5rem;padding:.75rem 1rem}.actions{margin-top:2rem;text-align:center}.refresh-button{background:linear-gradient(135deg,#2c5f2d,#97bc62);border:none;border-radius:50px;box-shadow:0 4px 15px #2c5f2d4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.refresh-button:hover{box-shadow:0 6px 25px #2c5f2d66;transform:translateY(-2px)}@media (max-width:768px){.profits-calculator{padding:1rem}.profits-header h2{font-size:2rem}.final-profit-card{flex-direction:column;padding:2rem 1.5rem;text-align:center}.profit-amount{font-size:2.5rem}.points-grid{grid-template-columns:repeat(2,1fr)}.commissions-table{font-size:.9rem}.commissions-table td,.commissions-table th{padding:.75rem .5rem}.formula-step{flex-direction:column}}.profit-periods{margin:0 auto;max-width:1400px;padding:2rem}.pp-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.pp-header h2{color:#1f2937;font-size:2rem;margin:0}.btn-calculate{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-calculate:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.calculate-form-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:2rem}.calculate-form-container h3{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.calculate-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.calculate-form .form-group{display:flex;flex-direction:column}.calculate-form .form-group label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.calculate-form input,.calculate-form textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease}.calculate-form input:focus,.calculate-form textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-cancel:hover{background:#4b5563}.periods-list{margin-bottom:2rem}.periods-list h3{color:#1f2937;font-size:1.3rem;margin-bottom:1rem}.no-periods{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:3rem;text-align:center}.periods-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.periods-table thead{background:linear-gradient(135deg,#1f2937,#374151);color:#fff}.periods-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:right}.periods-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.periods-table tbody tr:hover{background-color:#f9fafb}.periods-table td{color:#374151;padding:1rem;text-align:right}.profit-amount{color:#10b981;font-size:1.05rem;font-weight:700}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.375rem .75rem}.status-badge.status-finalized{background:#dbeafe;color:#1e40af}.status-badge.status-paid{background:#d1fae5;color:#065f46}.status-badge.status-draft{background:#f3f4f6;color:#6b7280}.actions-cell{display:flex;gap:.5rem}.btn-view{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-view:hover{background:#2563eb}.btn-delete{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-delete:hover{background:#dc2626}.period-details{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;padding:2rem}.details-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.details-header h3{color:#1f2937;font-size:1.5rem;margin:0}.header-actions{display:flex;gap:.5rem}.btn-print{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-print:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.btn-close{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.btn-close:hover{background:#4b5563}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.summary-card.total{background:linear-gradient(135deg,#d1fae5,#fff);border-color:#10b981}.summary-card .card-icon{font-size:2.5rem}.summary-card .card-content h4{color:#6b7280;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.summary-card .card-value{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.summary-card.total .card-value{color:#10b981}.members-profits{margin-top:2rem}.members-profits h4{color:#1f2937;font-size:1.2rem;margin-bottom:1rem}.members-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.members-table thead{background:linear-gradient(135deg,#059669,#047857);color:#fff}.members-table th{font-size:.9rem;font-weight:600;padding:.875rem;text-align:right}.members-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.members-table tbody tr:hover{background-color:#f9fafb}.members-table td{color:#374151;font-size:.95rem;padding:.875rem;text-align:right}.rank-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.profit-cell{color:#059669;font-weight:600}.total-profit-cell{color:#10b981;font-size:1.05rem;font-weight:700}.period-notes{background:#f9fafb;border-left:4px solid #10b981;border-radius:12px;margin-top:2rem;padding:1.5rem}.period-notes h4{color:#1f2937;font-size:1.1rem;margin-bottom:.75rem}.period-notes p{color:#374151;line-height:1.6;margin:0}.profit-periods.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:1.5rem;padding:1rem}@media print{.btn-calculate,.btn-close,.btn-delete,.btn-print,.btn-view,.calculate-form-container,.periods-list,.pp-header{display:none!important}.period-details{border:none;box-shadow:none;padding:0}.summary-cards{break-inside:avoid;page-break-inside:avoid}.members-table{font-size:.85rem}.members-table td,.members-table th{padding:.5rem}}@media (max-width:768px){.pp-header{align-items:stretch;flex-direction:column;gap:1rem}.calculate-form .form-row,.summary-cards{grid-template-columns:1fr}.members-table,.periods-table{font-size:.85rem}.members-table td,.members-table th,.periods-table td,.periods-table th{padding:.75rem .5rem}.actions-cell{flex-direction:column}}.btn-view-details{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;transition:all .3s ease}.btn-view-details:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.1)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profit-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.profit-details-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profit-details-modal .modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.btn-close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.profit-details-modal .modal-body{padding:2rem}.member-info-section{background:#f9fafb;border-left:4px solid #667eea;border-radius:10px;display:flex;gap:2rem;margin-bottom:2rem;padding:1rem}.member-info-section .info-item{display:flex;gap:.5rem}.member-info-section .info-label{color:#6b7280;font-weight:600}.member-info-section .info-value{color:#1f2937;font-weight:500}.member-info-section .rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.9rem;padding:.25rem .75rem}.details-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.details-section .section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.calculation-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.calculation-row.total{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;font-weight:700}.calculation-row.profit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;font-weight:700}.calc-label{color:#374151;font-weight:600}.calc-value{color:#1f2937;font-size:1.1rem;font-weight:700}.calc-value.profit-amount{color:#059669;font-size:1.3rem}.team-points-breakdown{margin-bottom:1rem}.team-points-breakdown .calc-label{margin-bottom:.75rem}.generations-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.generation-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 1rem}.generation-item span:first-child{color:#6b7280;font-weight:600}.generation-item span:last-child{color:#1f2937;font-weight:700}.leadership-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.leadership-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.leadership-table th{font-size:.9rem;font-weight:600;padding:.75rem;text-align:right}.leadership-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.leadership-table tbody tr:hover{background:#f9fafb}.leadership-table td{color:#374151;padding:.75rem;text-align:right}.total-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.summary-row{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.summary-row.grand-total{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem}.summary-label{font-weight:600}.summary-value{font-size:1.1rem;font-weight:700}.summary-row.grand-total .summary-label,.summary-row.grand-total .summary-value{color:#fff}@media (max-width:768px){.profit-details-modal{max-height:95vh;width:95%}.profit-details-modal .modal-header{padding:1rem}.profit-details-modal .modal-header h3{font-size:1.2rem}.profit-details-modal .modal-body{padding:1rem}.member-info-section{flex-direction:column;gap:.5rem}.generations-list{grid-template-columns:1fr}.leadership-table{font-size:.85rem}.leadership-table td,.leadership-table th{padding:.5rem .25rem}.calc-value,.summary-value{font-size:1rem}.calc-value.profit-amount{font-size:1.1rem}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}@media (max-width:768px){.main-content{padding:1rem}.admin-container,.member-ranks,.order-management,.product-management,.profit-calculation,.regions-management,.slider-management,.supplier-management,.user-management{overflow-x:hidden!important;padding:.5rem!important}.om-header,.pm-header,.um-header,[class*=-header]{flex-direction:column!important;gap:.75rem!important;padding:1rem!important}.om-header h2,.pm-header h2,.um-header h2,[class*=-header] h2{font-size:1.25rem!important}.om-header-right,.um-header-right,[class*=-header-right]{flex-direction:column!important;gap:.5rem!important;width:100%!important}[class*=-btn],[class*=-button],button{font-size:.9rem!important;min-height:44px!important;padding:.75rem 1rem!important;white-space:normal!important;width:100%!important}.om-filters,.pm-filters,.um-filters,[class*=-filters]{flex-direction:column!important;gap:.75rem!important;padding:1rem!important}.om-search,.pm-search,.um-search,[class*=-search]{width:100%!important}.om-search input,.pm-search input,.um-search input,[class*=-filter-select] select,[class*=-search] input,select{font-size:16px!important;padding:.75rem!important;width:100%!important}.om-table-wrapper,.pm-table-wrapper,.um-table-wrapper,[class*=-table-wrapper]{-webkit-overflow-scrolling:touch!important;margin:0 -.5rem!important;overflow-x:auto!important;padding:0 .5rem!important}.om-table,.pm-table,.um-table,[class*=-table],table{font-size:.85rem!important;min-width:600px!important}[class*=-table] td,[class*=-table] th,table td,table th{font-size:.8rem!important;padding:.5rem .35rem!important;white-space:nowrap}.om-stats,.pm-stats,.um-stats,[class*=-cards],[class*=-stats]{gap:.75rem!important;grid-template-columns:1fr!important}.stat-card,[class*=-card],[class*=-stat-card]{padding:1rem!important}.modal,.om-modal,.pm-modal,.um-modal,[class*=-modal]{margin:1rem auto!important;max-height:90vh!important;max-width:95vw!important;overflow-y:auto!important;width:95%!important}.om-modal-header,.pm-modal-header,.um-modal-header,[class*=-modal-header]{flex-direction:row!important;justify-content:space-between!important;padding:1rem!important}.om-modal-body,.pm-modal-body,.um-modal-body,[class*=-modal-body]{padding:1rem!important}.om-modal-footer,.pm-modal-footer,.um-modal-footer,[class*=-modal-footer]{flex-direction:column-reverse!important;gap:.5rem!important;padding:1rem!important}.om-form-row,.pm-form-row,.um-form-row,[class*=-form-row]{gap:.75rem!important;grid-template-columns:1fr!important}.om-form-group,.pm-form-group,.um-form-group,[class*=-form-group]{margin-bottom:1rem!important}.om-form-group label,.pm-form-group label,.um-form-group label,[class*=-form-group] label{display:block!important;font-size:.9rem!important;margin-bottom:.4rem!important}[class*=-form-group] input,[class*=-form-group] select,[class*=-form-group] textarea,input,select,textarea{box-sizing:border-box!important;font-size:16px!important;padding:.75rem!important;width:100%!important}textarea{min-height:100px!important}.om-actions,.pm-actions,.um-actions,[class*=-actions]{display:flex!important;flex-direction:column!important;gap:.35rem!important;width:100%!important}.om-action-btn,.pm-action-btn,.um-action-btn,[class*=-action-btn]{font-size:.75rem!important;min-height:auto!important;padding:.4rem .6rem!important;width:auto!important}.om-alert,.pm-alert,.um-alert,[class*=-alert]{font-size:.85rem!important;margin:.5rem!important;padding:.75rem 1rem!important}.admin-tabs,.profile-tabs,[class*=-tabs]{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}.admin-tab,.profile-tab,[class*=-tab]{font-size:.85rem!important;min-width:auto!important;padding:.6rem 1rem!important;white-space:nowrap!important}.profile-container{padding:.5rem!important}.profile-header{flex-direction:column!important;padding:1rem!important;text-align:center!important}.profile-avatar{height:80px!important;width:80px!important}.admin-dashboard-grid{gap:1rem!important;grid-template-columns:1fr!important}*,img{max-width:100%!important}img{height:auto!important}[role=button],a,button{min-height:44px!important;min-width:44px!important}[class*=-text],p,span{word-wrap:break-word!important;overflow-wrap:break-word!important}}@media (max-width:480px){[class*=-table],table{font-size:.75rem!important;min-width:500px!important}[class*=-table] td,[class*=-table] th,table td,table th{font-size:.7rem!important;padding:.4rem .25rem!important}.modal,[class*=-modal]{border-radius:0!important;margin:0!important;max-width:100vw!important;min-height:100vh!important;width:100%!important}[class*=-header] h2{font-size:1.1rem!important}}@media (max-height:500px) and (orientation:landscape){[class*=-modal]{max-height:95vh!important}[class*=-modal-body]{max-height:60vh!important;overflow-y:auto!important}}@media (max-width:768px){.btn,[class*=-btn],[class*=-button],a.button,button{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;justify-content:center!important;text-align:center!important}.btn span,[class*=-btn] span,button span{white-space:nowrap!important}.btn img,.btn svg,button img,button svg{flex-shrink:0!important}}
/*# sourceMappingURL=main.9970873c.css.map*/