.Header{width:100%;max-width:100vw;height:80px;display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa,#fff);box-shadow:0 4px 20px #00000014;border-bottom:3px solid #FFD700;position:sticky;top:0;z-index:1000;padding:0 1.5rem;transition:all .3s ease;overflow:visible;box-sizing:border-box}.Header .hamburger,.Header .menu-toggle,.Header .mobile-menu,.Header .nav-toggle,.Header .burger-menu,.Header [class*=hamburger],.Header [class*=burger],.Header [class*=menu-btn],.Header [id*=menu],.Header [id*=burger],.Header [id*=hamburger]{display:none!important;visibility:hidden!important;opacity:0!important}.Header:hover{box-shadow:0 6px 25px #0000001f}.Header .icons{display:flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0;overflow:visible;min-width:fit-content;height:100%}.Header .icons>div{position:static;overflow:visible}.Header .icons>div.Search-area-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;padding:12px;position:relative;cursor:pointer}.Header .icons>div.Search-area-wrapper:hover{background:linear-gradient(135deg,#ffd7001a,#ffd70033);transform:translateY(-3px);box-shadow:0 8px 25px #ffd7004d}.Header .icons>div.Search-area-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);opacity:0;transition:opacity .3s ease}.Header .icons>div.Search-area-wrapper:hover:before{opacity:1}.Header .icons svg{width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);stroke:#333;stroke-width:2}.Header .icons svg:hover{stroke:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4));transform:scale(1.1)}@media(min-width:1025px)and (max-width:1440px){.Header{padding:0 1.5rem}.Header .icons{gap:1.2rem}}@media(max-width:1024px){.Header{height:70px;padding:0 1rem}.Header .icons{gap:.75rem}.Header .icons>div{padding:8px}}@media(max-width:768px){.Header{height:60px;padding:0 1rem;border-bottom:2px solid #FFD700;justify-content:space-between}.Header .icons{gap:.75rem}.Header .icons>div{padding:8px;border-radius:8px}.Header .icons>div:hover{background:linear-gradient(135deg,#ffd70026,#ffd70040);transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.Header .icons svg{width:20px;height:20px}.Header .hamburger,.Header .menu-toggle,.Header .mobile-menu-button,.Header .sandwich-menu,.Header:before,.Header:after{display:none!important}.Header *:before,.Header *:after{content:none!important}}@media(max-width:480px){.Header{height:55px;padding:0 .75rem}.Header .icons{gap:.5rem}.Header .icons>div{padding:6px}.Header .icons svg{width:18px;height:18px}.Header *{position:relative}.Header *:before,.Header *:after{content:none!important}.Header .show-on-mobile,.Header .mobile-only,.Header .hamburger-icon,.Header .menu-icon{display:none!important}}body.dark-mode .Header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-bottom:3px solid #FFD700;box-shadow:0 4px 20px #0000004d}body.dark-mode .Header:hover{box-shadow:0 6px 25px #0006}body.dark-mode .Header .icons>div{color:#fff}body.dark-mode .Header .icons>div:hover{background-color:#ffd7001a;color:gold}body.dark-mode .Header .icons svg{color:#fff;stroke:#fff}body.dark-mode .Header .icons>div:hover svg{color:gold;stroke:gold}.acc-Details-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-Details-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;color:#000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:none;flex-shrink:0}.acc-Details-container:hover{transform:scale(1.05);color:gold}.acc-Details-container.active{color:orange;transform:scale(.95)}.acc-Details-container svg{color:#000;transition:all .3s cubic-bezier(.4,0,.2,1)}.acc-Details-container:hover svg{color:gold}.acc-Details-container.active svg{color:orange}.account-dropdown{position:absolute;top:calc(100% + 15px);right:0;min-width:200px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000;overflow:hidden;border:1px solid rgba(255,215,0,.2);pointer-events:none}.account-dropdown.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important;display:block!important}.dropdown-arrow{position:absolute;top:-8px;right:20px;width:16px;height:16px;background:gold;border:1px solid rgba(255,215,0,.2);border-bottom:none;border-right:none;transform:rotate(45deg);z-index:1001}.dropdown-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#fff,#fafafa)}.dropdown-header.guest-header{background:linear-gradient(135deg,gold,orange);color:#000}.user-avatar,.guest-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 15px #ffd7004d}.guest-avatar{background:#fff;color:orange;border:2px solid #fff}.user-avatar svg,.guest-avatar svg{width:24px;height:24px;color:#000}.guest-avatar svg{color:orange}.user-info,.guest-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-name,.guest-message{font-weight:600;font-size:16px;color:#000;margin:0}.user-email,.guest-sub{font-size:14px;color:#666;margin:0}.guest-header .guest-message,.guest-header .guest-sub{color:#000}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 20%,rgba(255,215,0,.5) 50%,rgba(255,215,0,.3) 80%,transparent 100%);margin:0}.dropdown-menu{padding:8px 0}.dropdown-footer{padding:8px 0;border-top:1px solid #f0f0f0;background:#fafafa}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#333;font-size:15px;font-weight:500;position:relative;overflow:hidden}.menu-item:hover{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);color:#000;transform:translate(4px)}.menu-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,gold,orange);transform:scaleY(1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,gold,orange);transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.menu-item svg{width:20px;height:20px;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item:hover svg{color:orange;transform:scale(1.1)}.menu-item span{flex:1;font-weight:500}.menu-item.primary-action{background:linear-gradient(135deg,gold,orange);color:#000;margin:0 8px;border-radius:12px;font-weight:600;box-shadow:0 4px 15px #ffd7004d}.menu-item.primary-action:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translate(0) scale(1.02);box-shadow:0 6px 20px #ffd70066}.menu-item.primary-action:before{display:none}.menu-item.primary-action svg{color:#000}.menu-item.primary-action:hover svg{color:#000;transform:scale(1.1)}.menu-item.logout-item{color:#e74c3c}.menu-item.logout-item:hover{background:#e74c3c1a;color:#c0392b}.menu-item.logout-item:hover:before{background:#e74c3c}.menu-item.logout-item svg{color:#e74c3c}.menu-item.logout-item:hover svg{color:#c0392b}@media(max-width:768px){.account-dropdown{min-width:280px;right:-10px}.dropdown-arrow{right:25px}.dropdown-header{padding:16px}.user-avatar,.guest-avatar{width:45px;height:45px}.user-avatar svg,.guest-avatar svg{width:22px;height:22px}.user-name,.guest-message{font-size:15px}.user-email,.guest-sub{font-size:13px}.menu-item{padding:14px 16px;font-size:14px}.menu-item svg{width:18px;height:18px}}@media(max-width:480px){.account-dropdown{min-width:260px;right:-20px}.dropdown-arrow{right:35px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media(prefers-reduced-motion:reduce){.acc-Details-container,.account-dropdown,.menu-item,.menu-item:before{transition:none}}@media(prefers-contrast:high){.acc-Details-container,.account-dropdown{border:2px solid #000}.menu-item:hover{background:#000;color:#fff}}body.dark-mode .acc-Details-container{color:#fff;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #404040;box-shadow:0 4px 15px #0000004d;border-radius:50%}body.dark-mode .acc-Details-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.2),transparent);opacity:0;transition:opacity .3s ease}body.dark-mode .acc-Details-container:hover:before{opacity:1}body.dark-mode .acc-Details-container svg{color:#fff}body.dark-mode .acc-Details-container:hover{color:gold;background:linear-gradient(135deg,#ffd70026,#ffd70040);border-color:#ffd700b3;box-shadow:0 8px 25px #ffd70066;transform:translateY(-3px)}body.dark-mode .acc-Details-container:hover svg{color:gold}body.dark-mode .acc-Details-container.active{color:orange;background:linear-gradient(135deg,gold,orange);border-color:gold}body.dark-mode .acc-Details-container.active svg{color:#000}body.dark-mode .account-dropdown{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:1px solid #404040;box-shadow:0 20px 60px #00000080}body.dark-mode .dropdown-arrow{border-bottom-color:#2d2d2d}body.dark-mode .dropdown-header{border-bottom:1px solid #404040;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important}body.dark-mode .user-avatar,body.dark-mode .guest-avatar{background:linear-gradient(135deg,gold,orange);border:2px solid #404040;box-shadow:0 4px 15px #ffd70066}body.dark-mode .user-avatar svg,body.dark-mode .guest-avatar svg{color:#000}body.dark-mode .user-name,body.dark-mode .guest-message{color:gold}body.dark-mode .user-email,body.dark-mode .guest-sub{color:#ccc}body.dark-mode .dropdown-divider{background:#404040}body.dark-mode .dropdown-footer{background:#1a1a1a;border-top:1px solid #404040}body.dark-mode .menu-item{color:#fff}body.dark-mode .menu-item:hover{background:linear-gradient(135deg,#ffd7001a,#ffd70026);color:gold}body.dark-mode .menu-item svg{color:#fff}body.dark-mode .menu-item:hover svg{color:gold}body.dark-mode .menu-item.logout-item{color:#fff!important;border-top:1px solid #404040}body.dark-mode .menu-item.logout-item:hover{background:linear-gradient(135deg,#dc35451a,#dc354526)!important;color:#dc3545!important}body.dark-mode .menu-item.logout-item:hover svg{color:#dc3545!important}body.dark-mode .menu-item.logout-item svg{color:#fff!important}body.dark-mode .menu-item.logout-item span{color:#fff!important}body.dark-mode .menu-item.logout-item:hover span{color:#dc3545!important}.favs-div{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 15px #00000014;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.favs-div:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.15),transparent);opacity:0;transition:opacity .3s ease}.favs-div:hover{background:linear-gradient(135deg,#ffd7001a,#ffd70033);transform:translateY(-3px);box-shadow:0 8px 25px #ffd70059;border-color:#ffd70080}.favs-div:hover:before{opacity:1}.favs-div:active{transform:translateY(-1px) scale(.95)}.favs-div svg{width:24px;height:24px;stroke:#000;fill:none;stroke-width:2.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.favs-div:hover svg{stroke:gold;fill:#ffd7004d;filter:drop-shadow(0 2px 8px rgba(255,215,0,.5));transform:scale(1.15)}.favs-div.active{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 4px 15px #ffd70066}.favs-div.active svg{fill:#000;stroke:#000}.favs-div.active:hover svg{fill:#000;stroke:#000}.favs-div:after{content:attr(data-count);position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#000,#333);color:gold;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #FFD700;box-shadow:0 2px 8px #0003;z-index:999}.favs-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.favs-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1);box-shadow:0 4px 15px #ffd70066}@media(max-width:1024px){.favs-div{width:44px;height:44px;box-shadow:0 3px 12px #0000000f}.favs-div svg{width:22px;height:22px;stroke-width:2.3}.favs-div:after{content:attr(data-count)!important;position:absolute!important;top:-8px!important;right:-8px!important;background:linear-gradient(135deg,#000,#333)!important;color:gold!important;border-radius:50%!important;width:18px!important;height:18px!important;font-size:10px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid #FFD700!important;box-shadow:0 2px 8px #0003!important;z-index:999!important}.favs-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.favs-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)!important}}@media(max-width:768px){.favs-div{width:40px;height:40px;box-shadow:0 2px 10px #0000000d}.favs-div:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.favs-div svg{width:20px;height:20px;stroke-width:2.2}.favs-div:after{content:attr(data-count)!important;position:absolute!important;top:-6px!important;right:-6px!important;background:linear-gradient(135deg,#000,#333)!important;color:gold!important;border-radius:50%!important;width:16px!important;height:16px!important;font-size:9px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid #FFD700!important;box-shadow:0 2px 8px #0003!important;z-index:999!important}.favs-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.favs-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)!important}}@media(max-width:480px){.favs-div{width:36px;height:36px}.favs-div svg{width:18px;height:18px;stroke-width:2}.favs-div:after{content:attr(data-count)!important;position:absolute!important;top:-6px!important;right:-6px!important;background:linear-gradient(135deg,#000,#333)!important;color:gold!important;border-radius:50%!important;width:14px!important;height:14px!important;font-size:8px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid #FFD700!important;box-shadow:0 2px 8px #0003!important;z-index:999!important}.favs-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.favs-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)!important}}body.dark-mode .favs-div{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #404040;box-shadow:0 4px 15px #0000004d}body.dark-mode .favs-div:before{background:linear-gradient(45deg,transparent,rgba(255,215,0,.2),transparent)}body.dark-mode .favs-div:hover{background:linear-gradient(135deg,#ffd70026,#ffd70040);border-color:#ffd700b3;box-shadow:0 8px 25px #ffd70066}body.dark-mode .favs-div svg{stroke:#fff}body.dark-mode .favs-div:hover svg{stroke:gold}body.dark-mode .favs-div:after{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #000}@media(max-width:1024px){body.dark-mode .favs-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}@media(max-width:768px){body.dark-mode .favs-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}@media(max-width:480px){body.dark-mode .favs-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}.image-div{height:100%;display:flex;align-items:center;position:relative;flex-shrink:0}.image-div img{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(255,215,0,.2))}.image-div a{display:flex;align-items:center;text-decoration:none;outline:none;border-radius:8px;padding:8px}.image-div a:focus{box-shadow:0 0 0 3px #ffd7004d}@media(max-width:1024px){.image-div img{height:45px}}@media(max-width:768px){.image-div img{height:40px}.image-div a{padding:6px}}@media(max-width:480px){.image-div img{height:35px}.image-div a{padding:4px}}.Search-area{display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:25px;height:45px;width:100%;max-width:280px;min-width:180px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #00000014;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:1}.Search-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;background:linear-gradient(45deg,transparent,rgba(255,215,0,.15),transparent);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.Search-area:focus-within{border-color:gold;box-shadow:0 0 0 4px #ffd70040,0 8px 25px #00000026;background:linear-gradient(135deg,#fff,#fffef7);transform:translateY(-2px)}.Search-area:focus-within:before{opacity:1}.Search-area:hover:not(:focus-within){border-color:#ffd70066;box-shadow:0 6px 20px #0000001a;transform:translateY(-1px)}.Search-area.focused{border-color:gold;box-shadow:0 0 0 4px #ffd70040,0 8px 25px #00000026;background:linear-gradient(135deg,#fff,#fffef7);transform:translateY(-2px)}.Search-area.focused:before{opacity:1}.Search{flex:1;border:none;background:transparent;padding:0 20px;font-size:15px;color:#000;outline:none;font-family:Rubik,sans-serif;font-weight:500;height:100%;letter-spacing:.3px;position:relative;z-index:2}.Search::placeholder{color:#666;font-style:normal;font-weight:400;transition:color .3s ease}.Search:focus::placeholder{color:#999;transform:translate(2px)}.Search-btn{width:50px;height:100%;border:none;background:linear-gradient(135deg,gold,orange);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0 23px 23px 0}.Search-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,orange,#ff8c00);opacity:0;transition:opacity .3s ease}.Search-btn:hover:before{opacity:1}.Search-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #ffd70080}.Search-btn:active{transform:scale(.98)}.Search-btn svg{stroke:#000;width:20px;height:20px;position:relative;z-index:1;transition:all .3s ease;stroke-width:2.5}.Search-btn:hover svg{stroke:#000;transform:scale(1.1) rotate(15deg)}.Search-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#e9ecef,#dee2e6)}.Search-btn:disabled:hover{transform:none;box-shadow:none}.Search-btn:disabled:before{display:none}.Search-btn:disabled svg{stroke:#6c757d;transform:none}@media(min-width:1440px){.Search-area{max-width:400px;min-width:250px;height:50px}.Search{font-size:16px;padding:0 20px}.Search-btn{width:55px}.Search-btn svg{width:22px;height:22px}}@media(min-width:1024px)and (max-width:1439px){.Search-area{max-width:300px;min-width:200px;height:45px}.Search{font-size:15px;padding:0 16px}}@media(min-width:768px)and (max-width:1023px){.Search-area{max-width:250px;min-width:180px;height:42px}.Search{font-size:14px;padding:0 14px}.Search-btn{width:45px}.Search-btn svg{width:19px;height:19px}}@media(min-width:640px)and (max-width:767px){.Search-area{max-width:200px;min-width:150px;height:40px;border-radius:20px}.Search{font-size:13px;padding:0 12px}.Search-btn{width:42px;border-radius:0 18px 18px 0}.Search-btn svg{width:18px;height:18px}}@media(max-width:639px){.Search-area{min-width:45px;width:45px;height:45px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.2);box-shadow:0 4px 15px #ffd70026;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.Search-area:hover{border-color:#ffd70066;background:linear-gradient(135deg,#ffd70026,#ffd7001a);transform:translateY(-2px);box-shadow:0 8px 25px #ffd70040}.Search{display:none}.Search-btn{width:100%;height:100%;background:transparent;border-radius:50%;transition:all .3s ease;border:none}.Search-btn:hover{background:linear-gradient(135deg,#ffd70033,#ffd7004d);transform:scale(1.05);box-shadow:none}.Search-btn:before{display:none}.Search-btn svg{stroke:#000;width:22px;height:22px;stroke-width:2}.Search-btn:hover svg{stroke:gold;transform:scale(1.1) rotate(15deg)}}@media(max-width:480px){.Search-area{min-width:42px;width:42px;height:42px}.Search-btn svg{width:20px;height:20px}}@media(max-width:360px){.Search-area{min-width:38px;width:38px;height:38px}.Search-btn svg{width:18px;height:18px}}@keyframes searchPulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 8px #ffd70000}}@keyframes searchShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.Search-area:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease;border-radius:25px;z-index:0;pointer-events:none}.Search-area:focus-within:after{animation:searchShimmer 1.5s ease-in-out}.Search-btn:focus{animation:searchPulse 1s infinite;outline:none}.Search{transition:all .3s ease}.Search:focus{color:#000;font-weight:600}@media(max-width:639px){.Search-area:active{transform:scale(.95)}.Search-btn:active{transform:scale(.9)}}body.dark-mode .Search-area{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #404040;box-shadow:0 4px 15px #0000004d}body.dark-mode .Search-area:before{background:linear-gradient(45deg,transparent,rgba(255,215,0,.2),transparent)}body.dark-mode .Search-area:focus-within{border-color:gold;box-shadow:0 0 0 4px #ffd70040,0 8px 25px #0006;background:linear-gradient(135deg,#2d2d2d,#333)}body.dark-mode .Search-area.focused{border-color:gold;box-shadow:0 0 0 4px #ffd70040,0 8px 25px #0006;background:linear-gradient(135deg,#2d2d2d,#333)}body.dark-mode .Search-area:hover:not(:focus-within){border-color:#ffd70099;box-shadow:0 6px 20px #0006}body.dark-mode .Search{background:transparent;color:#fff}body.dark-mode .Search::placeholder{color:#999}body.dark-mode .Search:focus{color:#fff}body.dark-mode .Search-btn{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .Search-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 15px #ffd70066}body.dark-mode .Search-btn svg{color:#000;stroke:#000}.search-container{position:relative;display:inline-block}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;margin-top:4px;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestions-list{list-style:none;margin:0;padding:8px 0}.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:0 8px;font-size:14px;color:#333}.suggestion-item:hover,.suggestion-item.active{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#000;transform:translate(4px)}.suggestion-icon{width:16px;height:16px;margin-right:12px;color:#666;flex-shrink:0}.suggestion-item:hover .suggestion-icon,.suggestion-item.active .suggestion-icon{color:gold}.suggestion-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}body.dark-mode .suggestions-dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 8px 25px #0006}body.dark-mode .suggestion-item{color:#fff}body.dark-mode .suggestion-item:hover,body.dark-mode .suggestion-item.active{background:linear-gradient(135deg,#3d3d3d,#4d4d4d);color:#fff}body.dark-mode .suggestion-icon{color:#999}body.dark-mode .suggestion-item:hover .suggestion-icon,body.dark-mode .suggestion-item.active .suggestion-icon{color:gold}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:transparent}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#bbb}body.dark-mode .suggestions-dropdown::-webkit-scrollbar-thumb{background:#555}body.dark-mode .suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#777}.section-div{display:flex;align-items:center;gap:1rem;margin-left:1px;margin-right:1px;flex:1 1 auto;height:100%;justify-content:center;min-width:0;overflow:hidden}.section-div .span-class{padding:10px 18px;font-family:Rubik,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:30px;position:relative;text-align:center;color:#000;border:2px solid transparent;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 15px #00000014;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.section-div .span-class:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,gold,orange);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:28px}.section-div .span-class:hover{color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #ffd70059;border-color:#ffd70080}.section-div .span-class:hover:before{opacity:1}.section-div .span-class:active{transform:translateY(-1px) scale(.98)}.section-div .span-class.active{color:#000;background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 20px #ffd70066;border-color:gold;font-weight:700}.section-div .span-class.active:before{opacity:1}@media(min-width:1440px){.section-div{gap:1.5rem;margin-left:2rem;margin-right:2rem}.section-div .span-class{padding:12px 24px;font-size:1rem}}@media(min-width:1025px)and (max-width:1439px){.section-div{gap:.75rem;margin-left:1rem;margin-right:1rem}.section-div .span-class{padding:8px 16px;font-size:.9rem}}@media(max-width:1024px){.section-div{margin-left:.75rem;margin-right:.75rem;gap:.5rem}.section-div .span-class{padding:8px 14px;font-size:.85rem;box-shadow:0 3px 12px #0000000f}.section-div .span-class:hover{box-shadow:0 6px 20px #ffd7004d}}@media(max-width:875px){.section-div{display:none}}body.dark-mode .section-div .span-class{color:gold;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #404040;box-shadow:0 4px 15px #0000004d}body.dark-mode .section-div .span-class:hover{color:#000;border-color:#ffd700b3;box-shadow:0 8px 25px #ffd70066}body.dark-mode .section-div .span-class:before{background:linear-gradient(135deg,gold,orange)}.Cart-div{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 15px #00000014;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.Cart-div:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.15),transparent);opacity:0;transition:opacity .3s ease}.Cart-div:hover{background:linear-gradient(135deg,#ffd7001a,#ffd70033);transform:translateY(-3px);box-shadow:0 8px 25px #ffd70059;border-color:#ffd70080}.Cart-div:hover:before{opacity:1}.Cart-div:active{transform:translateY(-1px) scale(.95)}.Cart-div svg{width:24px;height:24px;stroke:#000;fill:none;stroke-width:2.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.Cart-div:hover svg{stroke:gold;filter:drop-shadow(0 2px 8px rgba(255,215,0,.5));transform:scale(1.15)}.Cart-div.active{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 4px 15px #ffd70066}.Cart-div.active svg{stroke:#000}.Cart-div.active:hover svg{stroke:#000!important}.Cart-div:after{content:attr(data-count);position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#000,#333);color:gold;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #FFD700;box-shadow:0 2px 8px #0003;z-index:999}.Cart-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important;animation:cartBounce .5s ease-out}.Cart-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1);box-shadow:0 4px 15px #ffd70066}@keyframes cartBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.Cart-div.adding{animation:cartPulse .6s ease-out}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 8px 25px #ffd70080}to{transform:scale(1)}}@media(max-width:1024px){.Cart-div{width:44px;height:44px;box-shadow:0 3px 12px #0000000f}.Cart-div svg{width:22px;height:22px;stroke-width:2.3}.Cart-div:after{content:attr(data-count)!important;position:absolute!important;top:-8px!important;right:-8px!important;background:linear-gradient(135deg,#000,#333)!important;color:gold!important;border-radius:50%!important;width:18px!important;height:18px!important;font-size:10px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid #FFD700!important;box-shadow:0 2px 8px #0003!important}.Cart-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.Cart-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)!important}}@media(max-width:768px){.Cart-div{width:40px;height:40px;box-shadow:0 2px 10px #0000000d}.Cart-div:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.Cart-div svg{width:20px;height:20px;stroke-width:2.2}.Cart-div:after{content:attr(data-count)!important;position:absolute!important;top:-6px!important;right:-6px!important;background:linear-gradient(135deg,#000,#333)!important;color:gold!important;border-radius:50%!important;width:16px!important;height:16px!important;font-size:9px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid #FFD700!important;box-shadow:0 2px 8px #0003!important}.Cart-div[data-count]:not([data-count="0"]):after{transform:scale(1)!important}.Cart-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)!important}}@media(max-width:480px){.Cart-div{width:36px;height:36px}.Cart-div svg{width:18px;height:18px;stroke-width:2}.Cart-div:after{content:attr(data-count);position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#000,#333);color:gold;border-radius:50%;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #FFD700;box-shadow:0 2px 8px #0003}.Cart-div[data-count]:not([data-count="0"]):after{transform:scale(1)}.Cart-div[data-count]:not([data-count="0"]):hover:after{transform:scale(1.1)}}body.dark-mode .Cart-div{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #404040;box-shadow:0 4px 15px #0000004d}body.dark-mode .Cart-div:before{background:linear-gradient(45deg,transparent,rgba(255,215,0,.2),transparent)}body.dark-mode .Cart-div:hover{background:linear-gradient(135deg,#ffd70026,#ffd70040);border-color:#ffd700b3;box-shadow:0 8px 25px #ffd70066}body.dark-mode .Cart-div svg{stroke:#fff}body.dark-mode .Cart-div:hover svg{stroke:gold}body.dark-mode .Cart-div.active{background:linear-gradient(135deg,gold,orange);border-color:gold}body.dark-mode .Cart-div.active svg{stroke:#000}body.dark-mode .Cart-div:after{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #000}@media(max-width:1024px){body.dark-mode .Cart-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}@media(max-width:768px){body.dark-mode .Cart-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}@media(max-width:480px){body.dark-mode .Cart-div:after{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;border:2px solid #000!important}}body{margin:0;padding:0;font-family:Arial,sans-serif}.footer-div{width:100%;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:60px 5% 0;position:relative;overflow:hidden}.footer-div:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,gold,orange,gold);box-shadow:0 0 20px #ffd7004d}.footer-div footer{width:100%;display:flex;gap:4%;margin-bottom:40px}.footer-div footer>*{flex:1}.footer-div h2{font-size:22px;font-weight:700;color:gold;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:10px}.footer-div h2:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,gold,orange)}.footer-div p{margin:12px 0;font-size:16px;line-height:1.6;color:#e0e0e0;cursor:pointer;transition:all .3s ease;padding:5px 0;position:relative}.footer-div p:hover{color:gold;padding-left:10px;transform:translate(5px)}.footer-div p:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:gold;transition:width .3s ease}.footer-div p:hover:before{width:5px}.footer-div hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#FFD700,transparent);margin:30px 0;opacity:.6}@media(max-width:1024px){.footer-div{padding:50px 4% 0}.footer-div footer{gap:3%}.footer-div h2{font-size:20px}.footer-div p{font-size:15px}}@media(max-width:768px){.footer-div{padding:40px 5% 0}.footer-div footer{flex-wrap:wrap;gap:25px}.footer-div footer>*{flex:1 1 45%}.footer-div h2{font-size:18px;margin-bottom:15px}.footer-div p{font-size:14px;margin:10px 0}}@media(max-width:480px){.footer-div{padding:30px 4% 0}.footer-div footer{flex-direction:column;gap:20px}.footer-div footer>*{flex:none;text-align:center}.footer-div h2{font-size:16px;margin-bottom:12px}.footer-div h2:after{left:50%;transform:translate(-50%)}.footer-div p{font-size:13px;margin:8px 0}.footer-div p:hover{padding-left:0;transform:none}.footer-div p:before{display:none}.credits{margin:0 -4%;padding-left:4%;padding-right:4%}.credits p{font-size:12px}}@media(prefers-reduced-motion:reduce){.footer-div p,.social-media-icons svg,.footer-div p:before{transition:none}}@media print{.footer-div{background:#fff!important;color:#000!important;box-shadow:none!important}.footer-div h2,.footer-div p{color:#000!important}.social-media-icons svg{color:#000!important}}.links-div,.category-div,.follow-us-div{width:100%}.follow-us-div .social-media-icons{display:flex;gap:15px;margin-top:15px;align-items:center}.follow-us-div .social-media-icons svg{width:24px;height:24px;color:#e0e0e0;transition:all .3s ease;cursor:pointer;padding:8px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.follow-us-div .social-media-icons svg:hover{color:gold;background:#ffd70033;transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #ffd7004d}.follow-us-div h2{font-size:22px;font-weight:700;color:gold;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:10px}.follow-us-div h2:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,gold,orange)}.credits{text-align:center;background:#0000004d;margin:0 -5%;padding:20px 5% 30px}.credits p{font-size:14px;color:#b0b0b0;margin:0;letter-spacing:.5px}.customer-service-div{width:100%}.customer-service-div p{transition:all .3s ease}.customer-service-div p:hover{color:gold;transform:translate(5px)}.Ad-graphic{height:70vh;width:100vw;background:linear-gradient(#0006,#0009),url(/graphic3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.Ad-graphic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0000004d,#000c);z-index:1}.Ad-graphic .graphic-text{color:#fff;text-align:center;z-index:2;position:relative;max-width:90%;padding:2rem}.Ad-graphic .graphic-text h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:0;line-height:1.1;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.Ad-graphic .graphic-text h2:last-of-type{margin-bottom:2rem}.Ad-graphic .graphic-text button{background:linear-gradient(45deg,gold,#b8860b);border:2px solid #ffd700;border-radius:8px;color:#000;font-size:1.1rem;font-weight:600;padding:12px 30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ffd7004d}.Ad-graphic .graphic-text button:hover{background:linear-gradient(45deg,#b8860b,gold);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080;border-color:#b8860b}.Ad-graphic .graphic-text button:active{transform:translateY(0);box-shadow:0 2px 10px #ffd70066}@media(max-width:1024px){.Ad-graphic{height:60vh}.Ad-graphic .graphic-text h2{font-size:clamp(2rem,4.5vw,3.5rem)}.Ad-graphic .graphic-text button{font-size:1rem;padding:10px 25px}}@media(max-width:768px){.Ad-graphic{height:50vh;min-height:400px}.Ad-graphic .graphic-text{padding:1rem}.Ad-graphic .graphic-text h2{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:.3rem}.Ad-graphic .graphic-text h2:last-of-type{margin-bottom:1.5rem}.Ad-graphic .graphic-text button{font-size:.9rem;padding:10px 20px;width:auto;min-width:140px}}@media(max-width:480px){.Ad-graphic{height:45vh;min-height:350px}.Ad-graphic .graphic-text h2{font-size:clamp(1.5rem,7vw,2rem);letter-spacing:1px}.Ad-graphic .graphic-text button{font-size:.8rem;padding:8px 16px;min-width:120px}}.shop{width:100vw;background-color:#f5f5f5;min-height:100vh;transition:background-color .3s ease}.items{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:20px;padding:20px;max-width:1400px;margin:0 auto;justify-content:start}@media(min-width:1024px){.items{grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:20px;padding:20px;justify-content:start}}body.dark-mode .shop,[data-theme=dark] .shop{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}@media(min-width:768px)and (max-width:1023px){.items{grid-template-columns:repeat(3,minmax(250px,max-content));gap:15px;padding:20px 15px;justify-content:start}}@media(min-width:481px)and (max-width:767px){.items{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px 10px}}@media(max-width:480px){.items{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 8px}}@media(max-width:430px){.items{grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;padding:8px 5px}}@media(max-width:360px){.items{grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px;padding:8px 4px}}.load-more-sentinel{display:flex;justify-content:center;align-items:center;min-height:80px;padding:20px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666;font-size:14px}.skeleton-card{width:100%;max-width:280px;min-width:140px;min-height:320px;background:linear-gradient(180deg,#f7f7f7,#f0f0f0);border:1px solid rgba(184,134,11,.15);border-radius:8px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;animation:pulse 1.4s ease-in-out infinite}.skeleton-image{width:100%;height:180px;background:linear-gradient(90deg,#c8c8c81f 25%,#c8c8c833,#c8c8c81f 75%);border-radius:6px}.skeleton-line{height:14px;background:#c8c8c840;border-radius:6px}.skeleton-line.short{width:60%}.skeleton-line.price{width:40%;height:20px}.skeleton-button{margin-top:auto;height:40px;width:100%;background:linear-gradient(90deg,#b8860b26,#b8860b0d);border-radius:6px}@keyframes pulse{0%{transform:translateY(0);box-shadow:none}50%{transform:translateY(-4px);box-shadow:0 6px 18px #0000000f}to{transform:translateY(0);box-shadow:none}}body.dark-mode .skeleton-card,[data-theme=dark] .skeleton-card{background:linear-gradient(180deg,#2a2a2a,#232323);border-color:#ffd7000f}body.dark-mode .skeleton-line,[data-theme=dark] .skeleton-line{background:#ffffff0f}.spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.empty-shop-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;margin:40px auto;width:100%;max-width:500px;background:#fff;border:1px solid rgba(184,134,11,.15);border-radius:12px;box-shadow:0 4px 12px #00000008}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.8}.empty-shop-state h3{font-size:20px;font-weight:600;color:#333;margin:0 0 10px}.empty-shop-state p{font-size:14px;color:#666;line-height:1.5;margin:0 0 24px}.refresh-btn{background-color:#b8860b;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.refresh-btn:hover{background-color:#966e08}.refresh-btn:active{transform:scale(.98)}body.dark-mode .empty-shop-state,[data-theme=dark] .empty-shop-state{background:#232323;border-color:#ffd7001a;box-shadow:0 4px 12px #0003}body.dark-mode .empty-shop-state h3,[data-theme=dark] .empty-shop-state h3{color:#fff}body.dark-mode .empty-shop-state p,[data-theme=dark] .empty-shop-state p{color:#aaa}body.dark-mode .refresh-btn:hover,[data-theme=dark] .refresh-btn:hover{background-color:#ffea75}@media(max-width:480px){.empty-shop-state{padding:40px 16px;margin:20px auto}.empty-icon{font-size:40px}.empty-shop-state h3{font-size:18px}}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#b8860b;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;min-width:140px;height:44px;box-sizing:border-box}.refresh-btn:hover:not(:disabled){background-color:#966e08}.refresh-btn:active:not(:disabled){transform:scale(.98)}.refresh-btn:disabled{cursor:not-allowed;opacity:.9}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}body.dark-mode .refresh-btn,[data-theme=dark] .refresh-btn{background-color:gold;color:#1a1a1a;font-weight:600}body.dark-mode .refresh-btn:hover:not(:disabled),[data-theme=dark] .refresh-btn:hover:not(:disabled){background-color:#ffea75}body.dark-mode .btn-spinner,[data-theme=dark] .btn-spinner{border:2px solid rgba(0,0,0,.15);border-top-color:#1a1a1a}body.dark-mode .loading-spinner,[data-theme=dark] .loading-spinner{color:#aaa}body.dark-mode .spinner,[data-theme=dark] .spinner{border-color:#444;border-top-color:#764ba2}@media(max-width:480px){.load-more-sentinel{min-height:60px;padding:15px}.spinner{width:28px;height:28px}.loading-spinner{font-size:13px}}.item-card{width:100%;max-width:280px;min-width:140px;height:auto;min-height:250px;margin:0;padding:2px 2px 18px;border:1px solid #b8860b;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease}.image-container{position:relative;width:100%;flex-shrink:0;min-height:180px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;padding:0}.image-container img{width:95%;max-width:100%;height:100%;max-height:220px;min-height:160px;object-fit:cover;object-position:center;border-radius:6px;flex-shrink:0}.like-button{position:absolute;top:-8px!important;right:-8px!important;width:2.7rem!important;height:2.7rem!important;min-width:2.7rem!important;cursor:pointer;transition:all .3s ease;z-index:10;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.like-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.like-button svg{width:4rem;height:4rem;transition:all .3s ease}.like-button svg.favorited:hover{fill:#b8860b;transform:scale(1.05)}.like-button svg:not(.favorited):hover{fill:none;stroke:#b8860b;transform:scale(1.05)}.name{font-size:clamp(1.1rem,2.5vw,1.1rem);font-weight:500;line-height:1.2;color:#464040;text-align:left;margin:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1}.selected-size{font-size:.85rem;font-weight:600;color:#333;line-height:1.3;text-align:center;margin:8px 8px 12px;padding:6px 10px;background:linear-gradient(135deg,#b8860b26,#b8860b14);border-radius:6px;border:1px solid rgba(184,134,11,.4);box-shadow:0 1px 3px #0000001a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:calc(100% - 16px);box-sizing:border-box;transition:all .2s ease}.selected-size:hover{background:linear-gradient(135deg,#b8860b33,#b8860b1f);transform:translateY(-1px)}.prices{font-size:clamp(1.7rem,5vw,2.3rem);font-weight:700;color:#b8860b;line-height:1;margin:0;padding:0 8px;display:flex}.add-to-cart{width:100%;height:45px;flex-shrink:0}.cart-btn{width:100%;height:100%;border:1px solid #b8860b;background-color:#b8860b;color:#000;font-weight:700;font-size:clamp(.85rem,2vw,.95rem);border-radius:6px;cursor:pointer;transition:all .3s ease;outline:none;box-sizing:border-box;text-transform:capitalize;letter-spacing:.5px;align-self:flex-end}.item-quantity-display{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,12px);margin-bottom:10px}.item-quantity-display button{background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid transparent;color:#000;width:clamp(28px,6vw,40px);height:clamp(28px,6vw,40px);border-radius:6px;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #daa5204d}.item-quantity-display button:hover{background:linear-gradient(135deg,#b8860b,#8b6914);transform:translateY(-1px);box-shadow:0 3px 10px #daa52066}.item-quantity-display button:active{transform:translateY(0);box-shadow:0 1px 4px #daa52066}.item-quantity-display button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.item-quantity-display input{width:clamp(40px,10vw,60px);height:clamp(28px,6vw,40px);text-align:center;border:2px solid rgba(218,165,32,.3);border-radius:6px;font-size:clamp(.8rem,2vw,1.1rem);font-weight:600;color:#212529;background:#ffffffe6;transition:border-color .3s ease}.item-quantity-display input:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 2px #daa5201a}@media(max-width:480px){.item-quantity-display{gap:4px;margin-bottom:8px}.item-quantity-display button{width:24px;height:24px;font-size:.8rem;border-radius:4px}.item-quantity-display input{width:35px;height:24px;font-size:.75rem;border-radius:4px}}@media(max-width:360px){.item-quantity-display button{width:22px;height:22px;font-size:.75rem}.item-quantity-display input{width:32px;height:22px;font-size:.7rem}}.cart-btn:hover{background-color:#a0750a;border-color:#a0750a;transform:translateY(-2px);box-shadow:0 4px 8px #b8860b4d}.cart-btn:active{transform:translateY(0);box-shadow:0 2px 4px #b8860b33}.cart-btn:focus{outline:2px solid #b8860b;outline-offset:2px}@media(min-width:1024px){.item-card{min-height:420px;padding:10px 10px 18px;gap:0;justify-content:space-between}.image-container{min-height:200px}.image-container img{max-height:240px;min-height:180px}.like-button{top:8px;right:12px;width:2.2rem;height:2.2rem}.like-button svg{width:1.3rem;height:1.3rem}.name{font-size:1.1rem;margin-top:0;margin-bottom:0;line-height:1}.prices{font-size:2rem;margin:0;padding:0 8px}.add-to-cart{height:45px}}@media(min-width:768px)and (max-width:1023px){.item-card{min-height:380px;padding:8px 8px 12px;gap:10px}.image-container{flex-grow:1;min-height:160px}.image-container img{height:100%;object-fit:cover;max-height:250px}.like-button{top:6px;right:10px;width:1.8rem;height:1.8rem}.like-button svg{width:1.1rem;height:1.1rem}.name{font-size:1rem;margin-top:0;margin-bottom:0;line-height:1;padding:0 4px}.prices{font-size:1.7rem;margin:0;padding:0 4px}.selected-size{font-size:.85rem;padding:4px 6px;margin:4px 4px 8px}.add-to-cart{height:42px}.cart-btn{font-size:.9rem}}@media(max-width:430px){.item-card{min-height:320px;padding:4px 4px 18px;gap:10px;max-width:none;min-width:140px}.image-container{flex-grow:.5;min-height:100px;margin-bottom:3px}.image-container img{height:100%;object-fit:cover}.like-button{top:3px;right:5px;width:1.2rem;height:1.2rem}.like-button svg{width:.8rem;height:.8rem}.name{font-size:.85rem;margin-top:0;margin-bottom:0;line-height:1;padding:0 2px}.prices{font-size:1.1rem;margin:0;padding:0 2px}.selected-size{font-size:.7rem;padding:2px 3px;margin:2px 2px 3px}.add-to-cart{height:36px}.cart-btn{font-size:.75rem}.item-quantity-display button{width:clamp(28px,8vw,40px);height:clamp(28px,8vw,40px)}.item-quantity-display input{width:clamp(40px,8vw,60px);height:clamp(28px,8vw,40px)}}@media(max-width:360px){.item-card{min-height:270px;padding:4px 4px 8px;gap:10px;max-width:none}.image-container{flex-grow:.5;min-height:100px;margin-bottom:3px}.image-container img{height:100%;object-fit:cover;max-height:100px}.like-button{top:3px;right:5px;width:1.2rem;height:1.2rem}.like-button svg{width:.8rem;height:.8rem}.name{font-size:.85rem;margin-top:0;margin-bottom:0;line-height:1;padding:0 2px}.prices{font-size:1rem;margin:0;padding:0 2px}.selected-size{font-size:.7rem;padding:2px 3px;margin:2px 2px 3px}.add-to-cart{height:36px}.cart-btn{font-size:.75rem}}.image-container img[src=""]{background-color:#f0f0f0;position:relative}.image-container img[src=""]:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:.8rem}.item-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);transition:all .3s ease}body.dark-mode .item-card,[data-theme=dark] .item-card{background-color:#2a2a2a;border-color:gold;color:#fff;box-shadow:0 4px 15px #0000004d}body.dark-mode .item-card:hover,[data-theme=dark] .item-card:hover{box-shadow:0 8px 25px #ffd70033;transform:translateY(-4px)}body.dark-mode .name,[data-theme=dark] .name{color:#fff}body.dark-mode .prices,[data-theme=dark] .prices{color:gold}body.dark-mode .selected-size,[data-theme=dark] .selected-size{background:linear-gradient(135deg,#ffd70026,#ffd70014);border-color:#ffd70066;color:#fff}body.dark-mode .selected-size:hover,[data-theme=dark] .selected-size:hover{background:linear-gradient(135deg,#ffd70033,#ffd7001f)}body.dark-mode .cart-btn,[data-theme=dark] .cart-btn{background-color:gold;border-color:gold;color:#000;font-weight:700}body.dark-mode .cart-btn:hover,[data-theme=dark] .cart-btn:hover{background-color:orange;border-color:orange;box-shadow:0 4px 15px #ffd70066}body.dark-mode .like-button,[data-theme=dark] .like-button{background:#2a2a2ae6;border:1px solid rgba(255,215,0,.3)}body.dark-mode .like-button:hover,[data-theme=dark] .like-button:hover{background:#2a2a2a;border-color:#ffd70080}body.dark-mode .like-button svg,[data-theme=dark] .like-button svg{color:gold}body.dark-mode .like-button svg.favorited:hover,[data-theme=dark] .like-button svg.favorited:hover{fill:orange;color:orange}body.dark-mode .like-button svg:not(.favorited):hover,[data-theme=dark] .like-button svg:not(.favorited):hover{fill:none;color:orange;stroke:orange}body.dark-mode .item-quantity-display button,[data-theme=dark] .item-quantity-display button{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .item-quantity-display button:hover,[data-theme=dark] .item-quantity-display button:hover{background:linear-gradient(135deg,orange,#ff8c00)}body.dark-mode .item-quantity-display input,[data-theme=dark] .item-quantity-display input{background:#404040;color:#fff;border-color:#ffd7004d}body.dark-mode .item-quantity-display input:focus,[data-theme=dark] .item-quantity-display input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033}@media(max-width:320px){.item-card{min-height:300px;padding:3px 3px 18px;gap:0;justify-content:space-between}.image-container{min-height:85px}.image-container img{max-height:100px;min-height:75px}.like-button{top:2px;right:4px;width:1rem;height:1rem}.like-button svg{width:.7rem;height:.7rem}.name{font-size:.8rem;margin-top:0;margin-bottom:0;line-height:1}.prices{font-size:.95rem;margin:0;padding:0 8px}.selected-size{font-size:.65rem;padding:1px 2px;margin:1px 1px 2px}.add-to-cart{height:34px}.cart-btn{font-size:.7rem}}.size-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.size-overlay-content{background:#fff;border-radius:20px;max-width:560px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 15px 35px #0000001a;overflow:hidden;animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.size-overlay-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px}.header-titles h3{margin:0;color:#111;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.product-subtitle{margin:4px 0 0;font-size:.95rem;color:#777;font-weight:400}.close-button{background:none;border:none;font-size:24px;color:#222;cursor:pointer;padding:0;line-height:1}.sizes-grid-container{padding:0 24px;overflow-y:auto;flex:1}.sizes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:24px}.size-option{border:1px solid #e6e6e6;border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;transition:all .2s ease}.size-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.size-label{font-size:1.2rem;font-weight:700;color:#333}.current-quantity{font-size:.72rem;color:#444;background:#fdf3e7;padding:3px 8px;border-radius:20px;font-weight:500}.status-label{font-size:.85rem;color:#888;margin-bottom:16px;text-align:left}.size-option.unavailable .status-label{color:#b5b5b5}.size-option.unavailable{background:#fafafa;border-color:#ededed;opacity:.6}.size-option.selected{border:2px solid #ecd19a;background:#fffbf2}.quantity-pill{display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;border-radius:30px;padding:4px;margin-top:auto}.quantity-pill-btn{width:32px;height:32px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:600;color:#333;transition:background-color .15s ease}.quantity-pill-btn:hover:not(:disabled){background-color:#0000000d}.quantity-pill-btn:disabled{opacity:.25;cursor:not-allowed}.quantity-pill-value{font-weight:700;font-size:.95rem;color:#111}.overlay-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#faf9f6;border-top:1px solid #f1f0ea}.footer-status{display:flex;flex-direction:column}.status-action-text{font-size:.9rem;color:#777}.status-count-text{font-size:1.05rem;font-weight:700;color:#111}.footer-buttons{display:flex;gap:10px}.cancel-btn,.confirm-btn{padding:12px 24px;border:1px solid #e2e0d7;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#fff;color:#111}.cancel-btn:hover{background:#f4f3ed}.confirm-btn{background:#edd19c;color:#4a3b1a;border:none}.confirm-btn:hover:not(:disabled){background:#e4c489}.confirm-btn:disabled{background:#eaddca;color:#a89f91;opacity:.6;cursor:not-allowed}[data-theme=dark] .size-overlay-content,body.dark-mode .size-overlay-content{background:#181818;box-shadow:0 15px 35px #00000080}[data-theme=dark] .header-titles h3,body.dark-mode .header-titles h3{color:#fff}[data-theme=dark] .product-subtitle,body.dark-mode .product-subtitle{color:#aaa}[data-theme=dark] .close-button,body.dark-mode .close-button{color:#fff}[data-theme=dark] .size-option,body.dark-mode .size-option{border-color:#2c2c2c;background:#1f1f1f}[data-theme=dark] .size-label,body.dark-mode .size-label{color:#fff}[data-theme=dark] .status-label,body.dark-mode .status-label{color:#aaa}[data-theme=dark] .current-quantity,body.dark-mode .current-quantity{background:#2d261b;color:#ebd09b}[data-theme=dark] .size-option.selected,body.dark-mode .size-option.selected{border-color:gold;background:#25221a}[data-theme=dark] .quantity-pill,body.dark-mode .quantity-pill{background:#2a2a2a}[data-theme=dark] .quantity-pill-btn,body.dark-mode .quantity-pill-btn{color:#fff}[data-theme=dark] .quantity-pill-btn:hover:not(:disabled),body.dark-mode .quantity-pill-btn:hover:not(:disabled){background-color:#ffffff14}[data-theme=dark] .quantity-pill-value,body.dark-mode .quantity-pill-value{color:#fff}[data-theme=dark] .overlay-footer,body.dark-mode .overlay-footer{background:#1e1e1e;border-top-color:#282828}[data-theme=dark] .status-action-text,body.dark-mode .status-action-text{color:#aaa}[data-theme=dark] .status-count-text,body.dark-mode .status-count-text{color:#fff}[data-theme=dark] .cancel-btn,body.dark-mode .cancel-btn{background:#242424;color:#fff;border-color:#383838}[data-theme=dark] .cancel-btn:hover,body.dark-mode .cancel-btn:hover{background:#303030}[data-theme=dark] .confirm-btn,body.dark-mode .confirm-btn{background:#edd19c;color:#1c1405}[data-theme=dark] .confirm-btn:hover:not(:disabled),body.dark-mode .confirm-btn:hover:not(:disabled){background:gold}[data-theme=dark] .confirm-btn:disabled,body.dark-mode .confirm-btn:disabled{background:#332d22;color:#665f53}@media(max-width:768px){.sizes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.size-overlay-backdrop{align-items:flex-end}.size-overlay-content{width:100%;max-width:100%;border-radius:24px 24px 0 0;max-height:75vh;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sizes-grid-container{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sizes-grid{display:flex;flex-wrap:nowrap;gap:12px;padding-bottom:20px}.size-option{flex:0 0 140px;min-width:140px}.overlay-footer{padding:16px}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirm-modal{background:#fff;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.confirm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e9ecef}.confirm-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#333}.confirm-modal-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.confirm-modal-close:hover{background:#f0f0f0}.confirm-modal-close svg{width:20px;height:20px;color:#666}.confirm-modal-body{padding:24px}.confirm-modal-body p{margin:0;color:#555;line-height:1.6;font-size:1rem}.confirm-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.confirm-modal-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#f0f0f0;color:#555}.cancel-btn:hover:not(:disabled){background:#e0e0e0}.confirm-btn{background:linear-gradient(135deg,gold,orange);color:#000}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-1px)}.confirm-btn.danger{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff}.confirm-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#ff3838,#ff2e2e)}[data-theme=dark] .confirm-modal,body.dark-mode .confirm-modal{background:#2a2a2a}[data-theme=dark] .confirm-modal-header,body.dark-mode .confirm-modal-header{border-color:#444}[data-theme=dark] .confirm-modal-header h3,body.dark-mode .confirm-modal-header h3{color:#e0e0e0}[data-theme=dark] .confirm-modal-close:hover,body.dark-mode .confirm-modal-close:hover{background:#3a3a3a}[data-theme=dark] .confirm-modal-close svg,body.dark-mode .confirm-modal-close svg{color:#aaa}[data-theme=dark] .confirm-modal-body p,body.dark-mode .confirm-modal-body p{color:#ccc}[data-theme=dark] .cancel-btn,body.dark-mode .cancel-btn{background:#3a3a3a;color:#ddd}[data-theme=dark] .cancel-btn:hover:not(:disabled),body.dark-mode .cancel-btn:hover:not(:disabled){background:#444}@media(max-width:600px){.confirm-modal{width:95%;margin:20px}.confirm-modal-header{padding:20px 20px 12px}.confirm-modal-body{padding:20px}.confirm-modal-footer{flex-direction:column-reverse;padding:12px 20px 20px}.confirm-modal-btn{width:100%}}.customization-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}[data-theme=dark] .customization-overlay-backdrop{background:#000c}.customization-overlay-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative}[data-theme=dark] .customization-overlay-modal{background:#1f2937;box-shadow:0 10px 30px #0009;border:1px solid #374151}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #eee}[data-theme=dark] .overlay-header{border-bottom:1px solid #4b5563}.overlay-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:600}[data-theme=dark] .overlay-header h3{color:#f9fafb}.close-button{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#333}[data-theme=dark] .close-button{color:#9ca3af}[data-theme=dark] .close-button:hover{background:#374151;color:#f9fafb}.overlay-content{padding:20px 24px}.conflict-message{margin-bottom:24px}.conflict-message p{margin:0 0 12px;color:#555;line-height:1.5}.conflict-message p:last-child{margin-bottom:0}[data-theme=dark] .conflict-message p{color:#d1d5db}.customizations-list{background:#f8f9fa;border-radius:8px;padding:16px}[data-theme=dark] .customizations-list{background:#111827;border:1px solid #374151}.customizations-list h4{margin:0 0 16px;color:#333;font-size:1.1rem;font-weight:600}[data-theme=dark] .customizations-list h4{color:#f9fafb}.customization-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;margin-bottom:8px;border:1px solid #e2e8f0}.customization-item:last-child{margin-bottom:0}[data-theme=dark] .customization-item{background:#1f2937;border:1px solid #4b5563}.customization-checkbox{display:flex;align-items:center;margin-right:12px}.customization-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#3b82f6}[data-theme=dark] .customization-checkbox input[type=checkbox]{accent-color:#60a5fa}.customization-checkbox label{cursor:pointer;margin-left:4px}.customization-info{display:flex;align-items:center;gap:12px;flex:1}.customization-number{background:#3b82f6;color:#fff;font-size:.875rem;font-weight:600;padding:4px 8px;border-radius:4px;min-width:32px;text-align:center}[data-theme=dark] .customization-number{background:#1d4ed8;color:#f1f5f9}.customization-details{color:#555;font-size:.9rem}[data-theme=dark] .customization-details{color:#d1d5db}.delete-customization-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.delete-customization-btn:hover,[data-theme=dark] .delete-customization-btn{background:#dc2626}[data-theme=dark] .delete-customization-btn:hover{background:#b91c1c}.overlay-actions{padding:16px 24px 24px;border-top:1px solid #eee}[data-theme=dark] .overlay-actions{border-top:1px solid #4b5563}.selection-info{margin-bottom:16px}.selection-count{font-size:.9rem;font-weight:500}.selection-count.valid{color:#10b981}.selection-count.invalid{color:#ef4444}[data-theme=dark] .selection-count.valid{color:#34d399}[data-theme=dark] .selection-count.invalid{color:#f87171}.action-buttons{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.cancel-button{background:#f8f9fa;color:#555;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;display:flex;align-items:center;justify-content:center}.cancel-button:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .cancel-button{background:#374151;color:#d1d5db;border:1px solid #6b7280}[data-theme=dark] .cancel-button:hover{background:#4b5563;color:#f9fafb}.force-decrease-button{background:#f97316;color:#fff!important;border:none;padding:12px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:normal;word-wrap:break-word;min-width:180px;max-width:280px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;text-align:center;box-shadow:0 2px 4px #f9731633;text-shadow:0 1px 2px rgba(0,0,0,.1)}.force-decrease-button:hover:not(.disabled){background:#ea580c;color:#fff!important;box-shadow:0 4px 6px #ea580c4d}.force-decrease-button.disabled{background:#d1d5db;color:#6b7280!important;cursor:not-allowed;box-shadow:none;text-shadow:none}.force-decrease-button:disabled{background:#d1d5db;color:#6b7280!important;cursor:not-allowed;box-shadow:none;text-shadow:none}[data-theme=dark] .force-decrease-button{background:#ea580c;color:#fff!important;box-shadow:0 2px 4px #ea580c4d}[data-theme=dark] .force-decrease-button:hover:not(.disabled){background:#dc2626;color:#fff!important;box-shadow:0 4px 6px #dc262666}[data-theme=dark] .force-decrease-button.disabled,[data-theme=dark] .force-decrease-button:disabled{background:#4b5563;color:#9ca3af!important;box-shadow:none}@media(max-width:768px){.customization-overlay-backdrop{padding:16px}.customization-overlay-modal{max-width:none;width:100%}.overlay-header{padding:16px 20px 12px}.overlay-content{padding:16px 20px}.overlay-actions{padding:12px 20px 20px}.action-buttons{flex-direction:column-reverse;gap:10px}.cancel-button,.force-decrease-button{width:100%;padding:14px 20px;min-width:unset}.customization-item{flex-direction:column;align-items:flex-start;gap:12px}.customization-checkbox{align-self:flex-start;margin-right:0;margin-bottom:8px}.customization-info{width:100%}.delete-customization-btn{align-self:flex-end}}@media(max-width:480px){.overlay-header h3{font-size:1.25rem}.force-decrease-button,.cancel-button{font-size:.9rem;padding:14px 16px}}.login-page{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}.login-container{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;overflow:hidden;min-height:600px}.login-left{background:linear-gradient(135deg,#000,#2a2a2a);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;position:relative;color:#fff;text-align:center}.login-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,215,0,.06) 0%,transparent 50%)}.brand-section .image-div{height:100px;justify-content:center}.brand-section p{font-size:1.1rem;opacity:.8;line-height:1.6}.login-right{padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-form-container{max-width:400px;width:100%;margin:0 auto}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:30px}.google-signin-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd70033;transform:translateY(-2px)}.divider span{background:#fff;padding:0 20px;color:#999;font-size:.9rem;position:relative}.login-form{display:flex;flex-direction:column;gap:25px}.error-message{background-color:#ffebee;color:#d32f2f;padding:12px 16px;border-radius:12px;font-size:14px;text-align:left;display:flex;align-items:flex-start;gap:10px;border-left:4px solid #d32f2f;transition:all .3s ease;animation:slideIn .3s ease-out}.error-icon{font-style:normal;font-size:16px;flex-shrink:0;margin-top:1px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.remember-me{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;color:#666;gap:0}.forgot-password{color:gold;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.forgot-password:hover{color:orange;text-decoration:underline}.login-btn{background:linear-gradient(135deg,gold,orange);color:#000;padding:16px 30px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #ffd7004d;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd70066}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.9}.login-loading-state{display:flex;align-items:center;justify-content:center;gap:12px}.login-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.signup-link{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid #e0e0e0}.signup-link p{color:#666;font-size:.95rem}.signup-link a{color:gold;text-decoration:none;font-weight:600;transition:all .3s ease}.signup-link a:hover{color:orange;text-decoration:underline}@media(max-width:768px){.login-page{padding:10px}.login-container{grid-template-columns:1fr;max-width:450px;min-height:auto}.login-left{padding:40px 30px;min-height:250px}.brand-section h1{font-size:2rem}.brand-section p{font-size:1rem}.brand-section .image-div img{height:80px}.login-right{padding:40px 30px}.form-header h2{font-size:1.75rem}}@media(max-width:480px){.login-page{padding:5px}.login-container{border-radius:15px}.login-left,.login-right{padding:30px 20px}.brand-section h1{font-size:1.75rem}.form-header h2{font-size:1.5rem}.google-signin-btn{padding:12px 15px;font-size:.95rem}.form-group input{padding:12px 15px}.login-btn{padding:14px 25px;font-size:1rem}.form-options{flex-direction:column;gap:15px;align-items:flex-start}}@media(max-width:320px){.login-left,.login-right{padding:25px 15px}.brand-section h1{font-size:1.5rem}.brand-section .image-div img{height:60px}}.remember-me input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:18px;height:18px;margin-right:8px}.checkmark{position:relative;display:inline-block;width:18px;height:18px;background:#fafafa;border:2px solid #e0e0e0;border-radius:4px;margin-right:8px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.remember-me input[type=checkbox]:checked+.checkmark{background:gold;border-color:gold}.remember-me input[type=checkbox]:checked+.checkmark:after{display:block}.remember-me input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #ffd7001a;border-color:gold}body.dark-mode .login-container,[data-theme=dark] .login-container{background:#1a1a1a;box-shadow:0 25px 50px #ffd70026}body.dark-mode .login-right,[data-theme=dark] .login-right{background:#1a1a1a}body.dark-mode .form-group label,[data-theme=dark] .form-group label{color:#fff;background:#1a1a1a!important}body.dark-mode .form-group input,[data-theme=dark] .form-group input{background:#2a2a2a;border-color:#404040;color:#fff}body.dark-mode .google-signin-btn,[data-theme=dark] .google-signin-btn{background:#2a2a2a;border-color:#404040;color:#fff;transition:all .3s ease}body.dark-mode .google-signin-btn:hover,[data-theme=dark] .google-signin-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd70033;background:linear-gradient(135deg,#ffd7001a,#ffa5000d)}body.dark-mode .login-btn,[data-theme=dark] .login-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 20px #ffd7004d}body.dark-mode .login-btn:hover,[data-theme=dark] .login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd70080}body.dark-mode .remember-me,[data-theme=dark] .remember-me{color:#ccc}body.dark-mode .remember-me input[type=checkbox]:checked+.checkmark,[data-theme=dark] .remember-me input[type=checkbox]:checked+.checkmark{background:gold;border-color:gold}body.dark-mode .remember-me input[type=checkbox]:focus+.checkmark,[data-theme=dark] .remember-me input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #ffd7001a;border-color:gold}body.dark-mode .forgot-password,[data-theme=dark] .forgot-password{color:gold}body.dark-mode .forgot-password:hover,[data-theme=dark] .forgot-password:hover{color:orange}body.dark-mode .signup-link p,[data-theme=dark] .signup-link p{color:#ccc}body.dark-mode .signup-link a,[data-theme=dark] .signup-link a{color:gold}body.dark-mode .signup-link a:hover,[data-theme=dark] .signup-link a:hover{color:orange}body.dark-mode .signup-link,[data-theme=dark] .signup-link{border-top:1px solid;border-image:linear-gradient(90deg,transparent,#FFD700,transparent) 1}body.dark-mode .login-spinner,[data-theme=dark] .login-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFD700}body.dark-mode .error-message,[data-theme=dark] .error-message{background-color:#d32f2f26;color:#ff6b6b;border-left:4px solid #ff6b6b}body.dark-mode .form-header,[data-theme=dark] .form-header{background:#1a1a1a}body.dark-mode .login-right,[data-theme=dark] .login-right,body.dark-mode .login-form-container,[data-theme=dark] .login-form-container{background:#1a1a1a!important}.tfa-verify-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tfa-verify-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.tfa-verify-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;z-index:10}.tfa-verify-close:hover{background:#0000000d;color:#333}.tfa-verify-header{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.verify-icon-container{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffd70033,#ffa5001a);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.verify-icon{font-size:1.75rem;color:orange}.tfa-verify-header h2{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;color:#000}.tfa-verify-header p{font-size:.9rem;color:#666;margin:0;line-height:1.5}.tfa-verify-content{padding:1.5rem 2rem 2rem}.tfa-code-input input,.tfa-recovery-input input{width:100%;text-align:center;font-size:1.75rem;letter-spacing:.75rem;padding:1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-family:Courier New,monospace;font-weight:600;transition:all .2s ease}.tfa-recovery-input input{font-size:1.25rem;letter-spacing:.25rem}.tfa-code-input input:focus,.tfa-recovery-input input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.tfa-code-input input.error,.tfa-recovery-input input.error{border-color:#f44336;box-shadow:0 0 0 3px #f4433633}.tfa-code-input input::placeholder,.tfa-recovery-input input::placeholder{color:#ccc}.recovery-hint{font-size:.8rem;color:#666;text-align:center;margin-top:.75rem}.tfa-verify-error{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f44336;font-size:.9rem;margin-top:1rem;text-align:center}.tfa-verify-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-top:1rem}.tfa-verify-btn.primary{background:linear-gradient(135deg,gold,orange);color:#000}.tfa-verify-btn.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.tfa-verify-btn.primary:disabled{opacity:.6;cursor:not-allowed}.tfa-verify-btn.link{background:none;color:#2196f3;padding:.5rem;margin-top:.5rem;font-weight:500;font-size:.85rem}.tfa-verify-btn.link:hover{text-decoration:underline;background:#2196f30d}body[data-theme=dark] .tfa-verify-modal,body.dark-mode .tfa-verify-modal{background:#2d2d2d}body[data-theme=dark] .tfa-verify-close,body.dark-mode .tfa-verify-close{color:#bbb}body[data-theme=dark] .tfa-verify-close:hover,body.dark-mode .tfa-verify-close:hover{background:#ffffff1a;color:#fff}body[data-theme=dark] .tfa-verify-header,body.dark-mode .tfa-verify-header{border-bottom-color:#444}body[data-theme=dark] .tfa-verify-header h2,body.dark-mode .tfa-verify-header h2{color:#fff}body[data-theme=dark] .tfa-verify-header p,body.dark-mode .tfa-verify-header p,body[data-theme=dark] .recovery-hint,body.dark-mode .recovery-hint{color:#bbb}body[data-theme=dark] .tfa-code-input input,body.dark-mode .tfa-code-input input,body[data-theme=dark] .tfa-recovery-input input,body.dark-mode .tfa-recovery-input input{background:#333;border-color:#444;color:#fff}body[data-theme=dark] .tfa-code-input input:focus,body.dark-mode .tfa-code-input input:focus,body[data-theme=dark] .tfa-recovery-input input:focus,body.dark-mode .tfa-recovery-input input:focus{border-color:gold}body[data-theme=dark] .tfa-verify-btn.link,body.dark-mode .tfa-verify-btn.link{color:#64b5f6}@media(max-width:576px){.tfa-verify-modal{margin:.5rem}.tfa-verify-header,.tfa-verify-content{padding:1.5rem}.tfa-code-input input{font-size:1.5rem;letter-spacing:.5rem}.tfa-recovery-input input{font-size:1.1rem;letter-spacing:.2rem}}.modern-error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-left:5px solid #f56565;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 4px 12px #f565651a;animation:slideInDown .4s cubic-bezier(.16,1,.3,1);width:100%}.error-content{display:flex;gap:16px}.error-icon-container{color:#f56565;flex-shrink:0;margin-top:2px}.error-feather-icon{width:24px;height:24px}.error-text-container{display:flex;flex-direction:column;gap:4px}.error-title{font-weight:700;font-size:1rem;color:#c53030}.error-description{font-size:.9rem;color:#9b2c2c;line-height:1.5;margin:0}.error-close-btn{background:transparent;border:none;color:#feb2b2;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.error-close-btn:hover{color:#f56565;background-color:#fed7d7}.error-close-btn svg{width:18px;height:18px}body.dark-mode .modern-error-message,[data-theme=dark] .modern-error-message{background-color:#2d1a1a;border-color:#742a2a;border-left-color:#e53e3e;box-shadow:0 4px 12px #0000004d}body.dark-mode .error-title,[data-theme=dark] .error-title{color:#feb2b2}body.dark-mode .error-description,[data-theme=dark] .error-description{color:#fc8181}body.dark-mode .error-close-btn:hover,[data-theme=dark] .error-close-btn:hover{background-color:#4a1c1c}.auth-page-header{position:absolute;top:20px;right:20px;display:flex;gap:15px;z-index:1000}.nav-home-btn,.theme-toggle-btn{display:flex;align-items:center;gap:8px;background:#ffffffe6;border:1px solid #e0e0e0;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;color:#333;box-shadow:0 2px 10px #0000000d}.theme-toggle-btn{padding:8px;border-radius:50%}.nav-home-btn svg,.theme-toggle-btn svg{width:20px;height:20px;flex-shrink:0}.nav-home-btn:hover,.theme-toggle-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#333}body.dark-mode .nav-home-btn,body.dark-mode .theme-toggle-btn{background:#2a2a2ae6;border-color:#444;color:#eee}body.dark-mode .nav-home-btn:hover,body.dark-mode .theme-toggle-btn:hover{background:#333;border-color:#666}body{margin:0;padding:0;box-sizing:border-box}.product-details-page{background:linear-gradient(135deg,#f8f9fa,#fff);color:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.product-details{width:100%;max-width:1200px;margin:2% auto;display:flex;flex-direction:row;justify-content:center;gap:3%;padding:0 20px}.images{width:50%;display:flex;flex-direction:column;gap:15px;height:fit-content}.images img{width:100%;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border:1px solid #e0e0e0}.images img:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.main-image{width:100%;height:500px;object-fit:contain;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border:1px solid #e0e0e0}.main-image:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.image-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}.image-gallery img{width:100%;height:250px;object-fit:contain;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border:1px solid #e0e0e0}.image-gallery img:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.details{width:45%;display:flex;flex-direction:column;gap:20px}.details h1{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:10px;text-shadow:0 2px 8px rgba(255,215,0,.3);overflow-wrap:break-word}.rating-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.reviews-text{color:#666;font-size:.9rem;margin-left:5px;font-weight:500}.price-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px;border-radius:20px;margin:20px 0;border:2px solid #FFD700;box-shadow:0 8px 32px #ffd70026;position:relative;overflow:hidden}.price-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffd70008,#ffa50003);border-radius:20px}.price-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.current-price{display:flex;align-items:baseline;gap:5px}.currency{font-size:1.8rem;font-weight:700;color:#000}.price{font-size:3rem;font-weight:700;color:#000;text-shadow:none}.original-price{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.old-price{font-size:1.2rem;color:#999;text-decoration:line-through;position:relative}.discount-badge{background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff44444d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.price-benefits{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.benefit{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#333;font-weight:500}.benefit-icon{background:linear-gradient(135deg,gold,orange);color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #ffd70066;border:1px solid #FFD700}.customization-section{display:flex;flex-direction:column;gap:15px;margin:20px 0}.customization-info{display:flex;flex-direction:column;gap:12px;padding:15px;background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.customization-fee{display:flex;align-items:center;gap:10px;font-size:.95rem;color:orange;font-weight:600}.fee-icon{background:linear-gradient(135deg,gold,orange);color:#000;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #ffd70066;border:1px solid #FFD700}.fee-text{color:#e0e0e0}.preview-link{display:flex;align-items:center;gap:10px;color:gold;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;padding:8px 12px;border-radius:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);align-self:flex-start}.preview-link:hover{color:orange;background:#ffd70026;border-color:#ffd70080;transform:translateY(-1px);box-shadow:0 4px 12px #ffd70033}.preview-icon{font-size:1rem;opacity:.8}.preview-link:hover .preview-icon{opacity:1}.customize-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;padding:12px 30px;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ffd7004d;align-self:flex-start}.customize-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066;background:linear-gradient(135deg,orange,gold)}.color-section,.colors-section{margin:20px 0}.color-section h3,.colors-section h3{color:#000!important;margin-bottom:15px;font-size:1.2rem;font-weight:600}.colors{display:flex;gap:15px;flex-wrap:wrap;padding-top:15px}.colors-loading,.no-colors-message{color:#666;font-size:.95rem;font-style:italic;padding:10px 0}.color{width:50px;height:50px;border-radius:50%;border:3px solid #333;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.color:hover{border-color:gold;transform:scale(1.15);box-shadow:0 4px 15px #0003}.color.selected{border-color:gold;border-width:4px;transform:scale(1.2);box-shadow:0 0 0 3px #ffd7004d}.color:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 0 10px #0000004d}.color-checkmark{position:relative;z-index:2;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 0 3px #000,0 0 5px #000,1px 1px 2px #000,-1px -1px 2px #000;animation:checkmarkPop .3s ease-out}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.size-section{margin:20px 0}.size-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.size-section h3{color:#000;font-size:1.2rem;font-weight:600;margin:0}.clear-selection-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff6b6b4d;text-transform:uppercase;letter-spacing:.5px}.clear-selection-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;flex-wrap:wrap}.size-box{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:75px;justify-content:space-between}.size-box .size-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#000}.size-box.available{cursor:pointer;border-color:gold;background:linear-gradient(135deg,#fff,#fffef8)}.size-box.available:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffd7004d;border-color:orange}.size-box.available.selected{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 6px 20px #ffd70080}.size-box.available.selected .size-label{color:#000}.size-box.not-available{background:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;opacity:.6;position:relative}.size-box.not-available .size-label{color:#999}.size-box.not-available:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:#999;transform:translateY(-50%) rotate(-15deg);z-index:1}.size-quantity-controls{display:flex;align-items:center;gap:8px;background:#ffffffe6;padding:5px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.size-qty-btn{width:24px;height:24px;border-radius:50%;border:2px solid #000;background:#fff;color:#000;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.size-qty-btn:hover:not(:disabled){background:gold;border-color:gold;transform:scale(1.1)}.size-qty-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ccc}.size-qty-value{min-width:24px;text-align:center;font-weight:700;font-size:.95rem;color:#000}.size-box.selected .size-quantity-controls{background:#00000026;border-color:#0003}.size-box.selected .size-qty-btn{background:#000;color:gold;border-color:#000}.size-box.selected .size-qty-btn:hover:not(:disabled){background:#333;border-color:#333}.size-box.selected .size-qty-value{color:#000}.available{background:linear-gradient(135deg,gold,orange);color:#000;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ffd70033}.available:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.available.selected{background:linear-gradient(135deg,gold,orange);border:3px solid #000;box-shadow:0 6px 20px #ffd70099}.not-available{background:#f5f5f5;color:#999;padding:12px 20px;border-radius:12px;font-weight:700;cursor:not-allowed;border:2px solid #e0e0e0;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}.not-available:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#999;transform:translateY(-50%);z-index:1}.notification-icon{position:absolute;top:-12px;right:-12px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,gold,orange);border:2px solid #FFD700;color:#000;opacity:.9;box-shadow:0 2px 8px #ffd70066}.notification-icon:hover{opacity:1;background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.15);box-shadow:0 4px 12px #ffd70080;border-color:orange}.notification-icon.requested{background:gold;color:#000;opacity:1;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.add-to-cart-btn{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #FFD700;padding:15px 40px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffd7004d;text-transform:uppercase;letter-spacing:1px;margin:20px 0;align-self:flex-start}.add-to-cart-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #ffd70080;border-color:orange}.add-to-cart-btn.disabled{background:#e0e0e0;color:#999;border:2px solid #ccc;cursor:not-allowed;box-shadow:none;transform:none}.add-to-cart-btn.disabled:hover{background:#e0e0e0;color:#999;transform:none;box-shadow:none;border-color:#ccc}.customization-info-banner{background:linear-gradient(135deg,#fffef8,#fff9e6);border:2px solid #FFD700;border-radius:16px;padding:20px;margin:20px 0;box-shadow:0 6px 20px #ffd70033;animation:slideInFromBottom .4s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customization-banner-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.customization-icon{font-size:1.5rem;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.customization-banner-header h4{margin:0;font-size:1.2rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}.customization-stats{display:flex;flex-wrap:wrap;gap:20px;padding:15px;background:#ffffffb3;border-radius:12px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;gap:5px;min-width:150px}.stat-label{font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:1.5rem;font-weight:700;color:#000}.stat-value.customized{color:#4caf50}.stat-value.available{color:#282424}.size-breakdown{padding:15px;background:#ffffff80;border-radius:12px;margin-bottom:16px;border-left:4px solid #FFD700}.breakdown-title{font-size:.9rem;font-weight:600;color:#333;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.breakdown-size{font-weight:700;color:#000;min-width:48px;background:linear-gradient(135deg,gold,orange);padding:4px 10px;border-radius:6px;text-align:center}.breakdown-detail{color:#555}.customization-info-note{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#2196f31a;border-radius:12px;border-left:4px solid #2196F3;margin-bottom:16px}.info-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.customization-info-note p{margin:0;font-size:.9rem;color:#333;line-height:1.6;font-weight:500}.customization-actions{display:flex;flex-direction:column;gap:12px}.customization-fee-info{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.fee-icon{background:linear-gradient(135deg,gold,orange);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #ffd70066}.fee-text{font-size:.9rem;color:#333;font-weight:600}.customize-now-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:14px 30px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #4caf504d;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start}.customize-now-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-icon{font-size:1.2rem}.cart-controls{display:flex;align-items:center;gap:15px;margin:20px 0;align-self:flex-start}.cart-btn-reduce,.cart-btn-add{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #FFD700;width:45px;height:45px;border-radius:50%;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffd7004d;display:flex;align-items:center;justify-content:center}.cart-btn-reduce:hover,.cart-btn-add:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.cart-btn-add.disabled{background:#e0e0e0;color:#999;border:2px solid #ccc;cursor:not-allowed;box-shadow:none;transform:none}.cart-btn-add.disabled:hover{background:#e0e0e0;color:#999;transform:none;box-shadow:none;border-color:#ccc}.cart-quantity{font-size:1.2rem;font-weight:700;color:#000;min-width:40px;text-align:center;padding:8px 12px;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.popup-message{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 8px 32px #ff6b6b4d;z-index:1000;font-weight:600;font-size:.9rem;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.about-product{display:flex;gap:0;margin:30px 0 20px;border-bottom:2px solid #e0e0e0}.about-product span{padding:15px 25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid transparent;color:#000}.about-product span:hover{color:#000;border-bottom-color:gold}.about-product span.active{color:#000;border-bottom-color:gold;transform:translateY(-2px)}.about-product-content{background:linear-gradient(135deg,#fefefe,#f8f8f8);padding:25px;border-radius:15px;min-height:200px;line-height:1.6;color:#333;border:1px solid #e0e0e0;box-shadow:0 4px 20px #00000014}.about-product-content h4{color:#000;margin-bottom:15px;font-size:1.3rem;font-weight:700}.about-product-content p{margin-bottom:12px;color:#444}.about-product-content ul{margin-left:20px;margin-bottom:15px}.about-product-content li{margin-bottom:5px;color:#555}@media(max-width:768px){.product-details{flex-direction:column;gap:30px;padding:0 15px}.images,.details{width:100%}.images{order:1}.details{order:2}.image-gallery{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.image-gallery img{min-width:300px;height:250px;object-fit:contain;scroll-snap-align:start;background-color:#fff}.main-image{height:300px}.image-gallery::-webkit-scrollbar{height:8px}.image-gallery::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.image-gallery::-webkit-scrollbar-thumb{background:gold;border-radius:10px}.image-gallery::-webkit-scrollbar-thumb:hover{background:orange}.details h1{font-size:2rem}.colors,.sizes{justify-content:flex-start}.sizes{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.size-box{padding:8px;min-height:70px}.size-section-header{flex-direction:column;align-items:flex-start}.clear-selection-btn{width:100%}.about-product{flex-direction:column;gap:0}.about-product span{text-align:center;padding:12px 20px}.price-container{flex-direction:column;align-items:flex-start;gap:15px}.original-price{align-items:flex-start}.price{font-size:2.5rem}.currency{font-size:1.5rem}.add-to-cart-btn{width:100%;text-align:center}.customization-stats{flex-direction:column;gap:12px}.stat-item{min-width:unset;flex-direction:row;justify-content:space-between;align-items:center}.stat-value{font-size:1.3rem}.breakdown-items{gap:10px}.breakdown-item{flex-direction:column;align-items:flex-start;gap:5px}.customize-now-btn{width:100%;padding:16px 30px}.customization-info-note{flex-direction:row;padding:12px}.customization-info-note p{font-size:.85rem}}@media(max-width:480px){.details h1{font-size:1.8rem}.customize-btn,.add-to-cart-btn{width:100%;text-align:center}.color{width:40px;height:40px}.color-checkmark{font-size:1.2rem}.colors{gap:12px}.colors-section h3{font-size:1rem}.available,.not-available{padding:10px 15px;font-size:.9rem}.sizes{grid-template-columns:repeat(2,1fr);gap:8px}.size-box{padding:8px;min-height:68px}.size-box .size-label{font-size:.9rem}.size-quantity-controls{padding:4px 6px;gap:6px}.size-qty-btn{width:22px;height:22px;font-size:.85rem}.size-qty-value{font-size:.9rem;min-width:22px}.clear-selection-btn{padding:6px 12px;font-size:.8rem}.main-image{height:250px}.image-gallery img{min-width:250px;height:200px}.customization-info-banner{padding:15px}.customization-banner-header h4{font-size:1rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.2rem}.breakdown-title{font-size:.8rem}.breakdown-item,.fee-text{font-size:.85rem}.customize-now-btn{font-size:.9rem;padding:14px 20px}.info-icon{font-size:1rem}.customization-info-note p{font-size:.8rem}}body.dark-mode .product-details-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}body.dark-mode .images img{background-color:#2d2d2d;border:1px solid #404040;box-shadow:0 8px 32px #0000004d}body.dark-mode .images img:hover{box-shadow:0 12px 40px #0006}body.dark-mode .details h1{color:gold;text-shadow:0 4px 15px rgba(255,215,0,.5)}body.dark-mode .reviews-text{color:#b0b0b0}body.dark-mode .price-section{background:#2d2d2d;border:1px solid #404040}body.dark-mode .current-price .currency,body.dark-mode .current-price .price{color:gold}body.dark-mode .old-price{color:#888}body.dark-mode .discount-badge{background:linear-gradient(45deg,gold,orange);color:#000}body.dark-mode .benefit{color:#b0b0b0}body.dark-mode .benefit-icon{color:gold}body.dark-mode .available{background-color:#2d2d2d;color:#fff;border:2px solid #404040}body.dark-mode .available:hover{background-color:#404040;border-color:gold}body.dark-mode .available.selected{background-color:gold;color:#000;border-color:gold}body.dark-mode .not-available{background-color:#1a1a1a;color:#666;border:2px solid #333}body.dark-mode .add-to-cart-btn{background:linear-gradient(45deg,gold,orange);color:#000;border:none}body.dark-mode .add-to-cart-btn:hover:not(.disabled){background:linear-gradient(45deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 8px 25px #ffd7004d}body.dark-mode .add-to-cart-btn.disabled{background:#333;color:#666;cursor:not-allowed}body.dark-mode .cart-controls{background-color:#2d2d2d;border:1px solid #404040}body.dark-mode .cart-btn-reduce,body.dark-mode .cart-btn-add{background-color:#404040;color:#fff;border:1px solid #555}body.dark-mode .cart-btn-reduce:hover,body.dark-mode .cart-btn-add:hover:not(.disabled){background-color:gold;color:#000;border-color:gold}body.dark-mode .cart-btn-add.disabled{background-color:#333;color:#666;cursor:not-allowed}body.dark-mode .cart-quantity{color:#fff;background:linear-gradient(135deg,#2d2d2d,#404040);border:2px solid #555}body.dark-mode .popup-message{background-color:#333;color:#fff;border:1px solid #555;box-shadow:0 4px 20px #0000004d}body.dark-mode .about-product{border-bottom:2px solid #404040;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:15px 15px 0 0;padding:5px;box-shadow:0 4px 15px #0000004d}body.dark-mode .about-product span{color:#b0b0b0;border-bottom:3px solid transparent;background:linear-gradient(135deg,#333,#2d2d2d);margin:0 2px;border-radius:10px 10px 0 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .about-product span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);opacity:0;transition:opacity .3s ease;border-radius:10px 10px 0 0}body.dark-mode .about-product span:hover{color:gold;background:linear-gradient(135deg,#404040,#333);transform:translateY(-2px);box-shadow:0 4px 15px #ffd70033}body.dark-mode .about-product span:hover:before{opacity:1}body.dark-mode .about-product span.active{color:gold;border-bottom-color:gold;background:linear-gradient(135deg,#2d2d2d,#404040);transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}body.dark-mode .about-product span.active:before{opacity:1}body.dark-mode .about-product-content{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff;border:1px solid #404040;box-shadow:0 8px 30px #0006;border-radius:0 0 15px 15px;position:relative}body.dark-mode .about-product-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,gold,orange,gold);border-radius:15px 15px 0 0}body.dark-mode .about-product-content h4{color:gold;text-shadow:0 2px 8px rgba(255,215,0,.3);margin-bottom:20px}body.dark-mode .about-product-content p{color:#ccc;line-height:1.7}body.dark-mode .about-product-content ul{color:#ccc}body.dark-mode .about-product-content li{color:#b0b0b0;position:relative}body.dark-mode .about-product-content li:before{content:"▶";color:gold;margin-right:8px;font-size:.8rem}body.dark-mode .discount-badge{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff}body.dark-mode .notification-icon{background-color:gold;color:#000}body.dark-mode .notification-icon:hover{background-color:orange;transform:scale(1.1)}body.dark-mode .size-section h3,body.dark-mode .color-section h3,body.dark-mode .colors-section h3{color:gold!important}body.dark-mode .clear-selection-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid #dc3545}body.dark-mode .clear-selection-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566}body.dark-mode .size-box{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#404040}body.dark-mode .size-box .size-label{color:#fff}body.dark-mode .size-box.available{border-color:gold;background:linear-gradient(135deg,#333,#2d2d2d)}body.dark-mode .size-box.available:hover{border-color:orange;box-shadow:0 6px 20px #ffd7004d}body.dark-mode .size-box.available.selected{background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 6px 20px #ffd70080}body.dark-mode .size-box.available.selected .size-label{color:#000}body.dark-mode .size-box.not-available{background:#1a1a1a;border-color:#333}body.dark-mode .size-box.not-available .size-label{color:#666}body.dark-mode .size-box.not-available:before{background:#666}body.dark-mode .size-quantity-controls{background:#40404080;border-color:#ffffff1a}body.dark-mode .size-qty-btn{background:#404040;color:#fff;border-color:#555}body.dark-mode .size-qty-btn:hover:not(:disabled){background:gold;color:#000;border-color:gold}body.dark-mode .size-qty-btn:disabled{background:#2d2d2d;color:#666;border-color:#333;opacity:.5}body.dark-mode .size-qty-value{color:#fff}body.dark-mode .size-box.selected .size-quantity-controls{background:#0000004d;border-color:#0000004d}body.dark-mode .size-box.selected .size-qty-btn{background:#000;color:gold;border-color:#000}body.dark-mode .size-box.selected .size-qty-btn:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a}body.dark-mode .size-box.selected .size-qty-value{color:#000}body.dark-mode .color,body.dark-mode .colors-section .color{border-color:#555}body.dark-mode .color:hover,body.dark-mode .colors-section .color:hover{border-color:gold;box-shadow:0 4px 15px #ffd7004d}body.dark-mode .color.selected,body.dark-mode .colors-section .color.selected{border-color:gold;box-shadow:0 0 0 3px #ffd70080}body.dark-mode .colors-loading,body.dark-mode .no-colors-message{color:#b0b0b0}body.dark-mode .customization-info-banner{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:gold;box-shadow:0 6px 20px #ffd7004d}body.dark-mode .customization-banner-header h4{color:gold}body.dark-mode .customization-stats{background:#40404080}body.dark-mode .stat-label{color:#b0b0b0}body.dark-mode .stat-value{color:gold}body.dark-mode .stat-value.customized{color:#66bb6a}body.dark-mode .stat-value.available{color:#121111}body.dark-mode .size-breakdown{background:#4040404d;border-left-color:gold}body.dark-mode .breakdown-title{color:#e0e0e0}body.dark-mode .breakdown-size{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .breakdown-detail{color:#b0b0b0}body.dark-mode .customization-info-note{background:#2196f333;border-left-color:#2196f3}body.dark-mode .customization-info-note p{color:#e0e0e0}body.dark-mode .customization-fee-info{background:#ffd70026;border-color:#ffd70066}body.dark-mode .fee-text{color:#e0e0e0}body.dark-mode .customize-now-btn{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#000}body.dark-mode .customize-now-btn:hover{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 6px 20px #4caf5080}.cart-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;animation:fadeIn .5s ease-out}.cart{max-width:1400px;margin:0 auto;padding:10px;min-height:calc(100vh - 200px)}.heading{text-align:center;margin-bottom:10px;padding:10px 15px;background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;border:1px solid #e0e0e0;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.heading:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange,gold)}.heading h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.heading svg{width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px);color:gold;margin-left:15px;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.cart-contents{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start;margin-top:20px}.success-message{margin-bottom:20px;animation:slideInDown .6s ease-out}.success-content{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 4px 15px #28a74533;position:relative}.success-content svg:first-child{width:28px;height:28px;color:#28a745;flex-shrink:0;margin-top:2px}.success-content h3{margin:0 0 5px;color:#155724;font-size:1.1rem;font-weight:600}.success-content p{margin:0;color:#155724;font-size:.9rem;line-height:1.4}.close-success{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;color:#28a745;margin-left:auto;flex-shrink:0}.close-success:hover{background:#28a7451a;transform:scale(1.1)}.close-success svg{width:20px;height:20px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cart-contents{display:grid;grid-template-columns:1fr;gap:15px;animation:slideInUp .8s ease-out}@media(min-width:1024px){.cart-contents{grid-template-columns:2fr 1fr;gap:20px}}@media(min-width:768px)and (max-width:1023px){.cart-contents{grid-template-columns:1.5fr 1fr;gap:15px}}.item-cards{display:flex;flex-direction:column;gap:2px}.item-cards:has(.empty-cart){grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:60vh}.cart-contents.empty-state{display:flex;justify-content:center;align-items:center;min-height:60vh}.cart-contents.empty-state .item-cards{width:100%;display:flex;justify-content:center;align-items:center}.cart-card{display:flex;gap:16px;padding:12px;background:#fff;border-radius:8px;margin-bottom:0;box-shadow:0 2px 8px #0000000d;align-items:center;position:relative;overflow:hidden}.cart-card-img-container{height:100%}.cart-card-img-container img{width:100%;height:100%;border-radius:6px}.cart-card-details{display:flex;flex-direction:column;flex-grow:1;gap:4px;width:100%}.details-and-delete-icon{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}.name-and-size{display:flex;flex-direction:column;gap:12px;flex-grow:1}.delete-icon{flex-shrink:0}.delete-icon .remove-btn{background:transparent;color:#dc3545;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;min-width:unset}.delete-icon .remove-btn:hover{background:#dc35451a;color:#bd2130;transform:scale(1.08);box-shadow:none}.cart-card-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}.cart-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}.cart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,gold,orange);transform:translate(-100%);transition:transform .3s ease}.cart-card:hover:before{transform:translate(0)}.cart-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#ffd7004d}@media(max-width:767px){.cart-card{display:grid;grid-template-columns:80px 1fr;gap:4px;padding:8px}.cart-card-img-container img{width:80px;height:10%}.cart-card p:nth-of-type(1){grid-row:1;grid-column:2 / -1;font-size:.9rem;font-weight:700;color:#000;line-height:1.3;margin:0}.cart-card p:nth-of-type(2){grid-row:2;grid-column:2;font-size:.75rem;color:#666;margin:0;min-height:0}.cart-card p:nth-of-type(2):empty{display:none}.cart-card p:nth-of-type(3){grid-row:3;grid-column:2;font-size:1rem;font-weight:700;color:gold;margin:0}.quantity-display{grid-row:4;grid-column:2;flex-direction:row;justify-content:flex-start;gap:3px;margin:-2px 0 0;width:fit-content;background:#ffd7001a;padding:2px 4px;border-radius:4px;border:1px solid rgba(255,215,0,.2)}.remove-btn{grid-row:4;grid-column:4;align-self:center;justify-self:center}}@media(min-width:768px)and (max-width:1023px){.cart-card{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:start}.cart-card img{width:100px;height:110px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,215,0,.2)}.cart-card p:nth-of-type(1){grid-row:1;grid-column:2 / -1}.cart-card p:nth-of-type(2){grid-row:2;grid-column:2;min-height:0}.cart-card p:nth-of-type(2):empty{display:none}.cart-card p:nth-of-type(3){grid-row:3;grid-column:2}.customise-section{height:100%}.cart-card-actions{margin-bottom:0}.customise-btn{padding:6px 12px;font-size:.8rem;min-width:80px}.remove-btn{grid-column:4;grid-row:4;justify-self:end}}@media(min-width:1024px){.cart-card{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:start}.cart-card .cart-card-img-container{grid-column:1;width:120px;height:150px;border-radius:12px;border:2px solid rgba(255,215,0,.2)}.cart-card-img-container img{width:100%;height:100%;object-fit:cover}.cart-card .cart-card-details{height:100%;grid-column:2;display:flex;flex-direction:column;justify-content:space-between}.details-and-delete-icon{display:flex;flex-direction:row}.delete-icon{margin-left:auto}.customise-btn{padding:8px 18px;font-size:10px;min-width:90px}}.cart-card img:hover{border-color:gold;transform:scale(1.02)}.cart-card p{margin:0;word-wrap:break-word}.cart-card p:nth-of-type(1){font-size:clamp(1rem,3vw,1.3rem);font-weight:700;color:#000;line-height:1;margin-bottom:-2px}.cart-card p:nth-of-type(2){font-size:clamp(.8rem,2.5vw,1rem);color:#666;margin-bottom:-1px;min-height:0}.cart-card p:nth-of-type(2):empty{display:none}.cart-card p:nth-of-type(3){font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:gold;margin-bottom:0}@media(min-width:768px){.cart-card p:nth-of-type(1){grid-row:1;grid-column:2}.cart-card p:nth-of-type(2){grid-row:2;grid-column:2;min-height:0}.cart-card p:nth-of-type(2):empty{display:none}.cart-card p:nth-of-type(3){grid-row:3;grid-column:2}}.quantity-display{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;margin-bottom:0;width:fit-content;height:100%;background:#ffd7001a;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,215,0,.2)}@media(min-width:768px){.quantity-display{grid-column:2;grid-row:4;flex-direction:row;justify-content:flex-start;margin-bottom:0;width:fit-content;background:#ffd7001a;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,215,0,.2)}}.quantity-display button{background:linear-gradient(135deg,gold,orange);border:none;color:#000;width:24px;height:70%;min-height:24px;border-radius:3px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ffd70033;flex-shrink:0}.quantity-display button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.quantity-display button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.quantity-display input{width:35px;height:70%;min-height:24px;text-align:center;border:1px solid rgba(255,215,0,.3);border-radius:3px;font-size:.8rem;font-weight:600;color:#000;background:#fff;transition:border-color .3s ease;flex-shrink:0}.quantity-display input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.customise-section{height:100%;margin-bottom:0;margin-left:auto}.customise-btn{border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px;display:flex;flex-direction:column}.customise-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 2px 8px #ffd7004d}.customise-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.customise-note{font-size:.7rem;color:#666;text-decoration:underline;cursor:pointer;text-align:center;transition:color .3s ease}.customise-note:hover{color:orange}.customise-status{font-size:.6rem;font-weight:600;text-align:center;padding:2px 4px;border-radius:3px;border:1px solid;white-space:nowrap;transition:all .3s ease;color:#28a745;background:#28a7451a;border-color:#28a74533}.customise-status.partial{color:#fd7e14;background:#fd7e141a;border-color:#fd7e1433}.remove-btn{background:#fff;color:#dc3545;border:2px solid #dc3545}.remove-btn:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.cart-summary{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e0e0e0;height:fit-content;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}@media(min-width:1024px){.cart-summary{position:sticky;top:20px}}.cart-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange)}.cart-summary h2{font-size:clamp(1.3rem,4vw,1.6rem);font-weight:700;color:#000;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.2);text-align:center}.summary-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 12px;border-radius:8px;transition:all .3s ease}.summary-details:hover{background:#ffd7000d}.summary-details span:first-child{color:#666;font-size:1rem;font-weight:500}.summary-details span:last-child{color:gold;font-weight:700;font-size:1rem}.summary-details.delivery-fee{background:linear-gradient(135deg,#ffa5000d,#ff8c0008);border-left:3px solid #FFA500}.summary-details.delivery-fee span:first-child{color:orange;font-weight:600}.summary-details.total-row{margin-top:10px;margin-bottom:25px;padding:15px;border-top:2px solid rgba(255,215,0,.3);font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#ffd70026,#ffa50014);border-radius:8px}.summary-details.total-row span:first-child{color:#333;font-weight:700;font-size:1.1rem}.summary-details.total-row span:last-child{color:#000;font-weight:800;font-size:1.2rem}.checkout-btn{width:100%;background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:15px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffd7004d}.checkout-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 8px 25px #ffd70066}.empty-cart{text-align:center;padding:80px 30px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #00000014;border:2px solid rgba(255,215,0,.1);animation:slideInUp .6s ease-out;max-width:600px;width:100%;margin:0 auto;position:relative;overflow:hidden}.empty-cart:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange,gold)}.empty-cart-icon{width:140px;height:140px;margin:0 auto 40px;background:linear-gradient(135deg,#ffd70026,#ffa50014);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,215,0,.3);animation:bounce 3s infinite;position:relative}.empty-cart-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);animation:pulse 2s infinite}.empty-cart-icon svg{width:70px;height:70px;color:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3));z-index:1}.empty-cart h2{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#000;margin-bottom:20px;background:linear-gradient(135deg,#333,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-cart p{font-size:clamp(1rem,2vw,1.2rem);color:#666;margin-bottom:40px;line-height:1.7;max-width:450px;margin-left:auto;margin-right:auto}.shop-now-btn{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:18px 40px;border-radius:16px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #ffd7004d;text-decoration:none;display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden}.shop-now-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.shop-now-btn:hover:before{left:100%}.shop-now-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #ffd70066}.loading-cart .loading-card:nth-child(1){animation-delay:0s}.loading-cart .loading-card:nth-child(2){animation-delay:.1s}.loading-cart .loading-card:nth-child(3){animation-delay:.2s}.loading-cart .loading-card:nth-child(4){animation-delay:.3s}.item-cards{transition:all .3s ease}.cart-contents>*{animation:slideInUp .6s ease-out}.loading-cart{display:flex;flex-direction:column;gap:20px;animation:fadeIn .5s ease-out}.loading-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 30px #0000000f;border:2px solid rgba(255,215,0,.08);position:relative;overflow:hidden}.loading-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);animation:shimmer 2s infinite}.loading-skeleton{display:flex;gap:25px;align-items:flex-start}.skeleton-img{width:130px;height:150px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:16px;animation:pulse 1.8s infinite;position:relative;overflow:hidden}.skeleton-img:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2.5s infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:16px}.skeleton-line{height:18px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:10px;animation:pulse 1.8s infinite;position:relative;overflow:hidden}.skeleton-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2.2s infinite}.skeleton-line.title{width:75%;height:24px;animation-delay:.1s}.skeleton-line.subtitle{width:55%;height:16px;animation-delay:.2s}.skeleton-line.price{width:35%;height:22px;animation-delay:.3s}.loading-summary{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 30px #0000000f;border:2px solid rgba(255,215,0,.08);height:fit-content;position:relative;overflow:hidden}.loading-summary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:shimmer 2.8s infinite}.loading-summary .skeleton-line{margin-bottom:20px;animation-delay:0s}.loading-summary .skeleton-line:nth-child(1){animation-delay:.1s}.loading-summary .skeleton-line:nth-child(2){animation-delay:.2s}.loading-summary .skeleton-line:nth-child(3){animation-delay:.3s}.loading-summary .skeleton-line:nth-child(4){animation-delay:.4s}.loading-summary .skeleton-line:nth-child(5){animation-delay:.5s}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-line{height:16px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;animation:pulse 1.5s infinite}.skeleton-line.title{width:70%;height:20px}.skeleton-line.subtitle{width:50%}.skeleton-line.price{width:30%;height:18px}.loading-summary{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e0e0e0;height:fit-content}.loading-summary .skeleton-line{margin-bottom:15px}@media(max-width:375px){.cart{padding:10px 5px}.empty-cart{padding:40px 15px;margin:0 auto;max-width:95%}.cart-contents.empty-state{min-height:45vh}.item-cards:has(.empty-cart){min-height:45vh}.empty-cart-icon{width:90px;height:90px;margin-bottom:25px}.empty-cart-icon svg{width:45px;height:45px}.shop-now-btn{padding:12px 24px;font-size:.9rem}.loading-skeleton{flex-direction:column;text-align:center}.skeleton-img{width:100%;height:120px;max-width:200px;margin:0 auto}.skeleton-content{width:100%}}@media(max-width:480px){.cart{padding:15px 10px}.heading{padding:20px 15px;margin-bottom:25px}.cart-card{padding:12px;gap:8px}.cart-card-img-container img{width:100%;height:100%}.quantity-display button,.quantity-display input{width:20px;height:20px;font-size:.7rem}.quantity-display input{width:30px}.customise-btn,.remove-btn{font-size:.75rem;padding:6px 12px;min-width:70px}.empty-cart{padding:50px 20px;margin:0 auto;border-radius:20px;max-width:90%}.cart-contents.empty-state{min-height:50vh}.item-cards:has(.empty-cart){min-height:50vh}.empty-cart-icon{width:110px;height:110px;margin-bottom:30px}.empty-cart-icon svg{width:55px;height:55px}.empty-cart h2{font-size:1.6rem;margin-bottom:15px}.empty-cart p{font-size:1rem;margin-bottom:30px}.shop-now-btn{padding:14px 28px;font-size:1rem}.loading-card{padding:20px}.loading-skeleton{gap:15px}.skeleton-img{width:90px;height:105px}.skeleton-content{gap:12px}.skeleton-line{height:14px}.skeleton-line.title{height:18px}.skeleton-line.price{height:16px}.loading-summary{padding:20px}}@media(max-width:420px){.cart-card{align-items:flex-start;padding:12px;gap:10px;display:grid;grid-template-columns:75px 1fr;grid-template-rows:auto}.cart-card-img-container{width:75px;height:75px}.cart-card-img-container img{width:100%;height:130%;object-fit:cover}.details-and-delete-icon{gap:8px}.name-and-size{gap:6px}.remove-btn{width:32px}.cart-card p.product-name{font-size:.95rem!important;font-weight:700;line-height:1.2}.cart-card p.product-size{font-size:.8rem!important;color:#666}.cart-card p.product-price{font-size:.95rem!important;font-weight:700;margin-top:2px}.cart-card-actions{flex-direction:row;align-items:flex-start;gap:8px;width:100%;margin-bottom:0}.quantity-display{margin-top:0;height:100%}.customise-section{margin-top:0;min-height:100%}.customise-btn{padding:8px 12px;min-height:100%}.cart-summary-card,.cart-summary{padding:16px 12px;margin:15px auto;width:100%}.summary-details{font-size:.9rem;gap:8px}.summary-details span:first-child{word-break:break-word;max-width:65%}.checkout-btn{padding:12px;font-size:1rem}}body.dark-mode .cart-page,[data-theme=dark] .cart-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body.dark-mode .success-content,[data-theme=dark] .success-content{background:linear-gradient(135deg,#1a3d2e,#0f291f);border-color:#28a745;box-shadow:0 4px 15px #28a7454d}body.dark-mode .success-content h3,body.dark-mode .success-content p,[data-theme=dark] .success-content h3,[data-theme=dark] .success-content p{color:#d4edda}body.dark-mode .close-success,[data-theme=dark] .close-success{color:#28a745}body.dark-mode .close-success:hover,[data-theme=dark] .close-success:hover{background:#28a74533}body.dark-mode .cart-card,body.dark-mode .cart-summary,body.dark-mode .heading,body.dark-mode .empty-cart,[data-theme=dark] .cart-card,[data-theme=dark] .cart-summary,[data-theme=dark] .heading,[data-theme=dark] .empty-cart{background:#2a2a2a;border-color:#404040;color:#e9ecef;box-shadow:0 8px 30px #0000004d}body.dark-mode .cart-card p:nth-of-type(1),body.dark-mode .cart-summary h2,body.dark-mode .empty-cart h2,[data-theme=dark] .cart-card p:nth-of-type(1),[data-theme=dark] .cart-summary h2,[data-theme=dark] .empty-cart h2{color:#e9ecef}body.dark-mode .cart-card p:nth-of-type(2),body.dark-mode .empty-cart p,[data-theme=dark] .cart-card p:nth-of-type(2),[data-theme=dark] .empty-cart p{color:#adb5bd}body.dark-mode .summary-details span:first-child,[data-theme=dark] .summary-details span:first-child{color:#adb5bd}body.dark-mode .quantity-display,[data-theme=dark] .quantity-display{background:#ffd70026;border-color:#ffd7004d}body.dark-mode .quantity-display input,[data-theme=dark] .quantity-display input{background:#404040;color:#e9ecef;border-color:#ffd7004d}body.dark-mode .skeleton-img,body.dark-mode .skeleton-line,[data-theme=dark] .skeleton-img,[data-theme=dark] .skeleton-line{background:linear-gradient(135deg,#404040,#555)}body.dark-mode .skeleton-img:before,body.dark-mode .skeleton-line:before,[data-theme=dark] .skeleton-img:before,[data-theme=dark] .skeleton-line:before{background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent)}body.dark-mode .loading-card:before,body.dark-mode .loading-summary:before,[data-theme=dark] .loading-card:before,[data-theme=dark] .loading-summary:before{background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent)}body.dark-mode .empty-cart h2,[data-theme=dark] .empty-cart h2{background:linear-gradient(135deg,#e9ecef,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .empty-cart-icon:before,[data-theme=dark] .empty-cart-icon:before{background:linear-gradient(135deg,rgba(255,215,0,.2),transparent)}body.dark-mode .remove-btn,[data-theme=dark] .remove-btn{background:#2a2a2a;color:#dc3545;border-color:#dc3545}body.dark-mode .remove-btn:hover,[data-theme=dark] .remove-btn:hover{background:#dc3545;color:#fff}body.dark-mode .customise-note,[data-theme=dark] .customise-note{color:#adb5bd}body.dark-mode .customise-note:hover,[data-theme=dark] .customise-note:hover{color:orange}body.dark-mode .summary-details:hover,[data-theme=dark] .summary-details:hover{background:#ffd70014}body.dark-mode .summary-details.delivery-fee,[data-theme=dark] .summary-details.delivery-fee{background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border-left-color:orange}body.dark-mode .summary-details.delivery-fee span:first-child,[data-theme=dark] .summary-details.delivery-fee span:first-child{color:orange}body.dark-mode .summary-details.total-row,[data-theme=dark] .summary-details.total-row{background:linear-gradient(135deg,#ffd70033,#ffa5001f);border-top-color:#ffd70066}body.dark-mode .summary-details.total-row span:first-child,[data-theme=dark] .summary-details.total-row span:first-child{color:#fff}body.dark-mode .summary-details.total-row span:last-child,[data-theme=dark] .summary-details.total-row span:last-child{color:gold}body.dark-mode .loading-card,[data-theme=dark] .loading-card{background:#2a2a2a;border-color:#404040}body.dark-mode .cart-card:hover,[data-theme=dark] .cart-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ffd70026;border-color:#ffd70066}body.dark-mode .cart-card:before,[data-theme=dark] .cart-card:before{background:linear-gradient(90deg,gold,orange)}body.dark-mode .cart-card img:hover,[data-theme=dark] .cart-card img:hover{border-color:gold;transform:scale(1.02)}body.dark-mode .checkout-btn,[data-theme=dark] .checkout-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 4px 15px #ffd70066}body.dark-mode .checkout-btn:hover,[data-theme=dark] .checkout-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 8px 25px #ffd70080}body.dark-mode .shop-now-btn,[data-theme=dark] .shop-now-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 4px 15px #ffd70066}body.dark-mode .shop-now-btn:hover,[data-theme=dark] .shop-now-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 8px 25px #ffd70080}body.dark-mode .empty-cart-icon,[data-theme=dark] .empty-cart-icon{background:linear-gradient(135deg,#ffd70026,#ffa50014);border-color:#ffd7004d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.empty-cart-icon{animation:none}.loading-card:before,.skeleton-img:before,.skeleton-line:before,.loading-summary:before{animation:none}.skeleton-img,.skeleton-line{animation:none}}.shop-now-btn:focus{outline:3px solid rgba(255,215,0,.5);outline-offset:2px}@media(prefers-contrast:more){.empty-cart{border:3px solid #000}.empty-cart-icon{border:3px solid #FFD700}.loading-card{border:2px solid #ccc}}.order-summary-card{--osc-bg: #ffffff;--osc-border: #ececec;--osc-text: #17140c;--osc-muted: #8a8578;--osc-input-bg: #ffffff;--osc-input-border: #e4e0d4;--osc-icon-bg: #fbecc4;--osc-icon-color: #b8860b;--osc-gold: #f0b429;--osc-gold-dark: #d99e0a;--osc-divider: #ececec;--osc-pill-bg: #17140c;--osc-pill-text: #ffffff;background:var(--osc-bg);border:1px solid var(--osc-border);border-radius:18px;padding:22px;color:var(--osc-text);animation:oscFadeIn .4s ease-out}body.dark-mode .order-summary-card,[data-theme=dark] .order-summary-card{--osc-bg: #2a2a2a;--osc-border: #2a2a2a;--osc-text: #f5f5f2;--osc-muted: #9a9a9a;--osc-input-bg: #ffffff;--osc-input-border: #e4e0d4;--osc-icon-bg: rgba(240, 180, 41, .16);--osc-icon-color: #f0b429;--osc-divider: #262626;--osc-pill-bg: #f0b429;--osc-pill-text: #17140c}@keyframes oscFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.osc-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.osc-header h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--osc-text)}.osc-header .osc-item-count{font-size:.85rem;color:var(--osc-muted)}.summary-items{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.summary-item{display:flex;align-items:center;gap:12px}.summary-item-icon{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--osc-icon-bg);color:var(--osc-icon-color);display:flex;align-items:center;justify-content:center}.summary-item-icon svg{width:22px;height:22px}.summary-item-info{flex-grow:1;min-width:0}.summary-item-name{margin:0;font-weight:700;font-size:.95rem;color:var(--osc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-item-meta{margin:2px 0 0;font-size:.82rem;color:var(--osc-muted)}.summary-item-price{flex-shrink:0;font-weight:700;font-size:.95rem;color:var(--osc-text)}.promo-row{display:flex;align-items:center;gap:8px;padding:14px 0;margin-bottom:6px;border-top:1px solid var(--osc-divider)}.promo-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--osc-muted)}.promo-icon svg{width:18px;height:18px}.promo-input{flex-grow:1;min-width:0;background:var(--osc-input-bg);border:1px solid var(--osc-input-border);border-radius:999px;padding:10px 16px;font-size:.9rem;color:#17140c;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.promo-input:focus{border-color:var(--osc-gold);box-shadow:0 0 0 3px #f0b42933}.promo-apply-btn{flex-shrink:0;background:var(--osc-pill-bg);color:var(--osc-pill-text);border:none;border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.promo-apply-btn:hover{opacity:.85}.promo-apply-btn:active{transform:scale(.97)}.promo-status{margin:6px 0 0;font-size:.8rem}.promo-status.applied{color:#2f9e44}.promo-status.invalid{color:#e03131}.summary-totals{padding-top:6px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.92rem}.summary-row span:first-child{color:var(--osc-muted)}.summary-row span:last-child{color:var(--osc-text);font-weight:600}.summary-row .fee-calculating,.summary-row .fee-pending{color:var(--osc-muted);font-weight:500;font-style:italic}.summary-row-total{margin-top:10px;padding-top:14px;border-top:1px solid var(--osc-divider)}.summary-row-total span:first-child{font-weight:700;font-size:1.05rem;color:var(--osc-text)}.summary-row-total span:last-child{font-weight:800;font-size:1.3rem;color:var(--osc-gold)}.checkout-btn{width:100%;background:var(--osc-gold);color:#17140c;border:none;padding:15px;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:18px;transition:background .2s ease,transform .2s ease}.checkout-btn:hover{background:var(--osc-gold-dark);transform:translateY(-2px)}@media(max-width:767px){.order-summary-card{padding:16px;border-radius:14px}.summary-row,.summary-item-name,.summary-item-price{font-size:.88rem}.checkout-btn{padding:13px;font-size:.95rem}}.login-prompt-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}[data-theme=dark] .login-prompt-overlay-backdrop{background:#000c}.login-prompt-overlay-modal{background:linear-gradient(135deg,#fff,#f8f9fa,#fff);border:3px solid #FFD700;border-radius:20px;box-shadow:0 25px 50px #00000040;width:100%;max-width:450px;padding:0;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative}.login-prompt-overlay-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,gold,orange);z-index:1}[data-theme=dark] .login-prompt-overlay-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#2a2a2a);border-color:gold;box-shadow:0 25px 50px #0009}@keyframes modalSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-prompt-header{padding:30px 30px 20px;position:relative;z-index:2}.login-prompt-header h2{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .login-prompt-header h2{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-prompt-content{padding:0 30px 30px;text-align:center}.login-prompt-content p{margin:0 0 15px;color:#333;font-size:1.1rem;line-height:1.6;font-weight:400}.login-prompt-content p:first-child{font-size:1rem;color:#666;margin-bottom:10px}.login-prompt-content p:last-child{margin-bottom:0;font-weight:600;color:#222}[data-theme=dark] .login-prompt-content p{color:#e0e0e0}[data-theme=dark] .login-prompt-content p:first-child{color:#b0b0b0}[data-theme=dark] .login-prompt-content p:last-child{color:#fff}.login-prompt-actions{padding:0 30px 30px;display:flex;gap:15px;justify-content:center}.login-prompt-btn{padding:15px 30px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 4px 15px #ffd7004d}.login-btn:hover{background:linear-gradient(135deg,orange,gold);transform:translateY(-2px);box-shadow:0 8px 25px #ffd70066}.login-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #ffd70059}.cancel-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border:2px solid #dee2e6;box-shadow:0 4px 15px #00000014}.cancel-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#343a40;transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#adb5bd}.cancel-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #0000001a}[data-theme=dark] .cancel-btn{background:linear-gradient(135deg,#404040,#2a2a2a);color:#e0e0e0;border-color:#555}[data-theme=dark] .cancel-btn:hover{background:linear-gradient(135deg,#555,#404040);color:#fff;border-color:#666}@media(max-width:480px){.login-prompt-overlay-modal{max-width:350px;margin:0 16px}.login-prompt-header{padding:25px 20px 15px}.login-prompt-header h2{font-size:1.5rem}.login-prompt-content{padding:0 20px 25px}.login-prompt-actions{padding:0 20px 25px;flex-direction:column;gap:12px}.login-prompt-btn{width:100%;min-width:auto}}@media(max-width:480px){.login-prompt-overlay-modal{max-width:320px;margin:0 16px}.login-prompt-actions{flex-direction:column}.login-prompt-btn{width:100%}}.favorites-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .3s ease}.favorites-content{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 200px)}.favorites-header{text-align:center;margin-bottom:50px;padding:0 20px}.favorites-title-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.favorites-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 2px 8px rgba(255,215,0,.3)}.favorites-count{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#000,#333);padding:12px 20px;border-radius:50px;color:#fff;font-weight:600;box-shadow:0 8px 25px #00000026;border:2px solid #FFD700}.count-badge{background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 12px;border-radius:50px;font-weight:700;font-size:.9rem;min-width:30px;text-align:center}.count-text{font-size:.9rem;font-weight:500}.favorites-header p{font-size:1.2rem;color:#666;margin:0;opacity:.8}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:25px;justify-content:start;margin-bottom:50px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:25px;justify-content:center;width:100%;max-width:1200px}.loading-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;border:2px solid #e0e0e0;width:280px;height:400px;display:flex;flex-direction:column;gap:15px;animation:shimmer 1.5s ease-in-out infinite}.loading-image{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:12px;height:220px;animation:shimmer 1.5s ease-in-out infinite}.loading-line.short{width:60%;height:14px}.loading-line.medium{width:80%;height:12px}.empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:40px 20px}.empty-favorites-icon{background:linear-gradient(135deg,gold,orange);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 15px 40px #ffd7004d;animation:float 3s ease-in-out infinite}.empty-favorites-icon svg{width:60px;height:60px;stroke:#000;fill:none;stroke-width:2}.empty-favorites-content h2{font-size:2rem;font-weight:700;color:#000;margin-bottom:15px}.empty-favorites-content p{font-size:1.1rem;color:#666;margin-bottom:40px;line-height:1.6;max-width:500px}.empty-favorites-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.continue-shopping-btn,.go-home-btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px;position:relative;overflow:hidden}.continue-shopping-btn{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid transparent;box-shadow:0 8px 25px #ffd7004d}.continue-shopping-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffd70066;background:linear-gradient(135deg,orange,#ff8c00)}.continue-shopping-btn:active{transform:translateY(-1px)}.go-home-btn{background:transparent;color:#000;border:2px solid #000}.go-home-btn:hover{background:#000;color:gold;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.go-home-btn:active{transform:translateY(-1px)}.favorites-actions{display:flex;justify-content:center;margin-top:40px;padding-top:40px;border-top:2px solid #e0e0e0}@media(min-width:1200px){.favorites-grid{grid-template-columns:repeat(4,minmax(280px,max-content));justify-content:start}.loading-grid{grid-template-columns:repeat(4,minmax(280px,max-content))}}@media(min-width:1024px)and (max-width:1199px){.favorites-grid{grid-template-columns:repeat(3,minmax(280px,max-content));justify-content:start}.loading-grid{grid-template-columns:repeat(3,minmax(280px,max-content))}}@media(min-width:768px)and (max-width:1023px){.favorites-content{padding:30px 15px}.favorites-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;justify-content:center}.loading-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.loading-card{width:100%;max-width:320px}.favorites-title-section{flex-direction:column;gap:15px}.empty-favorites-actions{flex-direction:column;align-items:center}.continue-shopping-btn,.go-home-btn{width:100%;max-width:300px}}@media(min-width:481px)and (max-width:767px){.favorites-content{padding:25px 10px}.favorites-header{margin-bottom:30px}.favorites-grid,.loading-grid{grid-template-columns:repeat(2,1fr);gap:15px}.loading-card{width:100%;height:350px}.favorites-title-section{flex-direction:column;gap:15px}.favorites-count{padding:10px 16px}.empty-favorites-icon{width:100px;height:100px}.empty-favorites-icon svg{width:50px;height:50px}.empty-favorites-content h2{font-size:1.8rem}.empty-favorites-actions{flex-direction:column;align-items:center}.continue-shopping-btn,.go-home-btn{width:100%;max-width:280px}}@media(max-width:480px){.favorites-content{padding:20px 8px}.favorites-header{margin-bottom:25px;padding:0 10px}.favorites-grid,.loading-grid{grid-template-columns:repeat(2,1fr);gap:10px}.loading-card{width:100%;height:320px;padding:15px}.favorites-title-section{flex-direction:column;gap:12px}.favorites-count{padding:8px 14px;font-size:.9rem}.count-badge{padding:4px 8px;font-size:.8rem}.empty-favorites{min-height:400px;padding:30px 15px}.empty-favorites-icon{width:80px;height:80px;margin-bottom:25px}.empty-favorites-icon svg{width:40px;height:40px}.empty-favorites-content h2{font-size:1.6rem;margin-bottom:12px}.empty-favorites-content p{font-size:1rem;margin-bottom:30px}.continue-shopping-btn,.go-home-btn{padding:12px 25px;font-size:.9rem;min-width:140px;width:100%;max-width:250px}}@media(max-width:360px){.favorites-content{padding:15px 5px}.favorites-grid,.loading-grid{gap:8px}.loading-card{height:300px;padding:12px}.empty-favorites{padding:25px 10px}.empty-favorites-content h2{font-size:1.4rem}.continue-shopping-btn,.go-home-btn{padding:10px 20px;font-size:.85rem;min-width:120px}}body.dark-mode .favorites-page,[data-theme=dark] .favorites-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}body.dark-mode .favorites-header p,[data-theme=dark] .favorites-header p{color:#ccc}body.dark-mode .favorites-count,[data-theme=dark] .favorites-count{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #000}body.dark-mode .loading-card,[data-theme=dark] .loading-card{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:#555}body.dark-mode .loading-image,body.dark-mode .loading-line,[data-theme=dark] .loading-image,[data-theme=dark] .loading-line{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a,#3a3a3a 75%);background-size:200% 100%}body.dark-mode .empty-favorites-content h2,[data-theme=dark] .empty-favorites-content h2{color:#fff}body.dark-mode .empty-favorites-content p,[data-theme=dark] .empty-favorites-content p{color:#ccc}body.dark-mode .favorites-actions,[data-theme=dark] .favorites-actions{border-top-color:#555}.profile-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:background .3s ease}.profile-container{max-width:1200px;margin:0 auto;padding:20px}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-header{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:2px solid #FFD700}.profile-header-background{position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(135deg,#b8860b,#daa520)}.header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d)}.profile-header-content{position:relative;padding:60px 40px 40px;display:flex;align-items:flex-end;gap:30px;z-index:2}.profile-avatar{position:relative;flex-shrink:0}.avatar-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,215,0,.3);box-shadow:0 8px 25px #ffd7004d;overflow:hidden;transition:all .3s ease}.avatar-circle:hover{transform:scale(1.05);box-shadow:0 12px 35px #ffd70066}.avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{font-size:2.5rem;font-weight:700;color:#000;text-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-badge{position:absolute;bottom:5px;right:5px;width:35px;height:35px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #000;cursor:pointer;transition:all .3s ease}.avatar-badge:hover{transform:scale(1.1)}.avatar-badge svg{width:18px;height:18px;color:#000}.profile-info{flex:1;color:#333}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#000}.profile-email{font-size:1.1rem;color:gold;margin:0 0 25px;opacity:.9;font-weight:600}.profile-stats{display:flex;gap:40px}.stat-item{text-align:center}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{display:block;font-size:.9rem;color:#333333b3;margin-top:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.profile-details{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,215,0,.1)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,215,0,.1)}.details-header h2{font-size:1.8rem;font-weight:700;color:#000;margin:0}.edit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd70066}.edit-btn.cancel{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.edit-btn.cancel:hover{box-shadow:0 8px 20px #6c757d66}.edit-btn svg{width:18px;height:18px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.detail-group{display:flex;flex-direction:column;gap:8px}.detail-group.full-width{grid-column:1 / -1}.detail-group label{font-weight:600;color:#333;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{padding:12px 16px;background:#f8f9fa;border-radius:10px;color:#495057;font-size:1rem;border-left:4px solid #FFD700;transition:all .3s ease}.detail-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;color:#495057;background:#fff;transition:all .3s ease}.detail-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.edit-actions{display:flex;justify-content:center;padding-top:20px;border-top:2px solid rgba(255,215,0,.1)}.save-btn{display:flex;align-items:center;gap:10px;padding:15px 35px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #28a74566}.save-btn svg{width:20px;height:20px}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.save-btn:disabled:hover{transform:none!important;box-shadow:none!important}[data-theme=dark] .profile-page,body.dark-mode .profile-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .profile-header,body.dark-mode .profile-header{background:linear-gradient(135deg,#000,#1a1a1a);border:2px solid #FFD700}[data-theme=dark] .profile-header-background,body.dark-mode .profile-header-background{background:linear-gradient(135deg,#000,#333)}[data-theme=dark] .header-overlay,body.dark-mode .header-overlay{background:linear-gradient(45deg,#ffd7001a,#ffd7000d)}[data-theme=dark] .profile-info,body.dark-mode .profile-info{color:#fff}[data-theme=dark] .profile-name,body.dark-mode .profile-name{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .profile-email,body.dark-mode .profile-email{color:gold}[data-theme=dark] .stat-number,body.dark-mode .stat-number{color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .stat-label,body.dark-mode .stat-label{color:#fffc}[data-theme=dark] .profile-details,body.dark-mode .profile-details{background:#2a2a2a;border-color:#ffd70033}[data-theme=dark] .details-header h2,body.dark-mode .details-header h2{color:#fff}[data-theme=dark] .detail-group label,body.dark-mode .detail-group label{color:#ccc}[data-theme=dark] .detail-value,body.dark-mode .detail-value{background:#3a3a3a;color:#fff;border-left-color:gold}[data-theme=dark] .detail-input,body.dark-mode .detail-input{background:#3a3a3a;border-color:#555;color:#fff}[data-theme=dark] .detail-input:focus,body.dark-mode .detail-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033}@media(max-width:1024px){.profile-container{padding:15px}.profile-header-content{padding:50px 30px 30px;gap:20px}.avatar-circle{width:100px;height:100px}.avatar-initials,.profile-name{font-size:2rem}.profile-stats{gap:25px}.profile-details{padding:30px}.details-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.profile-header-content{flex-direction:column;align-items:center;text-align:center;padding:40px 20px 25px;gap:15px}.avatar-circle{width:80px;height:80px}.avatar-initials{font-size:1.5rem}.profile-name{font-size:1.6rem}.profile-stats{gap:20px;justify-content:center}.stat-number{font-size:1.4rem}.details-header{flex-direction:column;gap:15px;align-items:stretch}.edit-btn{justify-content:center}.profile-details{padding:20px}}@media(max-width:480px){.profile-container{padding:10px}.profile-content{gap:20px}.profile-header-content{padding:30px 15px 20px}.avatar-circle{width:70px;height:70px}.avatar-initials{font-size:1.3rem}.avatar-badge{width:30px;height:30px}.avatar-badge svg{width:15px;height:15px}.profile-name{font-size:1.4rem}.profile-email{font-size:1rem}.profile-stats{gap:15px}.stat-number{font-size:1.2rem}.stat-label{font-size:.8rem}.profile-details{padding:15px}.details-header h2{font-size:1.4rem}.edit-btn{padding:10px 20px;font-size:.9rem}.save-btn{padding:12px 25px;font-size:1rem}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;color:gold}.profile-loading .spinner{width:50px;height:50px;border:5px solid rgba(255,215,0,.1);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.profile-loading p{font-size:1.2rem;font-weight:600;letter-spacing:.5px}.profile-details,.quick-actions{animation:fadeIn .6s ease-out}.profile-header{animation:fadeIn .4s ease-out}.detail-value:empty:before{content:"Loading...";color:#999;font-style:italic}.phone-numbers-container{display:flex;flex-direction:column;gap:12px}.phone-input-wrapper .detail-input{flex:1;margin-bottom:0!important}.phone-input-group{display:flex;align-items:center;gap:10px}.phone-input{flex:1}.remove-phone-btn{background:#ff4757;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:40px;height:40px}.remove-phone-btn:hover{background:#ff3838;transform:scale(1.05)}.remove-phone-btn svg{width:16px;height:16px}.add-phone-btn{background:gold;color:#000;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease;margin-top:8px}.add-phone-btn:hover{background:orange;transform:translateY(-2px)}.add-phone-btn svg{width:16px;height:16px}.phone-numbers-display{display:flex;flex-direction:column;gap:8px}.phone-value{padding:8px 0;border-bottom:1px solid #e9ecef}.phone-value:last-child{border-bottom:none}.email-display{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.password-section{display:flex;align-items:center;justify-content:space-between;gap:15px}.change-password-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:8px 16px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap;min-width:fit-content}.change-password-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.change-password-btn svg{width:16px;height:16px;flex-shrink:0}.address-note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#666}.address-note svg{width:16px;height:16px;color:gold;flex-shrink:0}.address-input-container{display:flex;flex-direction:column;gap:12px;margin-top:8px;position:relative}.location-input-container{display:flex;align-items:center;gap:0;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 8px #0000000d;position:relative}.location-input-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,gold,orange,gold);opacity:0;transition:opacity .3s ease}.location-input-container:focus-within:before{opacity:1}.location-input-container:focus-within{border-color:gold;background:#fff;box-shadow:0 0 0 3px #ffd7001a,0 4px 12px #0000001a;transform:translateY(-1px)}.location-input{flex:1;border:none!important;background:transparent!important;padding:16px 20px;font-size:1rem;color:#333;box-shadow:none!important;min-height:50px}.location-input:focus{outline:none;border:none!important;box-shadow:none!important;background:transparent!important}.location-input::placeholder{color:#999;font-weight:400}.map-button{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:16px 24px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;white-space:nowrap;border-left:1px solid rgba(0,0,0,.1);flex-shrink:0;min-height:50px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.address-helper{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#666;font-style:italic;background:linear-gradient(135deg,#ffd7000d,#ffa50005);padding:12px 16px;border-radius:8px;border:1px solid rgba(255,215,0,.2);margin-top:8px}.address-helper svg{width:16px;height:16px;color:gold;flex-shrink:0;animation:pulse 2s infinite}.address-value{background:#f8f9fa;padding:12px;border-radius:8px;border:1px solid #e9ecef}.delete-btn{background:linear-gradient(135deg,#ff4757,#ff3838)!important;color:#fff!important;border:2px solid transparent!important}.delete-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2e2e)!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #ff47574d!important}.delete-btn .action-icon{background:#fff3!important}.delete-btn .action-icon svg{color:#fff!important}[data-theme=dark] .phone-numbers-container,body.dark-mode .phone-numbers-container,[data-theme=dark] .email-display,body.dark-mode .email-display{color:#e0e0e0}[data-theme=dark] .change-password-btn,body.dark-mode .change-password-btn{background:linear-gradient(135deg,gold,orange);color:#000}[data-theme=dark] .change-password-btn:hover,body.dark-mode .change-password-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 6px 20px #ffa50066}[data-theme=dark] .address-note,body.dark-mode .address-note{background:#404040;border-color:#555;color:#ccc}[data-theme=dark] .location-input-container,body.dark-mode .location-input-container{background:#404040;border-color:#555}[data-theme=dark] .location-input-container:focus-within,body.dark-mode .location-input-container:focus-within{border-color:gold;background:#505050}[data-theme=dark] .location-input,body.dark-mode .location-input{color:#e0e0e0}[data-theme=dark] .location-input::placeholder,body.dark-mode .location-input::placeholder{color:#999}[data-theme=dark] .address-value,body.dark-mode .address-value{background:#404040;border-color:#555;color:#e0e0e0}[data-theme=dark] .address-helper,body.dark-mode .address-helper{color:#ccc}[data-theme=dark] .phone-value,body.dark-mode .phone-value{border-color:#555;color:#e0e0e0}.detail-value:hover{background:#f1f3f4;transform:translate(5px)}[data-theme=dark] .detail-value:hover,body.dark-mode .detail-value:hover{background:#404040}@media(max-width:768px){.password-section{flex-direction:column;align-items:flex-start;gap:10px}.change-password-btn{align-self:flex-start;font-size:.85rem;padding:8px 14px;min-height:44px}.location-input-container{flex-direction:column}.map-button{border-left:none;border-top:1px solid rgba(0,0,0,.1);justify-content:center;padding:14px 16px;font-size:.9rem;min-height:48px;border-radius:0 0 12px 12px}.location-input{border-radius:12px 12px 0 0;min-height:48px}.address-helper{flex-wrap:wrap;font-size:.85rem;padding:10px 14px}.phone-input-group{flex-direction:column;gap:8px}.remove-phone-btn{align-self:flex-end;min-width:35px;height:35px}}@media(max-width:480px){.change-password-btn{font-size:.8rem;padding:6px 12px;min-height:40px}.change-password-btn svg{width:14px;height:14px}.map-button{font-size:.85rem;gap:6px;padding:12px 14px;text-transform:none;letter-spacing:.3px}.map-button svg{width:16px;height:16px}.location-input{padding:14px 16px;font-size:.95rem}.address-helper{font-size:.8rem;padding:8px 12px}.address-helper svg{width:14px;height:14px}.add-phone-btn{font-size:.9rem;padding:8px 12px}}.address-suggestions{position:absolute;top:calc(100% - 5px);left:0;right:0;z-index:100;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;border:1px solid #e0e0e0;overflow:hidden;max-height:300px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:linear-gradient(135deg,#ffd7001a,#ffa5000d)}.suggestion-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffd70033,#ffa5001a);flex-shrink:0}.suggestion-icon svg{width:20px;height:20px;color:orange}.suggestion-text{flex:1;display:flex;flex-direction:column;gap:5px}.suggestion-main-text{font-size:1rem;font-weight:500;color:#333}.suggestion-secondary-text{font-size:.85rem;color:#777}.suggestion-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#666;font-size:.95rem;text-align:center}.suggestion-loading .loading-spinner{width:24px;height:24px}.no-suggestions{padding:20px;text-align:center;color:#777;font-size:.95rem;font-style:italic}.detail-value.address-value{display:flex;justify-content:space-between;align-items:center}.view-on-map-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:orange;text-decoration:none;padding:5px 12px;border-radius:20px;transition:all .2s ease;background:#ffd7001a;border:1px solid rgba(255,165,0,.2)}.view-on-map-link:hover{background:#ffd70033;color:#ff8c00;transform:translateY(-2px)}.view-on-map-link svg{flex-shrink:0}[data-theme=dark] .address-suggestions,body.dark-mode .address-suggestions{background:#2a2a2a;border-color:#444;box-shadow:0 8px 30px #0000004d}[data-theme=dark] .suggestion-item,body.dark-mode .suggestion-item{border-color:#444}[data-theme=dark] .suggestion-item:hover,body.dark-mode .suggestion-item:hover{background:linear-gradient(135deg,#b8860b33,#daa5201a)}[data-theme=dark] .suggestion-main-text,body.dark-mode .suggestion-main-text{color:#ddd}[data-theme=dark] .suggestion-secondary-text,body.dark-mode .suggestion-secondary-text,[data-theme=dark] .no-suggestions,body.dark-mode .no-suggestions,[data-theme=dark] .suggestion-loading,body.dark-mode .suggestion-loading{color:#aaa}[data-theme=dark] .view-on-map-link,body.dark-mode .view-on-map-link{background:#b8860b33;border-color:#daa5204d}[data-theme=dark] .view-on-map-link:hover,body.dark-mode .view-on-map-link:hover{background:#b8860b4d}@media(max-width:600px){.detail-value.address-value{flex-direction:column;gap:10px;align-items:flex-start}.view-on-map-link{align-self:flex-start}}.map-buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;border-left:1px solid rgba(0,0,0,.1);padding-left:8px}.map-button{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:12px 16px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:8px;flex-shrink:0;min-height:45px;letter-spacing:.5px;position:relative;overflow:hidden}.map-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.map-button:hover:before{left:100%}.map-button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.05);box-shadow:0 4px 12px #ffa50066,0 0 20px #ffd7004d}.map-button:active{transform:scale(.98)}.map-button svg{width:18px;height:18px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.map-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#ccc,#aaa)}.map-button:disabled:hover{transform:none;box-shadow:none}.get-location-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.get-location-button:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.view-map-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.view-map-button:hover{background:linear-gradient(135deg,#1976d2,#0d47a1)}[data-theme=dark] .map-buttons-container,body.dark-mode .map-buttons-container{border-color:#ffffff1a}[data-theme=dark] .get-location-button,body.dark-mode .get-location-button{background:linear-gradient(135deg,#388e3c,#1b5e20)}[data-theme=dark] .get-location-button:hover,body.dark-mode .get-location-button:hover{background:linear-gradient(135deg,#1b5e20,#154a19)}[data-theme=dark] .view-map-button,body.dark-mode .view-map-button{background:linear-gradient(135deg,#1976d2,#0d47a1)}[data-theme=dark] .view-map-button:hover,body.dark-mode .view-map-button:hover{background:linear-gradient(135deg,#0d47a1,#072f70)}@media(max-width:900px){.location-input-container{flex-direction:column;border-radius:10px;overflow:visible}.map-buttons-container{display:grid;grid-template-columns:1fr 1fr;width:100%;border-left:none;border-top:1px solid rgba(0,0,0,.1);padding-left:0;padding-top:8px}.map-button{width:100%;justify-content:center}}@media(max-width:600px){.map-buttons-container{grid-template-columns:1fr;gap:8px}}.quick-actions{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,215,0,.1);margin-bottom:30px;display:block!important}.quick-actions h3{font-size:1.6rem;font-weight:700;color:#000;margin:0 0 30px;text-align:center;width:100%;display:block!important}.actions-grid{display:grid;grid-template-columns:repeat(5,1fr)!important;gap:20px;width:100%!important}.action-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px 15px;background:#f8f9fa!important;border:2px solid #e9ecef!important;border-radius:15px;color:#495057!important;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:130px;width:100%!important;max-width:none!important;opacity:1!important}.action-btn:hover{transform:translateY(-3px);border-color:gold!important;background:linear-gradient(135deg,gold,orange)!important;color:#000!important;box-shadow:0 8px 20px #ffd7004d}.action-btn.logout-btn{background:#f8f9fa!important;border:2px solid #e9ecef!important;color:#495057!important}.action-btn.logout-btn:hover{background:linear-gradient(135deg,#dc3545,#c82333)!important;border-color:#dc3545!important;color:#fff!important;box-shadow:0 8px 20px #dc35454d}.action-btn.delete-btn{background:linear-gradient(135deg,#ff4757,#ff3838)!important;color:#fff!important;border:2px solid #ff4757!important}.action-btn.delete-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2e2e)!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #ff475766!important;border-color:#ff3838!important}.action-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#ffd70026;border-radius:50%;transition:all .3s ease;flex-shrink:0}.action-btn:hover .action-icon{background:#0000001a;transform:scale(1.1)}.action-btn.logout-btn .action-icon{background:#dc354526}.action-btn.logout-btn:hover .action-icon{background:#fff3}.action-btn.delete-btn .action-icon{background:#fff3!important}.action-btn.delete-btn:hover .action-icon{background:#ffffff4d!important}.action-icon svg{width:28px;height:28px;color:gold;transition:color .3s ease}.action-btn.logout-btn .action-icon svg{color:#dc3545}.action-btn span{text-align:center;line-height:1.3;font-size:.95rem}.action-btn:hover .action-icon svg{color:#000}.action-btn.logout-btn:hover .action-icon svg{color:#fff}.action-btn.delete-btn .action-icon svg{color:#fff!important}[data-theme=dark] .quick-actions,body.dark-mode .quick-actions{background:#2a2a2a;border-color:#ffd70033}[data-theme=dark] .quick-actions h3,body.dark-mode .quick-actions h3{color:#fff}[data-theme=dark] .action-btn,body.dark-mode .action-btn{background:#3a3a3a!important;color:#fff!important;border-color:#555!important}[data-theme=dark] .action-btn:hover,body.dark-mode .action-btn:hover{background:linear-gradient(135deg,gold,orange)!important;color:#000!important}[data-theme=dark] .action-btn.logout-btn,body.dark-mode .action-btn.logout-btn{background:#3a3a3a!important;color:#fff!important}[data-theme=dark] .action-btn.logout-btn:hover,body.dark-mode .action-btn.logout-btn:hover{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}[data-theme=dark] .action-btn.delete-btn,body.dark-mode .action-btn.delete-btn{background:linear-gradient(135deg,#ff4757,#ff3838)!important;color:#fff!important}[data-theme=dark] .action-btn.delete-btn:hover,body.dark-mode .action-btn.delete-btn:hover{background:linear-gradient(135deg,#ff3838,#ff2e2e)!important;box-shadow:0 8px 25px #ff475766!important}[data-theme=dark] .action-icon,body.dark-mode .action-icon{background:#ffd70026}[data-theme=dark] .action-icon svg,body.dark-mode .action-icon svg{color:gold}[data-theme=dark] .action-btn:hover .action-icon,body.dark-mode .action-btn:hover .action-icon{background:#00000026}[data-theme=dark] .action-btn:hover .action-icon svg,body.dark-mode .action-btn:hover .action-icon svg{color:#000}[data-theme=dark] .action-btn.logout-btn:hover .action-icon svg,body.dark-mode .action-btn.logout-btn:hover .action-icon svg{color:#fff}[data-theme=dark] .action-btn.delete-btn .action-icon,body.dark-mode .action-btn.delete-btn .action-icon{background:#fff3!important}[data-theme=dark] .action-btn.delete-btn .action-icon svg,body.dark-mode .action-btn.delete-btn .action-icon svg{color:#fff!important}@media(min-width:1281px){.actions-grid{grid-template-columns:repeat(5,1fr)!important}}@media(max-width:1280px)and (min-width:769px){.actions-grid{grid-template-columns:repeat(3,1fr)!important}.action-btn{min-height:125px}}@media(max-width:1024px)and (min-width:769px){.quick-actions{padding:35px}.actions-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px}.action-btn{min-height:120px;padding:22px 15px}}@media(max-width:768px)and (min-width:481px){.quick-actions{padding:30px}.actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px}.action-btn{min-height:115px;padding:20px 15px;font-size:.92rem}.action-icon{width:52px;height:52px}.action-icon svg{width:27px;height:27px}}@media(max-width:480px){.quick-actions{padding:25px 20px}.quick-actions h3{font-size:1.4rem;margin-bottom:25px}.actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.action-btn{min-height:105px;padding:18px 12px;font-size:.88rem;gap:10px}.action-icon{width:48px;height:48px}.action-icon svg{width:25px;height:25px}.action-btn span{font-size:.88rem}}@media(max-width:360px){.quick-actions{padding:20px 15px}.actions-grid{grid-template-columns:1fr!important;gap:10px}.action-btn{flex-direction:row;justify-content:flex-start;min-height:auto;padding:16px 15px;font-size:.9rem;gap:15px}.action-icon{width:45px;height:45px}.action-icon svg{width:24px;height:24px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-15px)}70%{transform:translateY(-8px)}90%{transform:translateY(-3px)}}.orders-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .3s ease;animation:fadeIn .5s ease-out}.orders-content{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 200px)}.orders-header{text-align:center;margin-bottom:50px;padding:0 20px}.orders-title-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.orders-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 2px 8px rgba(255,215,0,.3)}.orders-count{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#000,#333);padding:12px 20px;border-radius:50px;box-shadow:0 8px 24px #0003}.count-badge{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:800;font-size:1.2rem;padding:8px 16px;border-radius:50px;min-width:40px;text-align:center}.count-text{color:#fff;font-weight:600;font-size:.95rem}.orders-header p{font-size:clamp(1rem,2vw,1.2rem);color:#666;margin-top:10px}.orders-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px;padding:0 20px}.filter-btn{background:#fff;border:2px solid #e0e0e0;padding:12px 24px;border-radius:50px;font-size:.95rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.filter-btn:hover:before{left:100%}.filter-btn:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 8px 20px #ffd7004d}.filter-btn.active{background:linear-gradient(135deg,gold,orange);border-color:gold;color:#000;box-shadow:0 8px 24px #ffd70066}.filter-count{background:#0000001a;padding:4px 10px;border-radius:50px;font-size:.85rem;font-weight:700;min-width:24px;text-align:center}.orders-list{display:flex;flex-direction:column;gap:24px;animation:slideInUp .6s ease-out}.no-filtered-orders{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;border:2px solid rgba(255,215,0,.2)}.no-filtered-orders p{font-size:1.2rem;color:#666;margin-bottom:24px}.no-filtered-orders strong{color:gold;font-weight:700}.clear-filter-btn{background:linear-gradient(135deg,gold,orange);border:none;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ffd7004d}.clear-filter-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}.loading-container{display:flex;justify-content:center;padding:40px 20px}.loading-orders{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px}.loading-order-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000014;border:2px solid #e0e0e0;animation:pulse 1.5s ease-in-out infinite}.loading-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.loading-order-body{display:flex;flex-direction:column;gap:16px}.loading-image-section{display:flex;gap:16px;align-items:center}.loading-image{width:100px;height:100px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:12px;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.loading-text-block{display:flex;flex-direction:column;gap:10px;flex:1}.loading-line{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:6px;height:16px;animation:shimmer 1.5s ease-in-out infinite}.loading-line.short{width:40%;height:14px}.loading-line.medium{width:60%;height:14px}.loading-line.long{width:80%;height:18px}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:60px 20px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #00000014;border:2px solid rgba(255,215,0,.1);animation:slideInUp .6s ease-out;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.empty-orders:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange,gold)}.empty-orders-icon{width:140px;height:140px;margin:0 auto 40px;background:linear-gradient(135deg,#ffd70026,#ffa50014);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,215,0,.3);animation:float 3s ease-in-out infinite;position:relative}.empty-orders-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);animation:pulse 2s infinite}.empty-orders-icon svg{width:70px;height:70px;color:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3));z-index:1}.empty-orders-content h2{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#000;margin-bottom:20px;background:linear-gradient(135deg,#333,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-orders-content p{font-size:clamp(1rem,2vw,1.2rem);color:#666;margin-bottom:40px;line-height:1.7;max-width:450px;margin-left:auto;margin-right:auto}.empty-orders-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.start-shopping-btn,.go-home-btn{padding:16px 36px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.start-shopping-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 24px #ffd70066}.start-shopping-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-shopping-btn:hover:before{left:100%}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70080}.go-home-btn{background:#fff;color:#000;border:2px solid #e0e0e0;box-shadow:0 4px 12px #00000014}.go-home-btn:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 8px 20px #ffd70033}.error-container{text-align:center;padding:80px 30px;background:#fff;border-radius:24px;box-shadow:0 12px 40px #00000014;border:2px solid rgba(220,20,60,.2);animation:slideInUp .6s ease-out;max-width:600px;margin:0 auto}.error-icon{width:100px;height:100px;margin:0 auto 30px;background:linear-gradient(135deg,#dc143c26,#ff634714);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(220,20,60,.3)}.error-icon svg{width:50px;height:50px;color:#dc143c}.error-container h2{font-size:clamp(1.6rem,4vw,2rem);font-weight:800;color:#dc143c;margin-bottom:16px}.error-container p{font-size:1.1rem;color:#666;margin-bottom:32px}.retry-btn{background:linear-gradient(135deg,gold,orange);border:none;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ffd7004d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}@media(max-width:768px){.orders-content{padding:30px 16px}.orders-header h1{font-size:2rem}.orders-title-section{flex-direction:column;gap:12px}.orders-count{padding:10px 16px}.count-badge{font-size:1rem;padding:6px 12px}.count-text{font-size:.9rem}.orders-filters{gap:8px}.filter-btn{padding:10px 18px;font-size:.85rem}.filter-count{padding:3px 8px;font-size:.75rem}.empty-orders{padding:40px 20px;min-height:400px}.empty-orders-icon{width:100px;height:100px;margin-bottom:30px}.empty-orders-icon svg{width:50px;height:50px}.empty-orders-content h2{font-size:1.6rem}.empty-orders-content p{font-size:1rem}.empty-orders-actions{flex-direction:column;width:100%}.start-shopping-btn,.go-home-btn{width:100%;padding:14px 28px}.loading-image-section{flex-direction:column;align-items:flex-start}.loading-image{width:100%;height:150px}}.end-of-orders{text-align:center;padding:40px 20px;margin-top:20px;color:#888;font-size:1.1rem;font-weight:500;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.end-of-orders:before,.end-of-orders:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);max-width:150px}.end-of-orders span{background:#f8f9fa;padding:0 10px}@media(max-width:480px){.orders-content{padding:20px 12px}.orders-header{margin-bottom:30px}.orders-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch}.filter-btn{white-space:nowrap}.loading-order-card{padding:16px}.error-container{padding:60px 20px}}body.dark-mode .orders-page,[data-theme=dark] .orders-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff}body.dark-mode .orders-header h1,[data-theme=dark] .orders-header h1{text-shadow:0 2px 16px rgba(255,215,0,.5)}body.dark-mode .orders-header p,[data-theme=dark] .orders-header p{color:#aaa}body.dark-mode .filter-btn,[data-theme=dark] .filter-btn{background:#1a1a1a;border-color:#333;color:#fff}body.dark-mode .filter-btn:hover,[data-theme=dark] .filter-btn:hover{background:#222;border-color:gold}body.dark-mode .filter-btn.active,[data-theme=dark] .filter-btn.active{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .no-filtered-orders,[data-theme=dark] .no-filtered-orders{background:#1a1a1a;border-color:#ffd7004d}body.dark-mode .no-filtered-orders p,[data-theme=dark] .no-filtered-orders p{color:#aaa}body.dark-mode .loading-order-card,[data-theme=dark] .loading-order-card{background:#1a1a1a;border-color:#333}body.dark-mode .loading-line,body.dark-mode .loading-image,[data-theme=dark] .loading-line,[data-theme=dark] .loading-image{background:linear-gradient(90deg,#222 25%,#333,#222 75%);background-size:200% 100%}body.dark-mode .empty-orders,[data-theme=dark] .empty-orders{background:#1a1a1a;border-color:#ffd70033}body.dark-mode .empty-orders-content h2,[data-theme=dark] .empty-orders-content h2{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .empty-orders-content p,[data-theme=dark] .empty-orders-content p{color:#aaa}body.dark-mode .go-home-btn,[data-theme=dark] .go-home-btn{background:#222;color:#fff;border-color:#444}body.dark-mode .go-home-btn:hover,[data-theme=dark] .go-home-btn:hover{background:#2a2a2a;border-color:gold}body.dark-mode .error-container,[data-theme=dark] .error-container{background:#1a1a1a;border-color:#dc143c4d}body.dark-mode .error-container p,[data-theme=dark] .error-container p{color:#aaa}body.dark-mode .end-of-orders,[data-theme=dark] .end-of-orders{color:#666}body.dark-mode .end-of-orders:before,body.dark-mode .end-of-orders:after,[data-theme=dark] .end-of-orders:before,[data-theme=dark] .end-of-orders:after{background:linear-gradient(90deg,transparent,#333,transparent)}body.dark-mode .end-of-orders span,[data-theme=dark] .end-of-orders span{background:transparent}@keyframes expandCard{0%{max-height:0;opacity:0}to{max-height:5000px;opacity:1}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes shimmerEffect{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;border:2px solid #e0e0e0;transition:all .3s ease;overflow:hidden;position:relative;animation:fadeInSlide .5s ease-out}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange,gold);background-size:200% 100%;animation:shimmerEffect 3s linear infinite}.order-card:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.order-card.expanded{border-color:gold;box-shadow:0 12px 48px #ffd70033}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid #f0f0f0;gap:16px;flex-wrap:wrap}.order-header-left{display:flex;flex-direction:column;gap:8px}.order-number{font-size:1.3rem;font-weight:700;color:#000;margin:0;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-date{font-size:.9rem;color:#666;font-weight:500}.order-header-right{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.status-badge-container{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.status-label{font-size:.75rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-status-badge,.payment-status-badge{padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #00000026;white-space:nowrap}.order-overview{padding:16px 24px;display:flex;gap:20px;flex-wrap:wrap}.order-items-preview{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.order-item-preview{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0;transition:all .3s ease;position:relative}.order-item-preview:hover{background:#fff;border-color:gold;box-shadow:0 4px 16px #ffd70033}.item-preview-image{width:70px;height:70px;border-radius:10px;overflow:hidden;background:#fff;flex-shrink:0;border:2px solid #e0e0e0}.item-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.order-item-preview:hover .item-preview-image img{transform:scale(1.1)}.item-preview-info{flex:1;display:flex;flex-direction:column;gap:6px}.item-preview-info h4{font-size:1rem;font-weight:700;color:#000;margin:0;line-height:1.3}.item-preview-info p{font-size:.9rem;color:#666;margin:0}.customized-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,gold,orange);padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;color:#000;width:fit-content}.customized-badge svg{width:14px;height:14px}.customization-count-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);padding:6px 12px;border-radius:50px;font-size:.8rem;font-weight:600;color:#666;width:fit-content;border:1px solid rgba(255,215,0,.3)}.customization-count-badge svg{width:14px;height:14px;color:gold;flex-shrink:0}.reorder-icon-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:2px solid #4169E1;background:#fff;color:#4169e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;box-shadow:0 2px 8px #4169e126}.reorder-icon-btn svg{width:18px;height:18px}.reorder-icon-btn:hover{background:#4169e1;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4169e14d}.reorder-icon-btn:active{transform:scale(.95)}.customization-count-badge span{line-height:1}.more-items-indicator{text-align:center;padding:12px;background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border-radius:12px;font-weight:700;color:#666;border:2px dashed #FFD700}.order-summary-info{flex:0 0 250px;display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e0e0e0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.summary-row.summary-divider{padding-top:12px;margin-top:8px;border-top:2px solid #e0e0e0}.summary-label{font-size:.95rem;color:#666;font-weight:600}.summary-value{font-size:1rem;color:#000;font-weight:700}.total-amount{font-size:1.4rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expand-toggle-btn{width:100%;padding:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border:none;border-top:2px solid #e0e0e0;cursor:pointer;font-size:1rem;font-weight:700;color:#000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.expand-toggle-btn:hover{background:linear-gradient(135deg,gold,orange)}.expand-icon{width:20px;height:20px;transition:transform .3s ease}.expand-icon.rotated{transform:rotate(180deg)}.order-details{padding:0 24px 24px;animation:expandCard .5s ease-out}.section-title{font-size:1.4rem;font-weight:700;color:#000;margin:32px 0 20px;padding-bottom:12px;border-bottom:3px solid #FFD700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detailed-items-section{margin-top:0}.detailed-order-item{display:flex;gap:20px;padding:24px;background:#f8f9fa;border-radius:16px;border:2px solid #e0e0e0;margin-bottom:20px;transition:all .3s ease}.detailed-order-item:hover{border-color:gold;box-shadow:0 8px 24px #ffd70026}.detailed-item-image{width:150px;height:150px;border-radius:12px;overflow:hidden;background:#fff;flex-shrink:0;border:2px solid #e0e0e0}.detailed-item-image img{width:100%;height:100%;object-fit:cover}.detailed-item-content{flex:1;display:flex;flex-direction:column;gap:16px}.detailed-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detailed-item-header h4{font-size:1.3rem;font-weight:700;color:#000;margin:0;line-height:1.3}.item-price{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.detailed-item-specs{display:flex;flex-wrap:wrap;gap:16px}.spec-item{font-size:.95rem;color:#666}.spec-item strong{color:#000;font-weight:700}.customizations-section{margin-top:16px;padding:20px;background:#fff;border-radius:12px;border:2px solid #FFD700}.customizations-section h5{font-size:1.1rem;font-weight:700;color:#000;margin:0 0 16px;display:flex;align-items:center;gap:8px}.customization-detail{padding:16px;background:#f8f9fa;border-radius:10px;margin-bottom:16px;border:1px solid #e0e0e0}.customization-detail:last-child{margin-bottom:0}.customization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.customization-badge{background:linear-gradient(135deg,gold,orange);padding:6px 14px;border-radius:50px;font-size:.85rem;font-weight:700;color:#000}.customization-date{font-size:.85rem;color:#666}.customization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.custom-field{font-size:.95rem;color:#666;padding:8px 0}.custom-field.full-width{grid-column:1 / -1}.custom-field strong{color:#000;font-weight:700;display:block;margin-bottom:4px}.reference-images{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;transition:border-color .3s ease}.reference-images strong{display:block;margin-bottom:12px;color:#000;font-weight:700;transition:color .3s ease}.reference-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:8px;background:#fff;border-radius:8px}.reference-image{width:100%;height:100px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;transition:all .3s ease;cursor:pointer;background:#fff}.reference-image:hover{transform:scale(1.05);border-color:gold;box-shadow:0 4px 16px #ffd7004d}.font-image-preview{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;transition:border-color .3s ease}.font-image-preview strong{display:block;margin-bottom:12px;color:#000;font-weight:700;transition:color .3s ease}.font-image{max-width:200px;height:auto;border-radius:8px;border:2px solid #e0e0e0;transition:all .3s ease;cursor:pointer;padding:8px;background:#fff}.font-image:hover{transform:scale(1.05);border-color:gold;box-shadow:0 4px 16px #ffd7004d}.pricing-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:24px;border-radius:16px;border:2px solid #e0e0e0}.pricing-details{display:flex;flex-direction:column;gap:12px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:1rem;border-bottom:1px solid #e0e0e0}.pricing-row:last-child{border-bottom:none}.pricing-row span:first-child{color:#666;font-weight:600}.pricing-row span:last-child{color:#000;font-weight:700}.pricing-row.discount span:last-child{color:#32cd32}.pricing-row.total{padding-top:16px;border-top:3px solid #FFD700;font-size:1.3rem;margin-top:8px}.pricing-row.total span:last-child{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:800}.delivery-section,.payment-section{background:#f8f9fa;padding:24px;border-radius:16px;border:2px solid #e0e0e0}.delivery-details,.payment-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.delivery-field,.payment-field{display:flex;flex-direction:column;gap:6px}.delivery-field.full-width,.payment-field.full-width{grid-column:1 / -1}.delivery-field strong,.payment-field strong{font-size:.9rem;color:#666;font-weight:700}.delivery-field span,.payment-field span{font-size:1rem;color:#000;font-weight:600}.payment-status-inline{font-weight:800!important;text-transform:uppercase;letter-spacing:.5px}.transaction-id{font-family:monospace;font-size:.9rem!important;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e0e0e0}.payment-summary{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.transactions-list{margin-top:16px}.transactions-title{font-size:1rem;font-weight:700;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.transaction-card{background:#fff;border-radius:12px;border:2px solid #e0e0e0;padding:16px;margin-bottom:12px;transition:all .3s ease}.transaction-card:last-child{margin-bottom:0}.transaction-card:hover{border-color:gold;box-shadow:0 4px 12px #ffd70026}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.transaction-type-badge{font-size:.85rem;font-weight:700;color:#333;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);padding:6px 12px;border-radius:20px}.transaction-status-badge{font-size:.75rem;font-weight:700;color:#fff;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.transaction-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.transaction-field{display:flex;flex-direction:column;gap:4px}.transaction-field.full-width{grid-column:1 / -1}.transaction-field strong{font-size:.8rem;color:#666;font-weight:600}.transaction-field span{font-size:.9rem;color:#000;font-weight:500}.timeline-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:24px;border-radius:16px;border:2px solid #e0e0e0}.order-timeline{display:flex;flex-direction:column;gap:24px;position:relative;padding-left:40px}.order-timeline:before{content:"";position:absolute;left:12px;top:30px;bottom:30px;width:3px;background:linear-gradient(180deg,gold,#e0e0e0)}.timeline-item{position:relative;display:flex;gap:16px}.timeline-dot{position:absolute;left:-34px;top:4px;width:24px;height:24px;border-radius:50%;background:#e0e0e0;border:4px solid white;box-shadow:0 2px 8px #0000001a;z-index:1;transition:all .3s ease}.timeline-item.completed .timeline-dot{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 16px #ffd70066}.timeline-content{display:flex;flex-direction:column;gap:4px;flex:1}.timeline-content strong{font-size:1rem;color:#000;font-weight:700}.timeline-content span{font-size:.9rem;color:#666}.timeline-item.completed .timeline-content strong{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.download-invoice-btn,.cancel-order-btn{padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.download-invoice-btn svg,.cancel-order-btn svg{width:20px;height:20px}.download-invoice-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 24px #ffd7004d}.download-invoice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.download-invoice-btn:hover:before{left:100%}.download-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}.reorder-btn{background:#fff;color:#4169e1;border:2px solid #4169E1;box-shadow:0 4px 12px #4169e133}.reorder-btn:hover{background:#4169e1;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #4169e14d}.cancel-order-btn{background:#fff;color:#dc143c;border:2px solid #DC143C;box-shadow:0 4px 12px #dc143c33}.cancel-order-btn:hover{background:#dc143c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #dc143c4d}.cancel-order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.order-overview{flex-direction:column}.order-summary-info{flex:1;width:100%}.detailed-order-item{flex-direction:column}.detailed-item-image{width:100%;height:200px}}.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out;padding:20px}.cancel-modal{background:#fff;width:100%;max-width:500px;border-radius:24px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;animation:slideInUp .4s cubic-bezier(.175,.885,.32,1.275)}.cancel-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#dc143c,tomato,#dc143c)}.cancel-modal-header{padding:30px 30px 20px;display:flex;justify-content:space-between;align-items:center}.cancel-modal-header h3{font-size:1.6rem;font-weight:800;color:#000;margin:0}.cancel-modal-close{background:#f0f0f0;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#666}.cancel-modal-close:hover{background:#e0e0e0;color:#000;transform:rotate(90deg)}.cancel-modal-close svg{width:20px;height:20px}.cancel-modal-body{padding:0 30px 30px}.cancel-modal-body p{font-size:1.1rem;color:#444;line-height:1.6;margin-bottom:24px}.cancel-modal-body strong{color:#000}.cancel-reason-label{display:block;font-size:.95rem;font-weight:700;color:#000;margin-bottom:10px}.cancel-reason-input{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#f9f9f9}.cancel-reason-input:focus{outline:none;border-color:#dc143c;background:#fff;box-shadow:0 0 0 4px #dc143c1a}.cancel-modal-footer{padding:20px 30px 30px;display:flex;gap:16px;background:#fcfcfc;border-top:1px solid #f0f0f0}.cancel-modal-dismiss-btn,.cancel-modal-confirm-btn{flex:1;padding:16px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-modal-dismiss-btn{background:#fff;color:#666;border:2px solid #e0e0e0}.cancel-modal-dismiss-btn:hover{background:#f5f5f5;color:#000;border-color:#ccc}.cancel-modal-confirm-btn{background:#dc143c;color:#fff;border:none;box-shadow:0 8px 20px #dc143c4d}.cancel-modal-confirm-btn:hover{background:#b22222;transform:translateY(-2px);box-shadow:0 12px 28px #dc143c66}.cancel-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.order-card-header{padding:20px}.order-number{font-size:1.1rem}.order-date{font-size:.85rem}.order-overview{padding:20px}.order-items-preview{min-width:100%}.item-preview-image{width:70px;height:70px}.item-preview-info h4{font-size:.95rem}.item-preview-info p{font-size:.85rem}.order-details{padding:0 20px 20px}.section-title{font-size:1.2rem;margin:24px 0 16px}.detailed-order-item{padding:20px}.detailed-item-header{flex-direction:column}.item-price{align-self:flex-start}.customization-grid,.delivery-details,.payment-details{grid-template-columns:1fr}.order-timeline{padding-left:35px}.timeline-dot{left:-30px;width:20px;height:20px}.order-actions{flex-direction:column}.download-invoice-btn,.cancel-order-btn{width:100%;justify-content:center}}@media(max-width:480px){.order-card-header{padding:16px;flex-direction:column}.order-header-right{width:100%;justify-content:flex-start}.order-status-badge,.payment-status-badge{font-size:.75rem;padding:6px 12px}.order-overview{padding:16px}.order-item-preview{padding:12px}.item-preview-image{width:60px;height:60px}.order-summary-info{padding:16px}.expand-toggle-btn{padding:14px;font-size:.95rem}.order-details{padding:0 16px 16px}.detailed-order-item,.pricing-section,.delivery-section,.payment-section,.timeline-section{padding:16px}.reference-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.reference-image{height:80px}}body.dark-mode .order-card,[data-theme=dark] .order-card{background:#1a1a1a;border-color:#333}body.dark-mode .order-card-header,[data-theme=dark] .order-card-header{border-bottom-color:#333}body.dark-mode .order-number,body.dark-mode .detailed-item-header h4,body.dark-mode .section-title,body.dark-mode .customizations-section h5,body.dark-mode .custom-field strong,body.dark-mode .delivery-field span,body.dark-mode .payment-field span,body.dark-mode .timeline-content strong,[data-theme=dark] .order-number,[data-theme=dark] .detailed-item-header h4,[data-theme=dark] .section-title,[data-theme=dark] .customizations-section h5,[data-theme=dark] .custom-field strong,[data-theme=dark] .delivery-field span,[data-theme=dark] .payment-field span,[data-theme=dark] .timeline-content strong{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .order-date,body.dark-mode .item-preview-info p,body.dark-mode .summary-label,body.dark-mode .spec-item,body.dark-mode .custom-field,body.dark-mode .customization-date,body.dark-mode .delivery-field strong,body.dark-mode .payment-field strong,body.dark-mode .timeline-content span,[data-theme=dark] .order-date,[data-theme=dark] .item-preview-info p,[data-theme=dark] .summary-label,[data-theme=dark] .spec-item,[data-theme=dark] .custom-field,[data-theme=dark] .customization-date,[data-theme=dark] .delivery-field strong,[data-theme=dark] .payment-field strong,[data-theme=dark] .timeline-content span{color:#aaa}body.dark-mode .order-overview,[data-theme=dark] .order-overview{background:transparent}body.dark-mode .order-item-preview,body.dark-mode .detailed-order-item,body.dark-mode .customization-detail,[data-theme=dark] .order-item-preview,[data-theme=dark] .detailed-order-item,[data-theme=dark] .customization-detail{background:#222;border-color:#333}body.dark-mode .order-item-preview:hover,body.dark-mode .detailed-order-item:hover,[data-theme=dark] .order-item-preview:hover,[data-theme=dark] .detailed-order-item:hover{background:#2a2a2a;border-color:gold}body.dark-mode .item-preview-image,body.dark-mode .detailed-item-image,[data-theme=dark] .item-preview-image,[data-theme=dark] .detailed-item-image{background:#111;border-color:#333}body.dark-mode .item-preview-info h4,[data-theme=dark] .item-preview-info h4{color:#fff}body.dark-mode .status-label,[data-theme=dark] .status-label{color:#aaa}body.dark-mode .more-items-indicator,[data-theme=dark] .more-items-indicator{background:linear-gradient(135deg,#ffd70026,#ffa50014);color:#aaa;border-color:#ffd7004d}body.dark-mode .customization-count-badge,[data-theme=dark] .customization-count-badge{background:linear-gradient(135deg,#ffd70033,#ffa50026);color:#ccc;border-color:#ffd70066}body.dark-mode .customization-count-badge svg,[data-theme=dark] .customization-count-badge svg{color:gold}body.dark-mode .order-summary-info,body.dark-mode .pricing-section,body.dark-mode .delivery-section,body.dark-mode .payment-section,body.dark-mode .timeline-section,[data-theme=dark] .order-summary-info,[data-theme=dark] .pricing-section,[data-theme=dark] .delivery-section,[data-theme=dark] .payment-section,[data-theme=dark] .timeline-section{background:#222;border-color:#333}body.dark-mode .summary-value,body.dark-mode .pricing-row span:last-child,[data-theme=dark] .summary-value,[data-theme=dark] .pricing-row span:last-child{color:#fff}body.dark-mode .summary-row.summary-divider,[data-theme=dark] .summary-row.summary-divider{border-top-color:#333}body.dark-mode .reorder-icon-btn,[data-theme=dark] .reorder-icon-btn{background:#2a2a2a;color:#4169e1;border-color:#4169e1}body.dark-mode .reorder-icon-btn:hover,[data-theme=dark] .reorder-icon-btn:hover{background:#4169e1;color:#fff}body.dark-mode .pricing-row,[data-theme=dark] .pricing-row{border-bottom-color:#333}body.dark-mode .expand-toggle-btn,[data-theme=dark] .expand-toggle-btn{background:#222;border-top-color:#333;color:#fff}body.dark-mode .expand-toggle-btn:hover,[data-theme=dark] .expand-toggle-btn:hover{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .customizations-section,[data-theme=dark] .customizations-section{background:#222;border-color:gold}body.dark-mode .reference-images,body.dark-mode .font-image-preview,[data-theme=dark] .reference-images,[data-theme=dark] .font-image-preview{border-top-color:#444}body.dark-mode .reference-images strong,body.dark-mode .font-image-preview strong,[data-theme=dark] .reference-images strong,[data-theme=dark] .font-image-preview strong{color:#fff}body.dark-mode .reference-images-grid,[data-theme=dark] .reference-images-grid{background:#1a1a1a;border:2px solid #333}body.dark-mode .reference-image,[data-theme=dark] .reference-image{background:#2a2a2a;border-color:#444;box-shadow:0 2px 8px #0000004d}body.dark-mode .font-image,[data-theme=dark] .font-image{background:#1a1a1a;border-color:#444;box-shadow:0 2px 8px #0000004d;padding:12px}body.dark-mode .reference-image:hover,[data-theme=dark] .reference-image:hover{border-color:gold;box-shadow:0 4px 16px #ffd70066;background:#333}body.dark-mode .font-image:hover,[data-theme=dark] .font-image:hover{border-color:gold;box-shadow:0 4px 16px #ffd70066;background:#222}body.dark-mode .transaction-id,[data-theme=dark] .transaction-id{background:#111;border-color:#333}body.dark-mode .transactions-title,[data-theme=dark] .transactions-title{color:#fff;border-bottom-color:#333}body.dark-mode .transaction-card,[data-theme=dark] .transaction-card{background:#1a1a1a;border-color:#333}body.dark-mode .transaction-card:hover,[data-theme=dark] .transaction-card:hover{border-color:gold;box-shadow:0 4px 12px #ffd70026}body.dark-mode .transaction-type-badge,[data-theme=dark] .transaction-type-badge{background:linear-gradient(135deg,#333,#2a2a2a);color:#fff}body.dark-mode .transaction-field strong,[data-theme=dark] .transaction-field strong{color:#999}body.dark-mode .transaction-field span,[data-theme=dark] .transaction-field span{color:#fff}body.dark-mode .payment-summary,[data-theme=dark] .payment-summary{border-bottom-color:#333}body.dark-mode .order-timeline:before,[data-theme=dark] .order-timeline:before{background:linear-gradient(180deg,gold,#333)}body.dark-mode .timeline-dot,[data-theme=dark] .timeline-dot{background:#333;border-color:#1a1a1a}body.dark-mode .order-actions,[data-theme=dark] .order-actions{border-top-color:#333}body.dark-mode .reorder-btn,[data-theme=dark] .reorder-btn{background:#222;color:#4169e1;border-color:#4169e1}body.dark-mode .reorder-btn:hover,[data-theme=dark] .reorder-btn:hover{background:#4169e1;color:#fff}body.dark-mode .cancel-order-btn,[data-theme=dark] .cancel-order-btn{background:#222;color:#dc143c;border-color:#dc143c}body.dark-mode .cancel-order-btn:hover,[data-theme=dark] .cancel-order-btn:hover{background:#dc143c;color:#fff}body.dark-mode .cancel-modal,[data-theme=dark] .cancel-modal{background:#1a1a1a;box-shadow:0 20px 60px #00000080}body.dark-mode .cancel-modal-header h3,[data-theme=dark] .cancel-modal-header h3,body.dark-mode .cancel-modal-body strong,[data-theme=dark] .cancel-modal-body strong,body.dark-mode .cancel-reason-label,[data-theme=dark] .cancel-reason-label{color:#fff}body.dark-mode .cancel-modal-body p,[data-theme=dark] .cancel-modal-body p{color:#aaa}body.dark-mode .cancel-modal-close,[data-theme=dark] .cancel-modal-close{background:#2a2a2a;color:#aaa}body.dark-mode .cancel-modal-close:hover,[data-theme=dark] .cancel-modal-close:hover{background:#333;color:#fff}body.dark-mode .cancel-reason-input,[data-theme=dark] .cancel-reason-input{background:#222;border-color:#333;color:#fff}body.dark-mode .cancel-reason-input:focus,[data-theme=dark] .cancel-reason-input:focus{background:#2a2a2a;border-color:#dc143c}body.dark-mode .cancel-modal-footer,[data-theme=dark] .cancel-modal-footer{background:#151515;border-top-color:#222}body.dark-mode .cancel-modal-dismiss-btn,[data-theme=dark] .cancel-modal-dismiss-btn{background:#222;border-color:#333;color:#aaa}body.dark-mode .cancel-modal-dismiss-btn:hover,[data-theme=dark] .cancel-modal-dismiss-btn:hover{background:#2a2a2a;color:#fff;border-color:#444}.notifications-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8f9fa,#fff);transition:all .3s ease}.notifications-container{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.notifications-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-title-section{display:flex;align-items:center;gap:1rem}.notifications-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0;background:linear-gradient(135deg,#1a1a1a,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unread-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .875rem;background:linear-gradient(135deg,gold,orange);color:#000;font-size:.875rem;font-weight:700;border-radius:20px;box-shadow:0 4px 15px #ffd7004d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 6px 20px #ffd70080}}.mark-all-read-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #FFD700;border-radius:12px;color:#1a1a1a;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mark-all-read-btn:hover{background:linear-gradient(135deg,gold,orange);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.mark-all-read-btn svg{width:20px;height:20px}.notifications-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid transparent;border-radius:12px;color:#6b7280;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{background:#fff;border-color:gold;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn.active{background:linear-gradient(135deg,gold,orange);border-color:gold;color:#000;box-shadow:0 4px 15px #ffd7004d}.filter-icon{font-size:1.125rem}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #FFD700;border-radius:50%;animation:spin 1s linear infinite}.notifications-loading p{color:#6b7280;font-size:1rem;font-weight:500}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014}.no-notifications-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-radius:50%}.no-notifications-icon svg{width:50px;height:50px;color:gold}.no-notifications p{font-size:1rem;color:#6b7280;text-align:center;max-width:400px;margin:0}.shop-now-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffd7004d}.shop-now-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70080}.notification-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.notification-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-2px);border-color:gold}.notification-card.unread{background:linear-gradient(135deg,#fff,#fffef8);border-left:4px solid #FFD700}.notification-card.expanded{box-shadow:0 8px 30px #00000026;border-color:gold}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;font-size:1.5rem}.icon-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.notification-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0;flex:1}.unread-dot{width:10px;height:10px;background:gold;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffd70033;animation:blink 2s ease-in-out infinite}.action-btn.primary{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 2px 8px #ffd7004d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70080}.delete-btn-corner{position:absolute;bottom:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.6;z-index:10}.delete-btn-corner:hover{opacity:1;background:#fee2e2;border-color:#ef4444;transform:scale(1.1)}.delete-btn-corner svg{width:18px;height:18px;color:#6b7280;transition:color .3s ease}.delete-btn-corner:hover svg{color:#ef4444}.notification-card:hover .delete-btn-corner{opacity:1}.not-authenticated{display:flex;align-items:center;justify-content:center;min-height:500px;padding:2rem}.auth-message{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001f;max-width:500px;text-align:center}.auth-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-radius:50%}.auth-icon svg{width:50px;height:50px;color:gold}.auth-message h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.auth-message p{font-size:1.125rem;color:#6b7280;margin:0}.login-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffd7004d}.login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70080}@media(max-width:1024px){.notifications-container{padding:1.5rem}.notifications-header h1{font-size:2rem}}@media(max-width:768px){.notifications-container{padding:1rem}.notifications-header{flex-direction:column;align-items:flex-start}.notifications-header h1{font-size:1.75rem}.header-title-section{width:100%}.header-actions{width:100%;justify-content:stretch}.mark-all-read-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.notifications-filters{padding:.75rem;gap:.5rem}.filter-btn{padding:.625rem 1rem;font-size:.8125rem}.notification-card{border-radius:12px}.notification-content{padding:1.25rem}.notification-header{flex-direction:row;gap:.75rem}.notification-icon{width:40px;height:40px;font-size:1.25rem}.notification-title{font-size:1rem}.notification-message{font-size:.875rem}.notification-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.no-notifications{padding:2rem 1rem}.no-notifications h2{font-size:1.5rem}.no-notifications p{font-size:.9375rem}}@media(max-width:480px){.notifications-container{padding:.75rem}.notifications-header h1{font-size:1.5rem}.unread-badge{font-size:.75rem;padding:.25rem .625rem}.filter-btn{flex:1 1 calc(50% - .25rem);min-width:120px;justify-content:center}.notification-content{padding:1rem}.notification-icon{width:36px;height:36px;font-size:1.125rem}.notification-title{font-size:.9375rem}.auth-message{padding:2rem 1.5rem}.auth-message h2{font-size:1.5rem}.auth-message p{font-size:1rem}}body.dark-mode .notifications-page,body[data-theme=dark] .notifications-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}body.dark-mode .notifications-container,body[data-theme=dark] .notifications-container{color:#fff}body.dark-mode .notifications-header h1,body[data-theme=dark] .notifications-header h1{background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .unread-badge,body[data-theme=dark] .unread-badge{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .mark-all-read-btn,body[data-theme=dark] .mark-all-read-btn{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:gold;color:gold}body.dark-mode .mark-all-read-btn:hover,body[data-theme=dark] .mark-all-read-btn:hover{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .notifications-filters,body[data-theme=dark] .notifications-filters{background:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .filter-btn,body[data-theme=dark] .filter-btn{background:#3a3a3a;color:#ccc}body.dark-mode .filter-btn:hover,body[data-theme=dark] .filter-btn:hover{background:#404040;border-color:gold;color:gold}body.dark-mode .filter-btn.active,body[data-theme=dark] .filter-btn.active{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .loading-spinner,body[data-theme=dark] .loading-spinner{border-color:#404040;border-top-color:gold}body.dark-mode .notifications-loading p,body[data-theme=dark] .notifications-loading p{color:#ccc}body.dark-mode .no-notifications,body[data-theme=dark] .no-notifications{background:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .no-notifications h2,body[data-theme=dark] .no-notifications h2{color:gold}body.dark-mode .no-notifications p,body[data-theme=dark] .no-notifications p{color:#ccc}body.dark-mode .notification-card,body[data-theme=dark] .notification-card{background:#2d2d2d;box-shadow:0 2px 12px #0000004d}body.dark-mode .notification-card:hover,body[data-theme=dark] .notification-card:hover{background:#3a3a3a;box-shadow:0 6px 25px #0006}body.dark-mode .notification-card.unread,body[data-theme=dark] .notification-card.unread{background:linear-gradient(135deg,#2d2d2d,#3a3a3a)}body.dark-mode .notification-title,body[data-theme=dark] .notification-title{color:gold}body.dark-mode .notification-message,body[data-theme=dark] .notification-message{color:#ccc}body.dark-mode .notification-time,body[data-theme=dark] .notification-time{color:#999}body.dark-mode .notification-type-label,body[data-theme=dark] .notification-type-label{background:#404040;color:#ccc}body.dark-mode .notification-actions,body[data-theme=dark] .notification-actions{border-top-color:#404040}body.dark-mode .action-btn.secondary,body[data-theme=dark] .action-btn.secondary{background:#404040;color:#ccc}body.dark-mode .action-btn.secondary:hover,body[data-theme=dark] .action-btn.secondary:hover{background:#4a4a4a;border-color:#555}body.dark-mode .auth-message,body[data-theme=dark] .auth-message{background:#2d2d2d;box-shadow:0 8px 30px #0006}body.dark-mode .auth-message h2,body[data-theme=dark] .auth-message h2{color:gold}body.dark-mode .auth-message p,body[data-theme=dark] .auth-message p{color:#ccc}.notification-card{animation:slideIn .3s ease-out}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-btn:focus,.action-btn:focus,.mark-all-read-btn:focus{outline:3px solid rgba(255,215,0,.5);outline-offset:2px}.load-more-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;margin-top:1rem}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;min-width:160px}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn svg{width:1.125rem;height:1.125rem}.btn-loading-spinner{width:1rem;height:1rem;border:2px solid rgba(26,26,26,.2);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.notifications-count{font-size:.875rem;color:#6b7280;margin:0}@media(prefers-color-scheme:dark){.load-more-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.notifications-count{color:#9ca3af}}@media(max-width:768px){.load-more-container{padding:1.5rem 0}.load-more-btn{width:100%;max-width:280px}}.search-results-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#fff);color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .3s ease}.search-results-content{max-width:1400px;margin:0 auto;padding:40px 20px;width:100%;min-height:calc(100vh - 200px)}.search-results-header{text-align:center;margin-bottom:50px;padding:0 20px}.search-results-title-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.search-results-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:#333;margin-bottom:15px;background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(0,0,0,.1)}.search-results-header p{font-size:clamp(1rem,2.5vw,1.2rem);color:#666;font-weight:500;line-height:1.6;max-width:600px;margin:0 auto}.results-count{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#000,#333);padding:12px 20px;border-radius:50px;color:#fff;font-weight:600;box-shadow:0 8px 25px #00000026;transition:all .3s ease}.count-badge{background:linear-gradient(135deg,gold,orange);color:#000;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 4px 15px #ffd7004d}.count-text{font-size:.9rem;letter-spacing:.5px}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,max-content));gap:30px;margin-top:30px;padding:0 10px;justify-content:center}.loading-container{padding:0 10px}.loading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:30px;margin-top:30px;justify-content:center}.loading-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:20px;padding:20px;height:420px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 25px #00000014;transition:all .3s ease;overflow:hidden;position:relative}.loading-image{background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa,#e9ecef 75%);background-size:200% 100%;height:280px;border-radius:15px;animation:shimmer 1.8s infinite;position:relative;overflow:hidden}.loading-text{display:flex;flex-direction:column;gap:10px}.loading-line{background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa,#e9ecef 75%);background-size:200% 100%;height:16px;border-radius:8px;animation:shimmer 1.8s infinite}.loading-line.short{width:60%}.loading-line.medium{width:80%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-card{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.empty-search-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:60px 20px}.no-results-icon{background:linear-gradient(135deg,gold,orange);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 15px 40px #ffd7004d;animation:float 3s ease-in-out infinite}.no-results-icon svg{width:60px;height:60px;stroke:#000;fill:none;stroke-width:2}.no-results-content{max-width:600px}.no-results-content h3{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;color:#333;margin-bottom:15px;background:linear-gradient(135deg,#333,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-results-content p{font-size:clamp(1rem,2.5vw,1.2rem);color:#666;margin-bottom:40px;line-height:1.6}.no-results-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.browse-btn,.go-home-btn{padding:15px 30px;border-radius:50px;font-weight:700;font-size:clamp(.9rem,2vw,1.1rem);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-width:180px;justify-content:center;border:none}.browse-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 25px #ffa5004d}.browse-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 12px 35px #ffa50066}.go-home-btn{background:transparent;color:#333;border:2px solid #333;box-shadow:0 8px 25px #0000001a}.go-home-btn:hover{background:#333;color:#fff;transform:translateY(-3px);box-shadow:0 12px 35px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.error-actions{text-align:center;margin-top:40px}.retry-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-weight:700;font-size:clamp(.9rem,2vw,1.1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #dc35454d;min-width:150px}.retry-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 12px 35px #dc354566}@media(min-width:1200px){.search-results-grid{grid-template-columns:repeat(4,minmax(280px,max-content));justify-content:start}.loading-grid{grid-template-columns:repeat(4,minmax(280px,max-content))}}@media(min-width:1024px)and (max-width:1199px){.search-results-grid{grid-template-columns:repeat(3,minmax(280px,max-content));justify-content:start}.loading-grid{grid-template-columns:repeat(3,minmax(280px,max-content))}}@media(min-width:768px)and (max-width:1023px){.search-results-content{padding:30px 15px}.search-results-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;justify-content:center}.loading-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.loading-card{width:100%;max-width:320px;height:380px;padding:18px}.loading-image{height:250px}.empty-search-results{min-height:450px;padding:50px 20px}.no-results-icon{width:100px;height:100px}.no-results-icon svg{width:50px;height:50px}.search-results-title-section{flex-direction:column;gap:15px}.results-count{padding:10px 16px}.no-results-actions{flex-direction:column;align-items:center}.browse-btn,.go-home-btn{width:100%;max-width:300px}}@media(min-width:481px)and (max-width:767px){.search-results-content{padding:25px 8px}.search-results-header{margin-bottom:30px}.search-results-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 8px;justify-content:stretch}.search-results-grid .item-card{max-width:none!important;width:100%!important;min-width:auto!important}.loading-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 8px}.loading-card{width:100%;height:350px;padding:15px}.loading-image{height:220px}.search-results-title-section{flex-direction:column;gap:15px}.results-count{padding:10px 16px}.empty-search-results{min-height:400px;padding:40px 15px}.no-results-icon{width:90px;height:90px;margin-bottom:25px}.no-results-icon svg{width:45px;height:45px}.no-results-actions{flex-direction:column;align-items:center;gap:15px}.browse-btn,.go-home-btn{width:100%;max-width:280px;padding:12px 25px}}@media(max-width:480px){.search-results-content{padding:20px 5px}.search-results-header{margin-bottom:25px;padding:0 10px}.search-results-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 5px;margin-top:20px;justify-content:stretch}.search-results-grid .item-card{max-width:none!important;width:100%!important;min-width:auto!important}.loading-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 5px}.loading-card{width:100%;height:320px;padding:15px}.loading-image{height:200px}.loading-line{height:14px;margin-bottom:8px}.search-results-title-section{flex-direction:column;gap:12px}.results-count{padding:8px 14px;font-size:.9rem}.count-badge{width:30px;height:30px;font-size:.8rem}.count-text{font-size:.8rem}.empty-search-results{min-height:350px;padding:30px 10px}.no-results-icon{width:80px;height:80px;margin-bottom:20px}.no-results-icon svg{width:40px;height:40px}.browse-btn,.go-home-btn{width:100%;max-width:220px;padding:10px 20px;font-size:.9rem}.retry-btn{width:100%;max-width:200px;padding:10px 20px;font-size:.9rem}}body.dark-mode .search-results-page,[data-theme=dark] .search-results-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}body.dark-mode .search-results-header h1,[data-theme=dark] .search-results-header h1{color:#fff;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(255,255,255,.1)}body.dark-mode .search-results-header p,[data-theme=dark] .search-results-header p{color:#ccc}body.dark-mode .results-count,[data-theme=dark] .results-count{background:linear-gradient(135deg,gold,orange);color:#000;border:2px solid #000}body.dark-mode .count-badge,[data-theme=dark] .count-badge{background:linear-gradient(135deg,#000,#333);color:gold}body.dark-mode .loading-card,[data-theme=dark] .loading-card{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:#555;box-shadow:0 8px 25px #0000004d}body.dark-mode .loading-image,body.dark-mode .loading-text,[data-theme=dark] .loading-image,[data-theme=dark] .loading-text,body.dark-mode .loading-line,[data-theme=dark] .loading-line{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a,#3a3a3a 75%);background-size:200% 100%}body.dark-mode .no-results h3,[data-theme=dark] .no-results h3,body.dark-mode .no-results-content h3,[data-theme=dark] .no-results-content h3{color:#fff;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .no-results p,[data-theme=dark] .no-results p,body.dark-mode .no-results-content p,[data-theme=dark] .no-results-content p{color:#ccc}body.dark-mode .no-results-icon,[data-theme=dark] .no-results-icon{background:linear-gradient(135deg,gold,orange);box-shadow:0 15px 40px #ffd70033}body.dark-mode .browse-btn,[data-theme=dark] .browse-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 25px #ffa50033}body.dark-mode .browse-btn:hover,[data-theme=dark] .browse-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 12px 35px #ffa5004d}body.dark-mode .retry-btn,[data-theme=dark] .retry-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 8px 25px #dc354533}body.dark-mode .retry-btn:hover,[data-theme=dark] .retry-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 12px 35px #dc35454d}body.dark-mode .go-home-btn,[data-theme=dark] .go-home-btn{border-color:#fff;color:#fff}body.dark-mode .go-home-btn:hover,[data-theme=dark] .go-home-btn:hover{background:#fff;color:#000}@media(prefers-contrast:high){.search-results-page{background:#fff;color:#000}.search-results-header h1{color:#000;text-shadow:none;background:none;-webkit-text-fill-color:initial}.loading-card{border:3px solid #000000;background:#fff}.loading-image,.loading-text{background:#f0f0f0;animation:none}.browse-btn{background:#000;color:#fff;border:2px solid #000000}.retry-btn{background:#c00;color:#fff;border:2px solid #cc0000}body.dark-mode .search-results-page,[data-theme=dark] .search-results-page{background:#000;color:#fff}body.dark-mode .search-results-header h1,[data-theme=dark] .search-results-header h1{color:#fff;background:none;-webkit-text-fill-color:initial}body.dark-mode .loading-card,[data-theme=dark] .loading-card{border:3px solid #ffffff;background:#000}}@media(prefers-reduced-motion:reduce){.loading-image,.loading-text,.no-results-icon{animation:none}.browse-btn,.retry-btn{transition:none}.browse-btn:hover,.retry-btn:hover{transform:none}}@media print{.search-results-page{background:#fff;color:#000}.loading-grid,.no-results-actions,.error-actions{display:none}.search-results-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.search-results-container{padding:1rem}.search-results-header h1{font-size:2rem}.search-results-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.no-results{padding:2rem 1rem}.no-results-icon{width:60px;height:60px}.no-results h3{font-size:1.5rem}.no-results-actions{flex-direction:column;align-items:center}}.auth-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,215,0,.12),transparent 32%),linear-gradient(135deg,#fbfbfd,#f2f4f7 46%,#fff);z-index:9999;box-sizing:border-box}.auth-loading-screen__ambient{position:absolute;border-radius:50%;filter:blur(18px);opacity:.75;animation:authFloat 8s ease-in-out infinite;pointer-events:none}.auth-loading-screen__ambient--one{width:260px;height:260px;top:-70px;left:-40px;background:radial-gradient(circle,#ffd7002e,#ffd70000)}.auth-loading-screen__ambient--two{width:320px;height:320px;right:-100px;bottom:-120px;background:radial-gradient(circle,#0f172a1f,#0f172a00);animation-delay:-4s}.auth-loading-card{position:relative;width:min(100%,460px);padding:36px 30px 30px;border-radius:28px;border:1px solid rgba(255,215,0,.28);background:linear-gradient(145deg,#fffffff5,#f6f8fbf5);box-shadow:0 24px 70px #0f172a29,0 0 0 1px #ffffffb3 inset;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:authCardEnter .45s cubic-bezier(.22,1,.36,1)}.auth-loading-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(255,215,0,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(255,183,0,.08),transparent 30%);pointer-events:none}.auth-loading-card__brand{display:flex;justify-content:center;margin-bottom:18px}.auth-loading-card__brand-ring{width:78px;height:78px;border-radius:50%;padding:4px;background:linear-gradient(135deg,gold,#ffb700,gold);box-shadow:0 12px 24px #ffb70047}.auth-loading-card__brand-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.08em;color:#0f172a;background:linear-gradient(145deg,#fff,#f4f5f8)}.auth-loading-spinner{width:56px;height:56px;margin:0 auto 18px;position:relative}.auth-loading-spinner span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(15,23,42,.12);border-top-color:gold;animation:authSpin 1s linear infinite}.auth-loading-spinner span:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;animation-duration:1.2s;animation-direction:reverse;border-top-color:#ffb700e6}.auth-loading-spinner span:nth-child(3){top:20px;right:20px;bottom:20px;left:20px;animation-duration:1.4s;border-top-color:#0f172a73}.auth-loading-card__title{margin:0;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.15;font-weight:800;color:#0f172a}.auth-loading-card__description{margin:14px auto 0;max-width:34ch;color:#475569;font-size:1rem;line-height:1.6}.auth-loading-card__steps{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;color:#64748b;font-size:.88rem;font-weight:600;letter-spacing:.02em}.auth-loading-card__steps span:nth-child(odd){color:#334155}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes authCardEnter{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.03)}}.auth-loading-screen--dark,.auth-loading-screen[data-theme=dark],[data-theme=dark] .auth-loading-screen,body.dark-mode .auth-loading-screen{background:radial-gradient(circle at top,rgba(255,215,0,.16),transparent 32%),linear-gradient(135deg,#101010,#161616 44%,#1d1d1d)}.auth-loading-screen--dark .auth-loading-screen__ambient--two,.auth-loading-screen[data-theme=dark] .auth-loading-screen__ambient--two,[data-theme=dark] .auth-loading-screen__ambient--two,body.dark-mode .auth-loading-screen__ambient--two{background:radial-gradient(circle,#ffffff14,#fff0)}.auth-loading-screen--dark .auth-loading-card,.auth-loading-screen[data-theme=dark] .auth-loading-card,[data-theme=dark] .auth-loading-card,body.dark-mode .auth-loading-card{border-color:#ffd70059;background:linear-gradient(145deg,#1e1e1efa,#141414fa);box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0a inset}.auth-loading-screen--dark .auth-loading-card__brand-core,.auth-loading-screen[data-theme=dark] .auth-loading-card__brand-core,[data-theme=dark] .auth-loading-card__brand-core,body.dark-mode .auth-loading-card__brand-core{color:#f8fafc;background:linear-gradient(145deg,#232323,#171717)}.auth-loading-screen--dark .auth-loading-spinner span,.auth-loading-screen[data-theme=dark] .auth-loading-spinner span,[data-theme=dark] .auth-loading-spinner span,body.dark-mode .auth-loading-spinner span{border-color:#ffffff1a;border-top-color:gold}.auth-loading-screen--dark .auth-loading-spinner span:nth-child(2),.auth-loading-screen[data-theme=dark] .auth-loading-spinner span:nth-child(2),[data-theme=dark] .auth-loading-spinner span:nth-child(2),body.dark-mode .auth-loading-spinner span:nth-child(2){border-top-color:#ffb700f2}.auth-loading-screen--dark .auth-loading-spinner span:nth-child(3),.auth-loading-screen[data-theme=dark] .auth-loading-spinner span:nth-child(3),[data-theme=dark] .auth-loading-spinner span:nth-child(3),body.dark-mode .auth-loading-spinner span:nth-child(3){border-top-color:#ffffff73}.auth-loading-screen--dark .auth-loading-card__title,.auth-loading-screen[data-theme=dark] .auth-loading-card__title,[data-theme=dark] .auth-loading-card__title,body.dark-mode .auth-loading-card__title{color:#f8fafc}.auth-loading-screen--dark .auth-loading-card__description,.auth-loading-screen[data-theme=dark] .auth-loading-card__description,[data-theme=dark] .auth-loading-card__description,body.dark-mode .auth-loading-card__description{color:#cbd5e1}.auth-loading-screen--dark .auth-loading-card__steps,.auth-loading-screen[data-theme=dark] .auth-loading-card__steps,[data-theme=dark] .auth-loading-card__steps,body.dark-mode .auth-loading-card__steps{color:#94a3b8}.auth-loading-screen--dark .auth-loading-card__steps span:nth-child(odd),.auth-loading-screen[data-theme=dark] .auth-loading-card__steps span:nth-child(odd),[data-theme=dark] .auth-loading-card__steps span:nth-child(odd),body.dark-mode .auth-loading-card__steps span:nth-child(odd){color:#e2e8f0}@media(max-width:640px){.auth-loading-screen{padding:18px}.auth-loading-card{padding:30px 22px 24px;border-radius:24px}.auth-loading-card__steps{gap:8px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){.auth-loading-screen__ambient,.auth-loading-card,.auth-loading-spinner span{animation:none}}.checkout-page{--cp-bg: #faf7ef;--cp-card-bg: #ffffff;--cp-border: #ececdf;--cp-text: #17140c;--cp-muted: #8a8578;--cp-input-bg: #ffffff;--cp-input-border: #e4e0d4;--cp-gold: #f0b429;--cp-gold-dark: #d99e0a;--cp-step-inactive: #d9d5c8;--cp-pill-bg: #17140c;--cp-pill-text: #ffffff;--cp-danger: #e03131;min-height:100vh;background:var(--cp-bg);color:var(--cp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .2s ease,color .2s ease}body.dark-mode .checkout-page,[data-theme=dark] .checkout-page{--cp-bg: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--cp-card-bg: #2a2a2a;--cp-border: #262626;--cp-text: #f5f5f2;--cp-muted: #9a9a9a;--cp-input-bg: #ffffff;--cp-input-border: #e4e0d4;--cp-step-inactive: #3a3a3a;--cp-pill-bg: #f0b429;--cp-pill-text: #17140c}.checkout-container{max-width:100vw;margin:0 20px;padding:20px 25px 60px}.checkout-content{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.checkout-content{grid-template-columns:1.6fr 1fr}}.checkout-main{display:flex;flex-direction:column;gap:20px;min-width:0}.checkout-sidebar{position:sticky;top:90px}.checkout-sidebar-inner{display:flex;flex-direction:column;gap:20px;min-width:0}@media(max-width:1023.98px){.checkout-sidebar{display:none}}.mobile-order-summary{display:none}@media(max-width:1023.98px){.mobile-order-summary{display:block;border-bottom:1px solid var(--cp-border);background:var(--cp-card-bg)}}.mobile-order-summary-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;padding:16px 20px;cursor:pointer;color:var(--cp-text);font-size:1rem;font-weight:700}.mobile-order-summary-toggle .toggle-left{display:flex;align-items:center;gap:10px;color:var(--cp-gold-dark)}body.dark-mode .mobile-order-summary-toggle .toggle-left,[data-theme=dark] .mobile-order-summary-toggle .toggle-left{color:var(--cp-gold)}.mobile-order-summary-toggle .toggle-right{display:flex;align-items:center;gap:10px;color:var(--cp-text)}.mobile-order-summary-toggle .toggle-chevron{display:flex;color:var(--cp-muted);transition:transform .2s ease}.mobile-order-summary-toggle .toggle-chevron.open{transform:rotate(180deg)}.mobile-order-summary-panel{padding:0 20px 20px}.checkout-section{background:var(--cp-card-bg);border:1px solid var(--cp-border);border-radius:18px;padding:24px}.checkout-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.checkout-section-header .section-heading{display:flex;align-items:flex-start;gap:14px}.checkout-section-header h2{margin:0;font-size:1.15rem;font-weight:700}.checkout-section-header p{margin:4px 0 0;color:var(--cp-muted);font-size:.88rem}.step-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:var(--cp-step-inactive);color:var(--cp-text);flex-shrink:0}.step-badge.complete{background:var(--cp-gold);color:#17140c}.step-badge svg{width:14px;height:14px}.section-done-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#f0b42926;color:var(--cp-gold-dark);font-size:.82rem;font-weight:700;white-space:nowrap}body.dark-mode .checkout-page .section-done-pill,[data-theme=dark] .checkout-page .section-done-pill{color:var(--cp-gold)}.section-done-pill svg{width:14px;height:14px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}.form-field label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cp-muted);margin-bottom:8px}.form-field label svg{width:14px;height:14px}.form-field input,.form-field select{width:100%;background:var(--cp-input-bg);border:1px solid var(--cp-input-border);border-radius:12px;padding:13px 14px;font-size:.95rem;color:#17140c;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus{border-color:var(--cp-gold);box-shadow:0 0 0 3px #f0b42933}.form-hint{display:block;margin-top:6px;font-size:.78rem;font-style:italic;color:var(--cp-muted)}.option-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.option-grid.two-col{grid-template-columns:1fr 1fr}}.option-card{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--cp-border);border-radius:14px;background:var(--cp-card-bg);cursor:pointer;transition:border-color .2s ease,background .2s ease}.option-card.selected{border-color:var(--cp-gold);background:#f0b42914}.option-card .option-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#f0b42926;color:var(--cp-gold-dark);display:flex;align-items:center;justify-content:center}body.dark-mode .checkout-page .option-card .option-icon,[data-theme=dark] .checkout-page .option-card .option-icon{color:var(--cp-gold)}.option-card .option-icon svg{width:20px;height:20px}.option-card .option-body{flex-grow:1;min-width:0}.option-card .option-body h3{margin:0;font-size:.98rem;font-weight:700}.option-card .option-body p{margin:2px 0 0;font-size:.82rem;color:var(--cp-muted)}.option-card .option-price{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-weight:700;font-size:.95rem}.option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--cp-border);display:flex;align-items:center;justify-content:center}.option-card.selected .option-radio,.payment-option-card.selected .option-radio{border-color:var(--cp-gold)}.option-radio .radio-dot{width:10px;height:10px;border-radius:50%;background:transparent}.option-card.selected .option-radio .radio-dot,.payment-option-card.selected .option-radio .radio-dot{background:var(--cp-gold)}.payment-option-card{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--cp-border);border-radius:14px;background:var(--cp-card-bg);cursor:pointer;transition:border-color .2s ease,background .2s ease}.payment-option-card.selected{border-color:var(--cp-gold);background:#f0b42914}.payment-option-card .payment-logo{flex-shrink:0;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:#fff;background:#444;overflow:hidden}.payment-option-card .payment-logo img{width:100%;height:100%;object-fit:contain}.payment-option-card.mtn .payment-logo{background:#ffcc08;color:#17140c}.payment-option-card.airtel .payment-logo{background:#ed1c24}.payment-option-card.card .payment-logo,.payment-option-card.pesapal .payment-logo{background:var(--cp-step-inactive);color:var(--cp-text)}.payment-option-card .payment-info{flex-grow:1;min-width:0}.payment-option-card .payment-info h4{margin:0;font-size:.98rem;font-weight:700}.payment-option-card .payment-info p{margin:2px 0 0;font-size:.82rem;color:var(--cp-muted)}.delivery-address-block{margin-top:20px;padding-top:20px;border-top:1px solid var(--cp-border)}.delivery-address-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.delivery-address-header .label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}.delivery-address-header .label svg{width:16px;height:16px;color:var(--cp-gold-dark)}.use-location-btn{display:flex;align-items:center;gap:6px;background:#f0b42926;color:var(--cp-gold-dark);border:none;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}body.dark-mode .checkout-page .use-location-btn,[data-theme=dark] .checkout-page .use-location-btn{color:var(--cp-gold)}.use-location-btn svg{width:14px;height:14px}.location-input-wrapper{position:relative}.location-input-container{display:flex}.location-input-container input{width:100%;background:var(--cp-input-bg);border:1.5px solid var(--cp-gold);border-radius:12px;padding:13px 14px;font-size:.95rem;color:#17140c;outline:none}.map-button{display:none}.address-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--cp-card-bg);border:1px solid var(--cp-border);overflow:hidden;border-radius:12px;box-shadow:0 12px 30px #00000026;z-index:20}.suggestion-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-size:.88rem;color:var(--cp-text)}.suggestion-item:hover{background:#f0b4291a}.suggestion-item svg{width:16px;height:16px;color:var(--cp-muted);flex-shrink:0}.suggestion-loading,.suggestion-no-results{padding:14px;font-size:.85rem;color:var(--cp-muted);display:flex;align-items:center;gap:8px}.location-hint{margin:10px 0 0;font-size:.8rem;color:var(--cp-muted)}.delivery-fee-row{margin-top:10px;font-size:.85rem;color:var(--cp-muted);display:flex;flex-wrap:wrap;gap:6px 8px}.delivery-fee-row .fee-amount{color:var(--cp-gold-dark);font-weight:700}body.dark-mode .checkout-page .delivery-fee-row .fee-amount,[data-theme=dark] .checkout-page .delivery-fee-row .fee-amount{color:var(--cp-gold)}.delivery-fee-banner{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f0b42914;border:1px solid rgba(240,180,41,.25);font-size:.85rem}.delivery-fee-banner.calculating{display:flex;align-items:center;gap:10px;color:var(--cp-muted)}.fee-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--cp-border);border-top-color:var(--cp-gold);animation:cpSpin .7s linear infinite}.delivery-fee-banner .fee-banner-top{display:flex;justify-content:space-between;color:var(--cp-muted);margin-bottom:4px}.delivery-fee-banner .fee-confirmed strong,.delivery-fee-banner .fee-estimate strong{color:var(--cp-gold-dark)}body.dark-mode .checkout-page .delivery-fee-banner .fee-confirmed strong,[data-theme=dark] .checkout-page .delivery-fee-banner .fee-confirmed strong,body.dark-mode .checkout-page .delivery-fee-banner .fee-estimate strong,[data-theme=dark] .checkout-page .delivery-fee-banner .fee-estimate strong{color:var(--cp-gold)}.delivery-fee-banner.needs-confirmation .fee-message{color:var(--cp-muted);margin-top:4px}.payment-form-details{margin-top:16px}.payment-form-details .form-hint{margin-bottom:8px}.saved-numbers{margin-top:10px}.saved-numbers-label{display:block;font-size:.78rem;color:var(--cp-muted);margin-bottom:8px}.number-buttons{display:flex;flex-wrap:wrap;gap:8px}.number-btn{padding:8px 14px;border-radius:999px;border:1.5px solid var(--cp-input-border);background:var(--cp-input-bg);color:#17140c;font-size:.85rem;cursor:pointer}.number-btn.active{border-color:var(--cp-gold);background:#f0b42926;font-weight:700}.payment-hint{margin-top:8px;font-size:.8rem;color:var(--cp-muted)}.checkout-actions{display:flex;flex-direction:column;gap:12px}@media(max-width:1023.98px){.checkout-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--cp-card-bg);border-top:1px solid var(--cp-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #0000001f}.checkout-container{padding-bottom:110px;padding-right:20px;padding-left:20px;margin:0 2px}@media(max-width:640px){.checkout-container{padding:10px 6px 2px}}}.place-order-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--cp-gold);color:#17140c;border:none;border-radius:999px;padding:18px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.place-order-btn:hover:not(:disabled){background:var(--cp-gold-dark);transform:translateY(-2px)}.place-order-btn:disabled{opacity:.7;cursor:not-allowed}.place-order-btn .spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(23,20,12,.3);border-top-color:#17140c;animation:cpSpin .7s linear infinite}.payment-status{padding:14px 16px;border-radius:14px;font-size:.88rem}.payment-status.pending{background:#f0b4291f;color:var(--cp-gold-dark)}.payment-status.success{background:#2f9e441f;color:#2f9e44;display:flex;gap:10px;align-items:center}.payment-status.failed{background:#e031311f;color:var(--cp-danger)}.payment-status p{margin:0;font-weight:700}.payment-status small{color:inherit;opacity:.85}.loading-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--cp-muted, #8a8578)}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a99;display:flex;align-items:center;justify-content:center;z-index:100}.processing-card{background:var(--cp-card-bg);border-radius:20px;padding:32px;max-width:380px;width:90%;text-align:center;color:var(--cp-text)}.processing-card .spinner{width:32px;height:32px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--cp-border);border-top-color:var(--cp-gold);animation:cpSpin .8s linear infinite}.processing-steps{display:flex;flex-direction:column;gap:8px;margin:16px 0;text-align:left}.processing-steps .step{padding:10px 14px;border-radius:10px;background:#f0b42914;font-size:.85rem}.processing-steps .step.completed{color:#2f9e44}.processing-steps .step.failed{color:var(--cp-danger)}.close-overlay{margin-top:12px;background:var(--cp-gold);color:#17140c;border:none;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}@keyframes cpSpin{to{transform:rotate(360deg)}}.pesapal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pesapal-modal-content{background:#fff;width:100%;max-width:600px;height:85vh;max-height:720px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pesapal-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.pesapal-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.pesapal-modal-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:4px 8px}.pesapal-iframe-container{flex:1;width:100%;background:#f9fafb}.pesapal-iframe{width:100%;height:100%;border:none}.pesapal-modal-footer{padding:12px 20px;background-color:#f8fafc;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pesapal-fallback-text{margin:0;font-size:.875rem;color:#64748b}.pesapal-direct-link-btn{font-size:.875rem;font-weight:500;color:#2563eb;text-decoration:underline;cursor:pointer}.phone-input-wrapper{display:flex;align-items:center;gap:8px}.country-code{background:#f3f4f6;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px;font-weight:600;color:#374151;font-size:.95rem;height:42px;display:flex;align-items:center}.phone-select-wrapper{display:flex;flex-direction:column}.customization-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333}.customization-container{max-width:1400px;margin:0 auto;padding:20px}.customization-header{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.customization-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,gold,orange,gold);border-radius:15px 15px 0 0}.customization-header h1{font-size:2.5rem;color:#333;margin:20px 0;text-align:center;font-weight:700;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.existing-customization-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;border:2px solid #28a745;margin:10px auto 0;width:fit-content;box-shadow:0 2px 8px #28a74533}.existing-customization-badge svg{width:18px;height:18px;color:#28a745}.back-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:500}.back-btn:hover{background:linear-gradient(135deg,#5a6268,#4a4f55);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.back-btn svg{width:20px;height:20px}.customization-stats{display:flex;justify-content:center;gap:40px;margin-top:25px}.stat-item{text-align:center;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:12px;min-width:120px;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:gold}.stat-item.pending{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:#333}.stat-label{display:block;font-size:.85rem;color:#666;margin-top:5px}.customization-content{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start}.item-preview{position:sticky;top:20px}.preview-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000001a;text-align:center;transition:all .3s ease}.preview-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026;border-color:gold}.preview-image{width:100%;max-width:200px;height:200px;object-fit:cover;border-radius:12px;margin-bottom:20px;border:3px solid #e9ecef;transition:all .3s ease}.preview-card:hover .preview-image{border-color:gold;transform:scale(1.02)}.preview-details h3{font-size:1.2rem;color:#333;margin-bottom:10px;font-weight:700}.preview-details p{margin:8px 0;color:#666;font-size:.95rem}.item-size{background:linear-gradient(135deg,gold,orange);color:#000;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-block}.item-price{font-size:1.1rem;font-weight:700;color:#28a745}.individual-jersey-note{font-size:.9rem;color:#666;font-style:italic;margin-top:10px;padding:8px 12px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #FFD700;border-radius:5px}.customize-quantity-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease}.customize-quantity-section:hover{border-color:gold;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.quantity-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:.95rem}.quantity-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px;justify-content:center}.quantity-btn{width:40px;height:40px;border:2px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);color:#333;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,orange);color:#000;border-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.quantity-btn:disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#999;border-color:#dee2e6;cursor:not-allowed;opacity:.6}.quantity-input{width:70px;height:40px;text-align:center;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-weight:700;color:#333;background:#fff;transition:all .3s ease}.quantity-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.quantity-note{text-align:center;font-size:.9rem;color:#666;margin:0;line-height:1.4}.remaining-note{display:block;font-size:.8rem;color:#ffc107;font-style:italic;margin-top:4px}.customization-form-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden}.customization-form{padding:0}.form-section{padding:30px;border-bottom:2px solid #f1f3f4;position:relative}.form-section:last-child{border-bottom:none}.form-section:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(135deg,gold,orange);opacity:0;transition:opacity .3s ease}.form-section:hover:before{opacity:1}.section-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;color:#333;margin-bottom:25px;font-weight:700;padding-bottom:15px;border-bottom:2px solid #f1f3f4}.section-title svg{width:24px;height:24px;color:gold}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;background:#fff;color:#333;transition:all .3s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033;background:#fefefe}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.font-options{margin-top:15px}.radio-group{display:grid;gap:15px;margin-bottom:20px}.radio-option{display:flex;align-items:flex-start;gap:15px;padding:20px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.radio-option:hover{border-color:gold;background:#fefefe;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.radio-option.selected{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fef5d4);box-shadow:0 4px 15px #ffd70033}.radio-option input[type=radio]{display:none}.radio-indicator{width:20px;height:20px;border:2px solid #e9ecef;border-radius:50%;position:relative;flex-shrink:0;margin-top:2px;transition:all .3s ease}.radio-option:hover .radio-indicator,.radio-option.selected .radio-indicator{border-color:gold}.radio-option.selected .radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:linear-gradient(135deg,gold,orange);border-radius:50%}.option-content h4{margin:0 0 5px;color:#333;font-size:1.1rem;font-weight:600}.option-content p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.font-note{display:flex;align-items:flex-start;gap:12px;padding:15px;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #bbdefb;border-radius:8px;margin-top:15px}.font-note svg{width:20px;height:20px;color:#1976d2;flex-shrink:0;margin-top:2px}.font-note p{margin:0;color:#1565c0;font-size:.9rem;line-height:1.4}.file-upload-section{margin-top:15px}.file-upload-area{display:block;border:2px dashed #e9ecef;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative;overflow:hidden}.file-upload-area:hover{border-color:gold;background:#fefefe;transform:translateY(-2px)}.file-upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .6s ease}.file-upload-area:hover:before{left:100%}.file-input{display:none}.upload-content svg{width:32px;height:32px;color:#6c757d;margin-bottom:10px}.upload-content p{margin:0 0 5px;color:#333;font-weight:600;font-size:1rem}.upload-content span{color:#666;font-size:.85rem}.uploaded-file{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:8px;margin-top:10px;transition:all .3s ease}.uploaded-file:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:gold}.uploaded-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;flex-shrink:0}.file-info{flex:1;display:flex;justify-content:space-between;align-items:center}.file-name{color:#333;font-weight:500;font-size:.9rem}.remove-file-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.remove-file-btn svg{width:16px;height:16px}.uploaded-images-grid{display:grid;gap:15px;margin-top:15px}.badge-note{margin-top:8px;color:#666;font-size:.85rem;font-style:italic}.form-actions{padding:25px 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end}.cancel-btn,.save-customization-btn{padding:12px 30px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#5a6268,#4a4f55);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.save-customization-btn{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:700}.save-customization-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.cancel-btn:disabled,.save-customization-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.save-customization-btn:disabled:hover{transform:none;box-shadow:none}.btn-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top:2px solid #000;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.loading-message{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;margin:40px 0;box-shadow:0 8px 25px #0000001a}.loading-message .spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #e9ecef;border-top:4px solid #FFD700;border-radius:50%;animation:spin 1s linear infinite}.loading-message p{color:#666;font-size:1.1rem;font-weight:500}.error-message{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;margin:40px 0;box-shadow:0 8px 25px #0000001a}.error-message h2{color:#dc3545;margin-bottom:15px;font-size:1.5rem}.error-message p{color:#666;margin-bottom:25px;font-size:1rem}.back-to-cart-btn{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-to-cart-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}@media(max-width:1200px){.customization-content{grid-template-columns:300px 1fr;gap:25px}}@media(max-width:992px){.customization-content{grid-template-columns:1fr;gap:30px}.item-preview{position:static;order:-1}.preview-card{display:flex;align-items:center;gap:25px;text-align:left}.preview-image{width:150px;height:150px;flex-shrink:0;margin-bottom:0}.customization-stats{gap:20px}.stat-item{min-width:100px;padding:12px 15px}}@media(max-width:768px){.customization-container{padding:15px}.customization-header{padding:20px}.customization-header h1{font-size:2rem}.customization-stats{flex-direction:column;gap:15px;align-items:center}.stat-item{width:100%;max-width:200px}.form-row{grid-template-columns:1fr;gap:15px}.form-section{padding:20px}.section-title{font-size:1.2rem}.preview-card{flex-direction:column;text-align:center}.preview-image{width:120px;height:120px}.customize-quantity-section{padding:15px}.quantity-controls{gap:8px}.quantity-btn{width:35px;height:35px;font-size:1rem}.quantity-input{width:60px;height:35px;font-size:.9rem}.form-actions{flex-direction:column;padding:20px}.cancel-btn,.save-customization-btn{width:100%;justify-content:center}}@media(max-width:480px){.customization-header h1{font-size:1.6rem}.back-btn{padding:10px 15px;font-size:.9rem}.file-upload-area{padding:25px 15px}.uploaded-file{flex-direction:column;gap:10px;align-items:flex-start}.file-info{width:100%;flex-direction:column;gap:10px;align-items:flex-start}.customize-quantity-section{padding:12px}.quantity-controls{flex-direction:column;gap:10px;align-items:center}.quantity-btn{width:45px;height:40px}.quantity-input{width:80px;height:40px}}body.dark-mode .customization-page,[data-theme=dark] .customization-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}body.dark-mode .customization-header,[data-theme=dark] .customization-header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040;box-shadow:0 8px 25px #0000004d}body.dark-mode .customization-header h1,[data-theme=dark] .customization-header h1{color:#fff;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .existing-customization-badge,[data-theme=dark] .existing-customization-badge{background:linear-gradient(135deg,#1a3d2e,#0f291f);color:#d4edda;border-color:#28a745;box-shadow:0 2px 8px #28a7454d}body.dark-mode .existing-customization-badge svg,[data-theme=dark] .existing-customization-badge svg{color:#28a745}body.dark-mode .back-btn,[data-theme=dark] .back-btn{background:linear-gradient(135deg,#404040,#333);color:#fff}body.dark-mode .back-btn:hover,[data-theme=dark] .back-btn:hover{background:linear-gradient(135deg,#555,#444)}body.dark-mode .stat-item,[data-theme=dark] .stat-item{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040;color:#fff}body.dark-mode .stat-item:hover,[data-theme=dark] .stat-item:hover{border-color:gold;box-shadow:0 6px 20px #ffd70033}body.dark-mode .stat-item.pending,[data-theme=dark] .stat-item.pending{background:linear-gradient(135deg,#3d3d00,#2d2d00);border-color:gold}body.dark-mode .stat-number,[data-theme=dark] .stat-number{color:#fff}body.dark-mode .stat-label,[data-theme=dark] .stat-label{color:#ccc}body.dark-mode .preview-card,body.dark-mode .customization-form-container,[data-theme=dark] .preview-card,[data-theme=dark] .customization-form-container{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040;box-shadow:0 8px 25px #0000004d}body.dark-mode .preview-card:hover,[data-theme=dark] .preview-card:hover{box-shadow:0 12px 35px #ffd70033;border-color:gold}body.dark-mode .preview-image,[data-theme=dark] .preview-image{border-color:#404040}body.dark-mode .preview-card:hover .preview-image,[data-theme=dark] .preview-card:hover .preview-image{border-color:gold}body.dark-mode .preview-details h3,[data-theme=dark] .preview-details h3{color:#fff}body.dark-mode .preview-details p,[data-theme=dark] .preview-details p{color:#ccc}body.dark-mode .item-price,[data-theme=dark] .item-price{color:#40c057}body.dark-mode .customize-quantity-section,[data-theme=dark] .customize-quantity-section{background:linear-gradient(135deg,#404040,#333);border-color:#555}body.dark-mode .customize-quantity-section:hover,[data-theme=dark] .customize-quantity-section:hover{background:linear-gradient(135deg,#4a4a4a,#3d3d3d);border-color:gold}body.dark-mode .quantity-label,[data-theme=dark] .quantity-label{color:#fff}body.dark-mode .quantity-btn,[data-theme=dark] .quantity-btn{background:linear-gradient(135deg,#555,#444);color:#fff;border-color:#666}body.dark-mode .quantity-btn:hover:not(:disabled),[data-theme=dark] .quantity-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,orange);color:#000;border-color:gold}body.dark-mode .quantity-btn:disabled,[data-theme=dark] .quantity-btn:disabled{background:linear-gradient(135deg,#333,#2a2a2a);color:#666;border-color:#404040}body.dark-mode .quantity-input,[data-theme=dark] .quantity-input{background:#404040;color:#fff;border-color:#555}body.dark-mode .quantity-input:focus,[data-theme=dark] .quantity-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033}body.dark-mode .quantity-note,[data-theme=dark] .quantity-note{color:#ccc}body.dark-mode .remaining-note,[data-theme=dark] .remaining-note{color:#ffc107}body.dark-mode .form-section,[data-theme=dark] .form-section{border-bottom-color:#404040}body.dark-mode .section-title,[data-theme=dark] .section-title{color:#fff;border-bottom-color:#404040}body.dark-mode .form-group label,[data-theme=dark] .form-group label{color:#fff}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#404040;border-color:#555;color:#fff}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus,body.dark-mode .form-textarea:focus,[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:gold;background:#4a4a4a;box-shadow:0 0 0 3px #ffd70033}body.dark-mode .radio-option,[data-theme=dark] .radio-option{background:#404040;border-color:#555}body.dark-mode .radio-option:hover,[data-theme=dark] .radio-option:hover{background:#4a4a4a;border-color:gold}body.dark-mode .radio-option.selected,[data-theme=dark] .radio-option.selected{background:linear-gradient(135deg,#3d3d00,#2d2d00);border-color:gold;box-shadow:0 4px 15px #ffd70033}body.dark-mode .radio-indicator,[data-theme=dark] .radio-indicator{border-color:#666}body.dark-mode .radio-option:hover .radio-indicator,body.dark-mode .radio-option.selected .radio-indicator,[data-theme=dark] .radio-option:hover .radio-indicator,[data-theme=dark] .radio-option.selected .radio-indicator{border-color:gold}body.dark-mode .option-content h4,[data-theme=dark] .option-content h4{color:#fff}body.dark-mode .option-content p,[data-theme=dark] .option-content p{color:#ccc}body.dark-mode .font-note,[data-theme=dark] .font-note{background:linear-gradient(135deg,#1a2332,#0f1419);border-color:#2c5282}body.dark-mode .font-note p,[data-theme=dark] .font-note p{color:#64b5f6}body.dark-mode .font-note svg,[data-theme=dark] .font-note svg{color:#42a5f5}body.dark-mode .file-upload-area,[data-theme=dark] .file-upload-area{background:#333;border-color:#555}body.dark-mode .file-upload-area:hover,[data-theme=dark] .file-upload-area:hover{background:#3d3d3d;border-color:gold}body.dark-mode .upload-content p,[data-theme=dark] .upload-content p{color:#fff}body.dark-mode .upload-content span,[data-theme=dark] .upload-content span{color:#ccc}body.dark-mode .upload-content svg,[data-theme=dark] .upload-content svg{color:#999}body.dark-mode .uploaded-file,[data-theme=dark] .uploaded-file{background:linear-gradient(135deg,#404040,#333);border-color:#555}body.dark-mode .uploaded-file:hover,[data-theme=dark] .uploaded-file:hover{background:linear-gradient(135deg,#4a4a4a,#3d3d3d);border-color:gold}body.dark-mode .uploaded-image,[data-theme=dark] .uploaded-image{border-color:#555}body.dark-mode .file-name,[data-theme=dark] .file-name{color:#fff}body.dark-mode .badge-note,[data-theme=dark] .badge-note{color:#ccc}body.dark-mode .form-actions,[data-theme=dark] .form-actions{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-top-color:#404040}body.dark-mode .cancel-btn,[data-theme=dark] .cancel-btn{background:linear-gradient(135deg,#555,#444);color:#fff}body.dark-mode .cancel-btn:hover,[data-theme=dark] .cancel-btn:hover{background:linear-gradient(135deg,#666,#555)}body.dark-mode .save-customization-btn,[data-theme=dark] .save-customization-btn{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .save-customization-btn:hover,[data-theme=dark] .save-customization-btn:hover{background:linear-gradient(135deg,orange,#ff8c00)}body.dark-mode .cancel-btn:disabled,[data-theme=dark] .cancel-btn:disabled,body.dark-mode .save-customization-btn:disabled,[data-theme=dark] .save-customization-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}body.dark-mode .btn-spinner,[data-theme=dark] .btn-spinner{border-color:#0000004d;border-top-color:#000}body.dark-mode .loading-message,[data-theme=dark] .loading-message{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040}body.dark-mode .loading-message .spinner,[data-theme=dark] .loading-message .spinner{border-color:#404040;border-top-color:gold}body.dark-mode .loading-message p,[data-theme=dark] .loading-message p{color:#ccc}body.dark-mode .error-message,[data-theme=dark] .error-message{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040}body.dark-mode .error-message h2,[data-theme=dark] .error-message h2{color:#ff6b6b}body.dark-mode .error-message p,[data-theme=dark] .error-message p{color:#ccc}body.dark-mode .back-to-cart-btn,[data-theme=dark] .back-to-cart-btn{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .back-to-cart-btn:hover,[data-theme=dark] .back-to-cart-btn:hover{background:linear-gradient(135deg,orange,#ff8c00)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.back-btn:focus-visible,.cancel-btn:focus-visible,.save-customization-btn:focus-visible,.remove-file-btn:focus-visible{outline:2px solid #FFD700;outline-offset:2px}@media(prefers-contrast:high){.customization-page{background:#fff;color:#000}.customization-header,.preview-card,.customization-form-container,.form-input,.form-select,.form-textarea,.back-btn,.cancel-btn,.save-customization-btn{border:2px solid #000000}}@keyframes cs-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cs-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f0ede8cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:cs-fadeIn .3s ease}.cs-loading-spinner{width:48px;height:48px;border:4px solid #E5E0D8;border-top:4px solid #D4940A;border-radius:50%;animation:cs-spin 1s linear infinite;margin-bottom:16px}.cs-loading-text{font-size:1rem;font-weight:600;color:#111;letter-spacing:.02em}.cs-page{min-height:100vh;background:#f0ede8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;animation:cs-fadeIn .3s ease}.cs-container{margin:0;padding:28px 24px 0}.cs-footer-spacer{height:80px}.cs-hero-card{background:#fff;border:1px solid #E5E0D8;border-radius:16px;padding:28px 28px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px;animation:cs-slideUp .4s ease}.cs-hero-left{flex:1;min-width:0}.cs-step-badge{display:inline-flex;align-items:center;gap:6px;background:#fdf3dc;color:#92680a;border:1px solid #F0D38A;border-radius:20px;font-size:.78rem;font-weight:600;padding:5px 12px;margin-bottom:14px}.cs-hero-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:#111;margin:0 0 8px;line-height:1.15;letter-spacing:-.02em}.cs-hero-subtitle{font-size:.92rem;color:#6b6560;margin:0;line-height:1.5}.cs-progress-ring-wrap{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.cs-progress-ring{transform:rotate(0);flex-shrink:0}.cs-ring-label{font-size:13px;font-weight:700;fill:#111}.cs-ring-info{display:flex;flex-direction:column;gap:2px}.cs-ring-done{font-size:1rem;font-weight:700;color:#111;white-space:nowrap}.cs-ring-remaining{font-size:.82rem;color:#8a847e;white-space:nowrap}.cs-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;animation:cs-slideUp .45s ease}.cs-stat-card{background:#fff;border:1px solid #E5E0D8;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}.cs-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-stat-icon--grid{background:#f0ede8;color:#6b6560}.cs-stat-icon--check{background:#e8f7ee;color:#2c9b5b}.cs-stat-icon--pending{background:#fdf3dc;color:#c47f0a}.cs-stat-body{display:flex;flex-direction:column;gap:2px}.cs-stat-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;color:#8a847e}.cs-stat-value{font-size:1.65rem;font-weight:800;color:#111;line-height:1}.cs-controls-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;animation:cs-slideUp .5s ease}.cs-group-label{font-size:.88rem;font-weight:500;color:#6b6560}.cs-view-toggle{display:flex;gap:0;background:#f0ede8;border:1px solid #E0DAD2;border-radius:10px;padding:3px}.cs-toggle-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:7px;font-size:.85rem;font-weight:600;color:#6b6560;background:transparent;cursor:pointer;transition:all .18s ease}.cs-toggle-btn--active{background:#d4940a;color:#fff;box-shadow:0 1px 4px #0000001f}.cs-toggle-btn:not(.cs-toggle-btn--active):hover{background:#e5ddd4;color:#333}.cs-filter-tabs{display:flex;gap:8px;margin-bottom:20px;animation:cs-slideUp .52s ease}.cs-filter-tab{padding:8px 18px;border-radius:20px;border:1.5px solid #D8D2CA;background:transparent;font-size:.88rem;font-weight:600;color:#5a5450;cursor:pointer;transition:all .16s ease}.cs-filter-tab:hover{border-color:#b89020;color:#333}.cs-filter-tab--active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.cs-groups{display:flex;flex-direction:column;gap:16px;animation:cs-slideUp .55s ease}.cs-group{background:#fff;border:1px solid #E5E0D8;border-radius:14px;overflow:hidden}.cs-group-header{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #F0EDE8}.cs-group-header-left{display:flex;flex-direction:column;gap:2px}.cs-group-name{font-size:1rem;font-weight:700;color:#111}.cs-group-sub{font-size:.78rem;color:#8a847e}.cs-group-progress-bar{flex:1;max-width:200px;height:4px;background:#ede8e0;border-radius:4px;overflow:hidden;align-self:center}.cs-group-progress-fill{height:100%;background:#d4940a;border-radius:4px;transition:width .4s ease}.cs-item-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #F5F2EE;transition:background .15s ease}.cs-item-row:last-child{border-bottom:none}.cs-item-row:hover{background:#fdfcfb}.cs-item-thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f5f2ee;flex-shrink:0}.cs-item-thumb img{width:100%;height:100%;object-fit:cover}.cs-item-info{display:flex;flex-direction:column;gap:5px;min-width:0}.cs-item-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-item-name{font-size:.96rem;font-weight:700;color:#111}.cs-item-meta{font-size:.82rem;color:#8a847e}.cs-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.cs-badge--done{background:#e8f7ee;color:#2c9b5b}.cs-badge--pending{background:#fdf3dc;color:#c47f0a}.cs-item-actions{flex-shrink:0}.cs-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1.5px solid #D8D2CA;border-radius:8px;background:#fff;font-size:.85rem;font-weight:600;color:#333;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cs-edit-btn:hover{border-color:#b89020;background:#fdf8ec;color:#92680a}.cs-add-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:none;border-radius:8px;background:#d4940a;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cs-add-btn:hover{background:#b87e08}.cs-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #E5E0D8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;box-shadow:0 -2px 16px #00000012}.cs-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid #D8D2CA;border-radius:10px;background:#fff;font-size:.88rem;font-weight:600;color:#333;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.cs-back-btn:hover{border-color:#111;background:#f5f2ee}.cs-pending-note{font-size:.82rem;color:#6b6560;text-align:center;flex:1}.cs-proceed-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;background:#d4940a;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #d4940a4d}.cs-proceed-btn:hover{background:#b87e08;box-shadow:0 4px 16px #d4940a66}.cs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.cs-empty-icon{width:80px;height:80px;background:#f0ede8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#8a847e}.cs-empty-icon svg{width:40px;height:40px}.cs-empty-state h2{font-size:1.5rem;font-weight:700;color:#111;margin:0 0 10px}.cs-empty-state p{font-size:.95rem;color:#6b6560;margin:0 0 28px}.cs-shop-btn{padding:12px 28px;border:none;border-radius:10px;background:#d4940a;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease}.cs-shop-btn:hover{background:#b87e08}.cs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:cs-fadeIn .2s ease}.cs-modal{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:cs-slideUp .2s ease;overflow:hidden}.cs-modal-header{background:linear-gradient(135deg,#d4940a,#b87e08);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.cs-modal-header-content h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.cs-modal-close{background:#ffffff26;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s ease}.cs-modal-close:hover{background:#ffffff40}.cs-modal-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.cs-detail-section h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a847e;margin:0 0 10px}.cs-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f5f2ee;border-radius:10px;padding:16px}.cs-info-item{display:flex;flex-direction:column;gap:3px}.cs-info-label{font-size:.72rem;font-weight:600;color:#8a847e;text-transform:uppercase;letter-spacing:.05em}.cs-info-value{font-size:.9rem;font-weight:600;color:#111}.cs-detail-cards{display:flex;flex-direction:column;gap:8px}.cs-detail-card{background:#f5f2ee;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:3px}.cs-detail-label{font-size:.72rem;font-weight:600;color:#8a847e;text-transform:uppercase;letter-spacing:.05em}.cs-detail-value{font-size:.92rem;font-weight:600;color:#111}.cs-special-requests{background:#f5f2ee;border-radius:10px;padding:14px 16px}.cs-special-requests p{font-size:.9rem;color:#333;margin:0;line-height:1.5}.cs-ref-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.cs-ref-image{border-radius:8px;overflow:hidden;background:#f5f2ee;aspect-ratio:1}.cs-ref-image img{width:100%;height:100%;object-fit:cover}.cs-modal-actions{padding:16px 24px;border-top:1px solid #F0EDE8;display:flex;gap:10px;justify-content:flex-end}.cs-modal-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#d4940a;border:none;border-radius:8px;font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;transition:background .15s ease}.cs-modal-edit-btn:hover{background:#b87e08}.cs-modal-close-btn{padding:10px 18px;border:1.5px solid #D8D2CA;border-radius:8px;background:#fff;font-size:.88rem;font-weight:600;color:#333;cursor:pointer;transition:all .15s ease}.cs-modal-close-btn:hover{border-color:#111;background:#f5f2ee}.cs-delete-modal{background:#fff;border-radius:16px;max-width:440px;width:100%;box-shadow:0 20px 60px #0003;animation:cs-slideUp .2s ease;overflow:hidden}.cs-delete-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fef2f2;border-bottom:1px solid #FECACA;color:#dc2626}.cs-delete-header h2{font-size:1.05rem;font-weight:700;margin:0;color:#dc2626}.cs-delete-body{padding:20px 24px}.cs-delete-body p{font-size:.92rem;color:#333;margin:0 0 12px}.cs-delete-preview{display:flex;gap:10px;align-items:center;background:#f5f2ee;border-radius:8px;padding:10px 14px;margin-bottom:12px}.cs-preview-name{font-weight:700;color:#111;font-size:.92rem}.cs-preview-number{font-weight:700;color:#d4940a;font-size:.92rem;background:#fdf3dc;padding:3px 8px;border-radius:6px}.cs-delete-warning{font-size:.82rem;color:#dc2626!important;margin:0!important}.cs-delete-actions{padding:16px 24px;border-top:1px solid #F0EDE8;display:flex;gap:10px;justify-content:flex-end}.cs-cancel-btn{padding:10px 18px;border:1.5px solid #D8D2CA;border-radius:8px;background:#fff;font-size:.88rem;font-weight:600;color:#333;cursor:pointer;transition:all .15s ease}.cs-cancel-btn:hover{border-color:#111;background:#f5f2ee}.cs-confirm-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;background:#dc2626;font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;transition:background .15s ease}.cs-confirm-delete-btn:hover{background:#b91c1c}@media(max-width:760px)and (min-width:501px){.cs-container{padding:16px 16px 0}.cs-hero-card{flex-direction:column;padding:20px;gap:16px}.cs-progress-ring-wrap{align-self:flex-start;flex-direction:row;gap:14px}.cs-stats-row{grid-template-columns:repeat(3,1fr);gap:10px}.cs-group-progress-bar{max-width:120px}.cs-item-row{grid-template-columns:54px 1fr auto;gap:10px;padding:12px 16px}.cs-item-thumb{width:54px;height:54px}.cs-bottom-bar{padding:12px 16px;gap:12px}.cs-pending-note{font-size:.8rem}.cs-info-grid{grid-template-columns:1fr}}@media(max-width:500px){.cs-container{padding:14px 12px 0}.cs-hero-card{flex-direction:column;padding:18px 16px 16px;gap:16px;border-radius:14px}.cs-hero-left{order:1}.cs-hero-title{font-size:1.35rem;letter-spacing:-.015em}.cs-hero-subtitle{font-size:.83rem}.cs-progress-ring-wrap{order:2;flex-direction:row;align-items:center;gap:14px;align-self:flex-start}.cs-stats-row{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;padding-right:12px}.cs-stats-row::-webkit-scrollbar{display:none}.cs-stat-card{flex:0 0 180px;scroll-snap-align:start;border-radius:12px}.cs-stats-scroll{position:relative}.cs-stats-scroll-track{display:flex;align-items:center;gap:6px;margin-top:8px;padding:0 2px}.cs-stats-scroll-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#8a847e;font-size:.7rem;flex-shrink:0;cursor:pointer;border:none;background:transparent;padding:0}.cs-stats-scroll-bar{flex:1;height:3px;background:#d8d2ca;border-radius:2px;overflow:hidden;position:relative}.cs-stats-scroll-thumb{position:absolute;top:0;left:0;height:100%;background:#8a847e;border-radius:2px;transition:left .2s ease,width .2s ease}.cs-controls-row{margin-bottom:12px}.cs-group-label{font-size:.82rem}.cs-toggle-btn{padding:6px 11px;font-size:.8rem}.cs-filter-tabs{gap:7px}.cs-filter-tab{padding:7px 14px;font-size:.82rem;border-radius:20px}.cs-group{border-radius:12px}.cs-group-header{padding:13px 14px 10px}.cs-group-progress-bar{max-width:100px}.cs-item-row{grid-template-columns:56px 1fr auto;gap:10px;padding:12px 14px}.cs-item-thumb{width:56px;height:56px;border-radius:8px}.cs-item-name{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.cs-item-meta{font-size:.78rem}.cs-edit-btn{padding:8px 13px;font-size:.82rem;border-radius:8px}.cs-continue-btn,.cs-customize-btn{padding:8px 12px;font-size:.8rem}.cs-bottom-bar{padding:10px 14px;gap:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.cs-back-btn{width:44px;height:44px;padding:0;border-radius:50%;justify-content:center;gap:0}.cs-back-btn-label{display:none}.cs-pending-note{font-size:.75rem;line-height:1.4;text-align:center;order:unset;width:unset}.cs-proceed-btn{padding:11px 20px;font-size:.88rem;border-radius:24px;gap:6px;flex:unset}.cs-footer-spacer{height:70px}.cs-modal-overlay{padding:12px}.cs-item-modal,.cs-delete-modal{border-radius:16px 16px 12px 12px}}@media(max-width:500px){body.dark-mode .cs-stats-scroll-bar,[data-theme=dark] .cs-stats-scroll-bar{background:#2c2c2c}body.dark-mode .cs-stats-scroll-thumb,[data-theme=dark] .cs-stats-scroll-thumb{background:#6b6560}body.dark-mode .cs-stats-scroll-arrow,[data-theme=dark] .cs-stats-scroll-arrow{color:#6b6560}body.dark-mode .cs-edit-btn,[data-theme=dark] .cs-edit-btn{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}}body.dark-mode .cs-page,[data-theme=dark] .cs-page{background:#111}body.dark-mode .cs-hero-card,[data-theme=dark] .cs-hero-card{background:#1e1e1e;border-color:#2c2c2c}body.dark-mode .cs-step-badge,[data-theme=dark] .cs-step-badge{background:#2a2200;border-color:#4a3800;color:#d4940a}body.dark-mode .cs-hero-title,[data-theme=dark] .cs-hero-title{color:#f5f5f5}body.dark-mode .cs-hero-subtitle,[data-theme=dark] .cs-hero-subtitle{color:#8a8480}body.dark-mode .cs-ring-label,[data-theme=dark] .cs-ring-label{fill:#f5f5f5}body.dark-mode .cs-progress-ring circle:first-child,[data-theme=dark] .cs-progress-ring circle:first-child{stroke:#2e2e2e}body.dark-mode .cs-ring-done,[data-theme=dark] .cs-ring-done{color:#f5f5f5}body.dark-mode .cs-ring-remaining,[data-theme=dark] .cs-ring-remaining{color:#6b6560}body.dark-mode .cs-stat-card,[data-theme=dark] .cs-stat-card{background:#1e1e1e;border-color:#2c2c2c}body.dark-mode .cs-stat-icon--grid,[data-theme=dark] .cs-stat-icon--grid{background:#2a2a2a;color:#8a8480}body.dark-mode .cs-stat-icon--check,[data-theme=dark] .cs-stat-icon--check{background:#0d2b1a;color:#2c9b5b}body.dark-mode .cs-stat-icon--pending,[data-theme=dark] .cs-stat-icon--pending{background:#2a1d00;color:#d4940a}body.dark-mode .cs-stat-label,[data-theme=dark] .cs-stat-label{color:#6b6560}body.dark-mode .cs-stat-value,[data-theme=dark] .cs-stat-value{color:#f5f5f5}body.dark-mode .cs-group-label,[data-theme=dark] .cs-group-label{color:#8a8480}body.dark-mode .cs-view-toggle,[data-theme=dark] .cs-view-toggle{background:#1e1e1e;border-color:#2c2c2c}body.dark-mode .cs-toggle-btn,[data-theme=dark] .cs-toggle-btn{color:#8a8480}body.dark-mode .cs-toggle-btn--active,[data-theme=dark] .cs-toggle-btn--active{background:#d4940a;color:#fff}body.dark-mode .cs-toggle-btn:not(.cs-toggle-btn--active):hover,[data-theme=dark] .cs-toggle-btn:not(.cs-toggle-btn--active):hover{background:#2a2a2a;color:#e0e0e0}body.dark-mode .cs-filter-tab,[data-theme=dark] .cs-filter-tab{border-color:#3a3a3a;color:#9a9490}body.dark-mode .cs-filter-tab:hover,[data-theme=dark] .cs-filter-tab:hover{border-color:#d4940a;color:#e0e0e0}body.dark-mode .cs-filter-tab--active,[data-theme=dark] .cs-filter-tab--active{background:#f5f5f5;border-color:#f5f5f5;color:#111}body.dark-mode .cs-group,[data-theme=dark] .cs-group{background:#1e1e1e;border-color:#2c2c2c}body.dark-mode .cs-group-header,[data-theme=dark] .cs-group-header{border-bottom-color:#2c2c2c}body.dark-mode .cs-group-name,[data-theme=dark] .cs-group-name{color:#f5f5f5}body.dark-mode .cs-group-sub,[data-theme=dark] .cs-group-sub{color:#6b6560}body.dark-mode .cs-group-progress-bar,[data-theme=dark] .cs-group-progress-bar{background:#2e2e2e}body.dark-mode .cs-item-row,[data-theme=dark] .cs-item-row{border-bottom-color:#262626}body.dark-mode .cs-item-row:hover,[data-theme=dark] .cs-item-row:hover{background:#242424}body.dark-mode .cs-item-thumb,[data-theme=dark] .cs-item-thumb{background:#2a2a2a}body.dark-mode .cs-item-name,[data-theme=dark] .cs-item-name{color:#f5f5f5}body.dark-mode .cs-item-meta,[data-theme=dark] .cs-item-meta{color:#6b6560}body.dark-mode .cs-badge--done,[data-theme=dark] .cs-badge--done{background:#0d2b1a;color:#34c46e}body.dark-mode .cs-badge--pending,[data-theme=dark] .cs-badge--pending{background:#2a1d00;color:#e0a020}body.dark-mode .cs-edit-btn,[data-theme=dark] .cs-edit-btn{background:#1e1e1e;border-color:#3a3a3a;color:#d0ccc8}body.dark-mode .cs-edit-btn:hover,[data-theme=dark] .cs-edit-btn:hover{border-color:#d4940a;background:#2a1d00;color:#d4940a}body.dark-mode .cs-bottom-bar,[data-theme=dark] .cs-bottom-bar{background:#1a1a1a;border-top-color:#2c2c2c;box-shadow:0 -2px 20px #0006}body.dark-mode .cs-back-btn,[data-theme=dark] .cs-back-btn{background:#1a1a1a;border-color:#3a3a3a;color:#d0ccc8}body.dark-mode .cs-back-btn:hover,[data-theme=dark] .cs-back-btn:hover{border-color:#d0ccc8;background:#252525}body.dark-mode .cs-pending-note,[data-theme=dark] .cs-pending-note{color:#6b6560}body.dark-mode .cs-empty-state,[data-theme=dark] .cs-empty-state{color:#f5f5f5}body.dark-mode .cs-empty-icon,[data-theme=dark] .cs-empty-icon{background:#2a2a2a;color:#6b6560}body.dark-mode .cs-empty-state h2,[data-theme=dark] .cs-empty-state h2{color:#f5f5f5}body.dark-mode .cs-empty-state p,[data-theme=dark] .cs-empty-state p{color:#8a8480}body.dark-mode .cs-modal,[data-theme=dark] .cs-modal,body.dark-mode .cs-modal-body,[data-theme=dark] .cs-modal-body{background:#1e1e1e}body.dark-mode .cs-detail-section h3,[data-theme=dark] .cs-detail-section h3{color:#6b6560}body.dark-mode .cs-info-grid,[data-theme=dark] .cs-info-grid{background:#2a2a2a}body.dark-mode .cs-info-label,[data-theme=dark] .cs-info-label{color:#6b6560}body.dark-mode .cs-info-value,[data-theme=dark] .cs-info-value{color:#f5f5f5}body.dark-mode .cs-detail-card,[data-theme=dark] .cs-detail-card{background:#2a2a2a}body.dark-mode .cs-detail-label,[data-theme=dark] .cs-detail-label{color:#6b6560}body.dark-mode .cs-detail-value,[data-theme=dark] .cs-detail-value{color:#f5f5f5}body.dark-mode .cs-special-requests,[data-theme=dark] .cs-special-requests{background:#2a2a2a}body.dark-mode .cs-special-requests p,[data-theme=dark] .cs-special-requests p{color:#d0ccc8}body.dark-mode .cs-ref-image,[data-theme=dark] .cs-ref-image{background:#2a2a2a}body.dark-mode .cs-modal-actions,[data-theme=dark] .cs-modal-actions{border-top-color:#2c2c2c;background:#1a1a1a}body.dark-mode .cs-modal-close,[data-theme=dark] .cs-modal-close{background:#ffffff1a}body.dark-mode .cs-modal-close:hover,[data-theme=dark] .cs-modal-close:hover{background:#fff3}body.dark-mode .cs-modal-close-btn,[data-theme=dark] .cs-modal-close-btn{background:#2a2a2a;border-color:#3a3a3a;color:#d0ccc8}body.dark-mode .cs-modal-close-btn:hover,[data-theme=dark] .cs-modal-close-btn:hover{border-color:#d0ccc8;background:#333}body.dark-mode .cs-delete-modal,[data-theme=dark] .cs-delete-modal{background:#1e1e1e}body.dark-mode .cs-delete-header,[data-theme=dark] .cs-delete-header{background:#2a0d0d;border-bottom-color:#3d1515}body.dark-mode .cs-delete-body p,[data-theme=dark] .cs-delete-body p{color:#d0ccc8}body.dark-mode .cs-delete-preview,[data-theme=dark] .cs-delete-preview{background:#2a2a2a}body.dark-mode .cs-preview-name,[data-theme=dark] .cs-preview-name{color:#f5f5f5}body.dark-mode .cs-preview-number,[data-theme=dark] .cs-preview-number{background:#2a1d00;color:#d4940a}body.dark-mode .cs-delete-actions,[data-theme=dark] .cs-delete-actions{border-top-color:#2c2c2c;background:#1a1a1a}body.dark-mode .cs-cancel-btn,[data-theme=dark] .cs-cancel-btn{background:#2a2a2a;border-color:#3a3a3a;color:#d0ccc8}body.dark-mode .cs-cancel-btn:hover,[data-theme=dark] .cs-cancel-btn:hover{border-color:#d0ccc8;background:#333}.cs-item-modal{background:#fdfaf5;border-radius:18px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e;animation:cs-slideUp .22s ease;overflow:hidden;position:relative}.cs-im-header{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;border-bottom:1px solid #EDE8E0}.cs-im-header-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#f0ede8;flex-shrink:0}.cs-im-header-thumb img{width:100%;height:100%;object-fit:cover}.cs-im-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cs-im-product-name{font-size:1.05rem;font-weight:800;color:#d4940a;line-height:1.2}.cs-im-pills{display:flex;gap:6px}.cs-im-pill{padding:4px 10px;border:1.5px solid #D8D2CA;border-radius:20px;font-size:.75rem;font-weight:600;color:#5a5450;background:transparent}.cs-im-close{width:30px;height:30px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8a847e;cursor:pointer;flex-shrink:0;transition:all .15s ease}.cs-im-close:hover{background:#ede8e0;color:#333}.cs-im-banner{display:flex;align-items:center;gap:10px;margin:14px 20px 0;padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:600}.cs-im-banner--done,.cs-im-banner--partial{background:#fdf3dc;color:#92680a}.cs-im-body{flex:1;overflow-y:auto;padding:16px 20px 8px;display:flex;flex-direction:column;gap:10px}.cs-im-section-header{display:flex;justify-content:space-between;align-items:center}.cs-im-section-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#8a847e}.cs-im-section-count{font-size:.75rem;color:#8a847e;font-weight:500}.cs-im-empty{border:1.5px dashed #D8D2CA;border-radius:10px;padding:20px;text-align:center;font-size:.85rem;color:#8a847e}.cs-im-list{display:flex;flex-direction:column;gap:8px}.cs-im-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EDE8E0;border-radius:10px;padding:12px 14px}.cs-im-index{width:28px;height:28px;border-radius:8px;background:#f0ede8;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#5a5450;flex-shrink:0}.cs-im-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-im-row-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cs-im-player-name{font-size:.92rem;font-weight:700;color:#111}.cs-im-number-pill{background:#2a2a2a;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:20px}.cs-im-row-sub{font-size:.75rem;color:#8a847e}.cs-im-row-actions{display:flex;gap:6px;flex-shrink:0}.cs-im-action-btn{width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s ease,transform .12s ease;flex-shrink:0}.cs-im-action-btn:hover{opacity:.85;transform:scale(1.08)}.cs-im-action-btn--view{background:#3b82f6;color:#fff}.cs-im-action-btn--edit{background:#d4940a;color:#fff}.cs-im-action-btn--delete{background:#ef4444;color:#fff}.cs-im-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:1.5px dashed #D8D2CA;border-radius:10px;background:transparent;font-size:.88rem;font-weight:600;color:#5a5450;cursor:pointer;transition:all .15s ease}.cs-im-add-btn:hover{border-color:#d4940a;color:#d4940a;background:#fdf8ec}.cs-im-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #EDE8E0}.cs-im-footer-close{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-size:.88rem;font-weight:600;color:#6b6560;cursor:pointer;padding:6px 4px;transition:color .15s ease}.cs-im-footer-close:hover{color:#111}.cs-im-footer-done{padding:10px 24px;border:none;border-radius:10px;background:#111;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s ease}.cs-im-footer-done:hover{background:#2a2a2a}.cs-del-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;border-radius:18px;z-index:10;animation:cs-fadeIn .18s ease}.cs-del-modal{background:#fdfaf5;border-radius:14px;max-width:380px;width:calc(100% - 40px);box-shadow:0 8px 32px #0003;overflow:hidden;animation:cs-slideUp .18s ease}.cs-del-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border-bottom:1px solid #FECACA;color:#dc2626}.cs-del-header h2{font-size:1rem;font-weight:700;margin:0;color:#dc2626}.cs-del-body{padding:16px 20px}.cs-del-body p{font-size:.88rem;color:#333;margin:0 0 10px}.cs-del-actions{padding:12px 20px 16px;border-top:1px solid #EDE8E0;display:flex;gap:8px;justify-content:flex-end}.cs-continue-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1.5px solid #D4940A;border-radius:8px;background:#fdf3dc;font-size:.85rem;font-weight:600;color:#92680a;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cs-continue-btn:hover{background:#d4940a;color:#fff;border-color:#d4940a}.cs-customize-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:none;border-radius:8px;background:#1a1a1a;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cs-customize-btn:hover{background:#333}.cs-badge--partial{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap;background:#fdf3dc;color:#c47f0a}body.dark-mode .cs-item-modal,[data-theme=dark] .cs-item-modal{background:#1e1e1e}body.dark-mode .cs-im-header,[data-theme=dark] .cs-im-header{border-bottom-color:#2c2c2c}body.dark-mode .cs-im-header-thumb,[data-theme=dark] .cs-im-header-thumb{background:#2a2a2a}body.dark-mode .cs-im-product-name,[data-theme=dark] .cs-im-product-name{color:#d4940a}body.dark-mode .cs-im-pill,[data-theme=dark] .cs-im-pill{border-color:#3a3a3a;color:#9a9490}body.dark-mode .cs-im-close,[data-theme=dark] .cs-im-close{color:#6b6560}body.dark-mode .cs-im-close:hover,[data-theme=dark] .cs-im-close:hover{background:#2a2a2a;color:#e0e0e0}body.dark-mode .cs-im-banner--done,body.dark-mode .cs-im-banner--partial,[data-theme=dark] .cs-im-banner--done,[data-theme=dark] .cs-im-banner--partial{background:#2a1d00;color:#d4940a}body.dark-mode .cs-im-section-title,body.dark-mode .cs-im-section-count,[data-theme=dark] .cs-im-section-title,[data-theme=dark] .cs-im-section-count{color:#6b6560}body.dark-mode .cs-im-empty,[data-theme=dark] .cs-im-empty{border-color:#3a3a3a;color:#6b6560}body.dark-mode .cs-im-row,[data-theme=dark] .cs-im-row{background:#2a2a2a;border-color:#333}body.dark-mode .cs-im-index,[data-theme=dark] .cs-im-index{background:#333;color:#9a9490}body.dark-mode .cs-im-player-name,[data-theme=dark] .cs-im-player-name{color:#f5f5f5}body.dark-mode .cs-im-number-pill,[data-theme=dark] .cs-im-number-pill{background:#f5f5f5;color:#111}body.dark-mode .cs-im-row-sub,[data-theme=dark] .cs-im-row-sub{color:#6b6560}body.dark-mode .cs-im-add-btn,[data-theme=dark] .cs-im-add-btn{border-color:#3a3a3a;color:#6b6560}body.dark-mode .cs-im-add-btn:hover,[data-theme=dark] .cs-im-add-btn:hover{border-color:#d4940a;color:#d4940a;background:#2a1d00}body.dark-mode .cs-im-footer,[data-theme=dark] .cs-im-footer{border-top-color:#2c2c2c;background:#1a1a1a}body.dark-mode .cs-im-footer-close,[data-theme=dark] .cs-im-footer-close{color:#6b6560}body.dark-mode .cs-im-footer-close:hover,[data-theme=dark] .cs-im-footer-close:hover{color:#e0e0e0}body.dark-mode .cs-im-footer-done,[data-theme=dark] .cs-im-footer-done{background:#f5f5f5;color:#111}body.dark-mode .cs-im-footer-done:hover,[data-theme=dark] .cs-im-footer-done:hover{background:#e0e0e0}body.dark-mode .cs-del-modal,[data-theme=dark] .cs-del-modal{background:#1e1e1e}body.dark-mode .cs-del-header,[data-theme=dark] .cs-del-header{background:#2a0d0d;border-bottom-color:#3d1515}body.dark-mode .cs-del-body p,[data-theme=dark] .cs-del-body p{color:#d0ccc8}body.dark-mode .cs-del-actions,[data-theme=dark] .cs-del-actions{border-top-color:#2c2c2c;background:#1a1a1a}body.dark-mode .cs-continue-btn,[data-theme=dark] .cs-continue-btn{background:#2a1d00;border-color:#4a3800;color:#d4940a}body.dark-mode .cs-continue-btn:hover,[data-theme=dark] .cs-continue-btn:hover{background:#d4940a;border-color:#d4940a;color:#fff}body.dark-mode .cs-customize-btn,[data-theme=dark] .cs-customize-btn{background:#2a2a2a;color:#e0e0e0}body.dark-mode .cs-customize-btn:hover,[data-theme=dark] .cs-customize-btn:hover{background:#3a3a3a}body.dark-mode .cs-badge--partial,[data-theme=dark] .cs-badge--partial{background:#2a1d00;color:#e0a020}@media(max-width:600px){.cs-item-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:92vh;margin-top:auto}.cs-modal-overlay{align-items:flex-end;padding:0}.cs-im-row-actions{gap:5px}.cs-im-action-btn{width:28px;height:28px}}.cs-preview-overlay{z-index:1100}.cs-preview-modal{background:#fdfaf5;border-radius:18px;max-width:740px;width:calc(100% - 48px);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 28px 72px #00000038;animation:cs-slideUp .22s ease;overflow:hidden}.cs-pv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 18px;border-bottom:1px solid #EDE8E0;flex-shrink:0}.cs-pv-header-text{display:flex;flex-direction:column;gap:4px}.cs-pv-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.06em;color:#8a847e;text-transform:uppercase}.cs-pv-title{font-size:1.2rem;font-weight:800;color:#111;margin:0;line-height:1.2}.cs-pv-number{color:#d4940a;font-weight:800}.cs-pv-close{width:32px;height:32px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8a847e;cursor:pointer;flex-shrink:0;transition:all .15s ease;margin-top:2px}.cs-pv-close:hover{background:#ede8e0;color:#333}.cs-pv-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:#D8D2CA transparent}.cs-pv-body::-webkit-scrollbar{width:6px}.cs-pv-body::-webkit-scrollbar-track{background:transparent}.cs-pv-body::-webkit-scrollbar-thumb{background:#d8d2ca;border-radius:3px}.cs-pv-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-pv-field{display:flex;flex-direction:column;gap:6px}.cs-pv-field--full{grid-column:1 / -1}.cs-pv-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#8a847e;text-transform:uppercase}.cs-pv-value{background:#fff;border:1px solid #E8E3DB;border-radius:10px;padding:12px 16px;font-size:.92rem;font-weight:500;color:#111;line-height:1.4;min-height:44px;display:flex;align-items:center}.cs-pv-value--multiline{align-items:flex-start;white-space:pre-wrap;word-break:break-word;min-height:64px}.cs-pv-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.cs-pv-img-wrap{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f0ede8;border:1px solid #E8E3DB}.cs-pv-img-wrap img{width:100%;height:100%;object-fit:cover}.cs-pv-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #EDE8E0;flex-shrink:0;background:#fdfaf5}.cs-pv-footer-close{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-size:.88rem;font-weight:600;color:#6b6560;cursor:pointer;padding:6px 4px;transition:color .15s ease}.cs-pv-footer-close:hover{color:#111}.cs-pv-footer-edit{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:none;border-radius:24px;background:#d4940a;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #d4940a4d}.cs-pv-footer-edit:hover{background:#b87e08;box-shadow:0 4px 16px #d4940a66}body.dark-mode .cs-preview-modal,[data-theme=dark] .cs-preview-modal{background:#1e1e1e}body.dark-mode .cs-pv-header,[data-theme=dark] .cs-pv-header{border-bottom-color:#2c2c2c}body.dark-mode .cs-pv-eyebrow,[data-theme=dark] .cs-pv-eyebrow{color:#6b6560}body.dark-mode .cs-pv-title,[data-theme=dark] .cs-pv-title{color:#f5f5f5}body.dark-mode .cs-pv-close,[data-theme=dark] .cs-pv-close{color:#6b6560}body.dark-mode .cs-pv-close:hover,[data-theme=dark] .cs-pv-close:hover{background:#2a2a2a;color:#e0e0e0}body.dark-mode .cs-pv-body,[data-theme=dark] .cs-pv-body{scrollbar-color:#3A3A3A transparent}body.dark-mode .cs-pv-body::-webkit-scrollbar-thumb,[data-theme=dark] .cs-pv-body::-webkit-scrollbar-thumb{background:#3a3a3a}body.dark-mode .cs-pv-label,[data-theme=dark] .cs-pv-label{color:#6b6560}body.dark-mode .cs-pv-value,[data-theme=dark] .cs-pv-value{background:#2a2a2a;border-color:#333;color:#f5f5f5}body.dark-mode .cs-pv-img-wrap,[data-theme=dark] .cs-pv-img-wrap{background:#2a2a2a;border-color:#333}body.dark-mode .cs-pv-footer,[data-theme=dark] .cs-pv-footer{border-top-color:#2c2c2c;background:#1a1a1a}body.dark-mode .cs-pv-footer-close,[data-theme=dark] .cs-pv-footer-close{color:#6b6560}body.dark-mode .cs-pv-footer-close:hover,[data-theme=dark] .cs-pv-footer-close:hover{color:#e0e0e0}@media(max-width:820px){.cs-preview-modal{max-width:calc(100% - 32px);width:calc(100% - 32px);max-height:90vh;border-radius:16px}.cs-pv-header{padding:16px 18px 14px}.cs-pv-body{padding:16px 18px;gap:12px}.cs-pv-footer{padding:12px 18px}}@media(max-width:560px){.cs-preview-modal{max-width:100%;width:100%;border-radius:16px 16px 0 0;max-height:92vh;margin-top:auto}.cs-pv-row{grid-template-columns:1fr;gap:12px}.cs-pv-header{padding:16px 16px 12px}.cs-pv-title{font-size:1.05rem}.cs-pv-body{padding:14px 16px;gap:12px}.cs-pv-footer{padding:12px 16px}.cs-pv-footer-edit{padding:10px 18px;font-size:.84rem}.cs-preview-overlay{align-items:flex-end;padding:0}}.cs-proceed-label-short{display:none}.cs-proceed-label-full{display:inline}@media(max-width:500px){.cs-proceed-label-full{display:none}.cs-proceed-label-short{display:inline}}.cs-stats-scroll-track{display:none}@media(max-width:500px){.cs-stats-scroll-track{display:flex}}body.dark-mode .cs-stats-scroll-bar,[data-theme=dark] .cs-stats-scroll-bar{background:#2c2c2c}body.dark-mode .cs-stats-scroll-thumb,[data-theme=dark] .cs-stats-scroll-thumb{background:#6b6560}body.dark-mode .cs-stats-scroll-arrow,[data-theme=dark] .cs-stats-scroll-arrow{color:#6b6560}.pesapal-callback-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.callback-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.status-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000000d;max-width:500px;width:100%;text-align:center}.status-card h2{margin:1.5rem 0 1rem;font-size:1.8rem;color:#333}.status-card p{color:#666;line-height:1.6;margin-bottom:2rem}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.success-icon{width:80px;height:80px;background-color:#d4edda;color:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.success-icon svg{width:40px;height:40px}.order-details{background:#f1f3f5;padding:1rem;border-radius:8px;margin-bottom:2rem;font-size:.9rem}.order-details p{margin-bottom:0}.error-icon{width:80px;height:80px;background-color:#f8d7da;color:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.error-icon svg{width:40px;height:40px}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;margin-bottom:1rem;width:100%}.btn-text{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;text-decoration:underline}@media(max-width:576px){.status-card{padding:2rem 1.5rem}}.notification-container{position:fixed;bottom:20px;right:20px;z-index:9999;max-width:380px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;transform:translate(100%);animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards;border-left:4px solid;max-width:100%;word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transition:transform .3s ease,opacity .3s ease}.notification.visible{opacity:1;transform:translate(0)}.notification.fade-out{animation:fadeOut .5s forwards}.notification.hovered{animation-play-state:paused;transform:translate(0)!important;opacity:1!important}.notification.notification-success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2)}.notification.notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2f2,#fecacaf2)}.notification.notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbebf2,#fed7aaf2)}.notification.notification-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6fff2,#dbeafef2)}.notification-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}.notification-icon{flex-shrink:0;width:35px!important;height:35px!important;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-top:0}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-content{display:flex;align-items:center;padding:8px 12px!important;gap:12px;flex-wrap:nowrap!important;width:100%;box-sizing:border-box}.notification-message{flex:1;margin:0!important;padding:0!important;font-size:14px;display:inline-flex;align-items:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-icon svg{width:20px!important;height:20px!important;display:block}.notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.notification-close svg{width:16px!important;height:16px!important;display:block}.notification-close:hover{background:#0000001a;color:#374151}@keyframes slideIn{0%{transform:translate(120%);opacity:0}15%{opacity:.3}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}70%{opacity:.3;transform:translate(10px)}to{opacity:0;transform:translate(20px)}}@media(max-width:768px){.notification-container{bottom:10px;right:10px;left:10px;max-width:none;gap:4px}.notification-content{padding:6px 10px!important;gap:8px}.notification-icon{width:24px!important;height:24px!important;border-radius:4px}.notification-icon svg{width:14px!important;height:14px!important}.notification-message{font-size:12px;margin:0!important;padding:0!important}.notification-close{width:16px!important;height:16px!important}.notification-close svg{width:14px!important;height:14px!important}}@media(prefers-color-scheme:dark){.notification{background:#1f2937f2;color:#f9fafb;border-left:4px solid;box-shadow:0 8px 25px #0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.notification-success{border-left-color:#10b981;background:linear-gradient(135deg,#064e3be6,#065f46e6)}.notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,#7f1d1de6,#991b1be6)}.notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#78350fe6,#92400ee6)}.notification-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#1e3a8ae6,#1e40afe6)}.notification-success .notification-icon{color:#34d399}.notification-error .notification-icon{color:#f87171}.notification-warning .notification-icon{color:#fbbf24}.notification-info .notification-icon{color:#60a5fa}.notification-message{color:#f9fafb}.notification-close{color:#d1d5db}.notification-close:hover{background:#ffffff1a;color:#f9fafb}}.dark .notification{background:#1f2937f2;color:#f9fafb;border-left:4px solid;box-shadow:0 8px 25px #0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .notification-success{border-left-color:#10b981;background:linear-gradient(135deg,#064e3be6,#065f46e6)}.dark .notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,#7f1d1de6,#991b1be6)}.dark .notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#78350fe6,#92400ee6)}.dark .notification-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#1e3a8ae6,#1e40afe6)}.dark .notification-success .notification-icon{color:#34d399}.dark .notification-error .notification-icon{color:#f87171}.dark .notification-warning .notification-icon{color:#fbbf24}.dark .notification-info .notification-icon{color:#60a5fa}.dark .notification-message{color:#f9fafb}.dark .notification-close{color:#d1d5db}.dark .notification-close:hover{background:#ffffff1a;color:#f9fafb}.session-expired-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box;animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}[data-theme=dark] .session-expired-overlay-backdrop,body.dark-mode .session-expired-overlay-backdrop{background:#000000d9}.session-expired-overlay-modal{background:linear-gradient(145deg,#fff,#f8f9fa,#fff);border:3px solid #FFD700;border-radius:24px;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffd7001a,inset 0 1px #fffc;width:100%;max-width:420px;padding:0;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}.session-expired-overlay-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,gold,orange,gold);z-index:10}.session-expired-overlay-modal:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(255,165,0,.06) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=dark] .session-expired-overlay-modal,body.dark-mode .session-expired-overlay-modal{background:linear-gradient(145deg,#2a2a2a,#1a1a1a,#242424);border-color:gold;box-shadow:0 25px 60px #0009,0 0 30px #ffd70026,inset 0 1px #ffffff1a}[data-theme=dark] .session-expired-overlay-modal:after,body.dark-mode .session-expired-overlay-modal:after{background:radial-gradient(circle at 100% 0%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(255,165,0,.08) 0%,transparent 50%)}@keyframes modalSlideIn{0%{transform:translateY(-40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.session-expired-decoration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.decoration-circle{position:absolute;border-radius:50%;opacity:.1}.circle-1{width:200px;height:200px;background:linear-gradient(135deg,gold,orange);top:-100px;right:-50px;animation:float 6s ease-in-out infinite}.circle-2{width:120px;height:120px;background:linear-gradient(135deg,orange,gold);bottom:-60px;left:-30px;animation:float 8s ease-in-out infinite reverse}.circle-3{width:80px;height:80px;background:gold;top:50%;left:-40px;animation:float 5s ease-in-out infinite}[data-theme=dark] .decoration-circle,body.dark-mode .decoration-circle{opacity:.15}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.session-expired-icon-container{display:flex;justify-content:center;padding-top:40px;position:relative;z-index:2}.session-expired-icon{width:80px;height:80px;background:linear-gradient(145deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ffd70066,inset 0 -2px 10px #0000001a;animation:pulse 2s ease-in-out infinite}.session-expired-icon svg{width:40px;height:40px;color:#000;stroke-width:2.5}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ffd70066,inset 0 -2px 10px #0000001a}50%{transform:scale(1.05);box-shadow:0 15px 40px #ffd70080,inset 0 -2px 10px #0000001a}}.session-expired-header{padding:25px 30px 15px;position:relative;z-index:2}.session-expired-header h2{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.5px}[data-theme=dark] .session-expired-header h2,body.dark-mode .session-expired-header h2{background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.session-expired-content{padding:0 35px 25px;text-align:center;position:relative;z-index:2}.session-expired-subtitle{margin:0 0 12px;color:#555;font-size:1rem;line-height:1.6;font-weight:400}.session-expired-message{margin:0;color:#222;font-size:1.1rem;line-height:1.6;font-weight:600}[data-theme=dark] .session-expired-subtitle,body.dark-mode .session-expired-subtitle{color:#aaa}[data-theme=dark] .session-expired-message,body.dark-mode .session-expired-message{color:#fff}.session-expired-actions{padding:0 35px 25px;display:flex;flex-direction:column;gap:12px;align-items:center;position:relative;z-index:2}.session-expired-btn{padding:16px 40px;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;gap:10px;justify-content:center}.session-expired-btn.login-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 6px 20px #ffd70066,inset 0 1px #ffffff4d;min-width:200px}.session-expired-btn.login-btn:hover{background:linear-gradient(135deg,#ffdf00,#ffb700);transform:translateY(-3px);box-shadow:0 12px 35px #ffd70080,inset 0 1px #ffffff4d}.session-expired-btn.login-btn:active{transform:translateY(-1px);box-shadow:0 8px 25px #ffd70073,inset 0 1px #ffffff4d}.session-expired-btn.continue-btn{background:transparent;color:#555;border:2px solid #ddd;box-shadow:none;min-width:200px}.session-expired-btn.continue-btn:hover{background:#0000000d;border-color:#bbb;transform:translateY(-2px);color:#333}.session-expired-btn.continue-btn:active{transform:translateY(-1px);background:#00000014}[data-theme=dark] .session-expired-btn.continue-btn,body.dark-mode .session-expired-btn.continue-btn{color:#aaa;border-color:#444}[data-theme=dark] .session-expired-btn.continue-btn:hover,body.dark-mode .session-expired-btn.continue-btn:hover{background:#ffffff1a;border-color:#666;color:#ddd}[data-theme=dark] .session-expired-btn.continue-btn:active,body.dark-mode .session-expired-btn.continue-btn:active{background:#ffffff26}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-icon svg{width:20px;height:20px;stroke-width:2.5}.session-expired-footer{padding:20px 35px 30px;text-align:center;border-top:1px solid rgba(0,0,0,.06);position:relative;z-index:2}.session-expired-footer p{margin:0;color:#888;font-size:.85rem;font-style:italic}[data-theme=dark] .session-expired-footer,body.dark-mode .session-expired-footer{border-top-color:#ffffff14}[data-theme=dark] .session-expired-footer p,body.dark-mode .session-expired-footer p{color:#777}@media(max-width:480px){.session-expired-overlay-modal{max-width:340px;border-radius:20px}.session-expired-icon-container{padding-top:30px}.session-expired-icon{width:70px;height:70px}.session-expired-icon svg{width:35px;height:35px}.session-expired-header{padding:20px 25px 12px}.session-expired-header h2{font-size:1.6rem}.session-expired-content{padding:0 25px 20px}.session-expired-subtitle{font-size:.9rem}.session-expired-message{font-size:1rem}.session-expired-actions{padding:0 25px 20px;gap:10px}.session-expired-btn{padding:14px 30px;font-size:1rem;min-width:180px}.session-expired-footer{padding:15px 25px 25px}.session-expired-footer p{font-size:.8rem}.circle-1{width:150px;height:150px;top:-75px;right:-40px}.circle-2{width:90px;height:90px;bottom:-45px;left:-25px}.circle-3{display:none}}@media(max-width:360px){.session-expired-overlay-backdrop{padding:15px}.session-expired-overlay-modal{max-width:300px}.session-expired-header h2{font-size:1.4rem}.session-expired-btn{padding:12px 24px;font-size:.95rem;min-width:160px}}@media(prefers-reduced-motion:reduce){.session-expired-overlay-backdrop,.session-expired-overlay-modal,.session-expired-icon,.decoration-circle{animation:none}.session-expired-btn{transition:none}}.signup-page{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}.signup-container{display:grid;grid-template-columns:1fr 1fr;max-width:1400px;width:100%;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;overflow:hidden;min-height:700px}.signup-left{background:linear-gradient(135deg,#000,#2a2a2a);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;position:relative;color:#fff;text-align:center}.signup-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,215,0,.06) 0%,transparent 50%)}.brand-section{position:relative;z-index:1}.brand-section .image-div{margin:0 auto 30px;justify-content:center}.brand-section .image-div img{height:100px;width:auto;filter:drop-shadow(0 10px 30px rgba(255,215,0,.3))}.brand-section h1{font-size:2.5rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-section p{font-size:1.1rem;opacity:.8;line-height:1.6;margin-bottom:40px}.features-list{display:flex;flex-direction:column;gap:20px;text-align:left}.feature-item{display:flex;align-items:center;gap:15px}.feature-icon{width:30px;height:30px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px;flex-shrink:0}.feature-item span{font-size:1rem;opacity:.9}.signup-right{padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.signup-form-container{max-width:500px;width:100%;margin:0 auto}.form-header{text-align:center;margin-bottom:40px}.form-header h2{font-size:2rem;color:#000;font-weight:700;margin-bottom:10px}.form-header p{color:#666;font-size:1rem}.google-signup-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.google-signup-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd70033;transform:translateY(-2px)}.google-logo{display:flex;align-items:center}.divider{text-align:center;margin:30px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.divider span{background:#fff;padding:0 30px 0 20px;color:#999;font-size:.9rem;position:relative}.signup-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem;position:relative;z-index:2;background:#fff;padding:0 2px;width:fit-content}.form-group input{padding:15px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafafa;width:100%}.password-input-container input{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .3s ease;z-index:2}.password-toggle-btn:hover{color:gold}.password-toggle-btn svg{width:20px;height:20px}.form-group input:focus{outline:none;border-color:gold;background:#fff;box-shadow:0 0 0 3px #ffd7001a}.form-group input::placeholder{color:#999}.form-options{margin:10px 0}.terms-agreement{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;color:#666;line-height:1.5;gap:10px}.terms-agreement input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:18px;height:18px;margin-top:2px}.checkmark{position:relative;display:inline-block;width:18px;height:18px;background:#fafafa;border:2px solid #e0e0e0;border-radius:4px;margin-right:8px;margin-top:2px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-agreement input[type=checkbox]:checked+.checkmark{background:gold;border-color:gold}.terms-agreement input[type=checkbox]:checked+.checkmark:after{display:block}.terms-agreement input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #ffd7001a;border-color:gold}.terms-link,.privacy-link{color:gold;text-decoration:none;font-weight:500;transition:all .3s ease}.terms-link:hover,.privacy-link:hover{color:orange;text-decoration:underline}.signup-btn{background:linear-gradient(135deg,gold,orange);color:#000;padding:16px 30px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #ffd7004d;margin-top:10px}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd70066}.signup-btn:active{transform:translateY(0)}.signup-btn:disabled{cursor:not-allowed;opacity:.9}.signup-loading-state{display:flex;align-items:center;justify-content:center;gap:12px}.signup-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.resend-loading-state{display:flex;align-items:center;justify-content:center;gap:8px}.mini-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-ring .8s linear infinite}.loading-dots-inline{display:flex;gap:3px;align-items:center;margin-left:-2px}.loading-dots-inline .dot{width:3px;height:3px;background:#ffffffe6;border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.loading-dots-inline .dot:nth-child(1){animation-delay:0s}.loading-dots-inline .dot:nth-child(2){animation-delay:.2s}.loading-dots-inline .dot:nth-child(3){animation-delay:.4s}.login-link{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid #e0e0e0}.login-link p{color:#666;font-size:.95rem}.login-link a{color:gold;text-decoration:none;font-weight:600;transition:all .3s ease}.login-link a:hover{color:orange;text-decoration:underline}@media(max-width:1024px){.signup-container{max-width:900px}.signup-left,.signup-right{padding:40px 30px}}@media(max-width:768px){.signup-page{padding:10px}.signup-container{grid-template-columns:1fr;max-width:500px;min-height:auto}.signup-left{padding:40px 30px;min-height:300px}.brand-section h1{font-size:2rem}.brand-section p{font-size:1rem;margin-bottom:30px}.brand-section .image-div img{height:80px}.features-list{gap:15px}.feature-item span{font-size:.9rem}.signup-right{padding:40px 30px}.form-header h2{font-size:1.75rem}.form-row{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.signup-page{padding:5px}.signup-container{border-radius:15px}.signup-left,.signup-right{padding:30px 20px}.brand-section h1{font-size:1.75rem}.form-header h2{font-size:1.5rem}.google-signup-btn{padding:12px 15px;font-size:.95rem}.form-group input{padding:12px 15px}.signup-btn{padding:14px 25px;font-size:1rem}.terms-agreement{font-size:.85rem}}@media(max-width:320px){.signup-left,.signup-right{padding:25px 15px}.brand-section h1{font-size:1.5rem}.brand-section .image-div img{height:60px}.feature-icon{width:25px;height:25px;font-size:12px}.feature-item span{font-size:.85rem}}body.dark-mode .signup-container,[data-theme=dark] .signup-container{background:#1a1a1a;box-shadow:0 25px 50px #ffd70026}body.dark-mode .signup-right,[data-theme=dark] .signup-right{background:#1a1a1a}body.dark-mode .form-group label,[data-theme=dark] .form-group label{color:#fff;z-index:2;position:relative;background:#1a1a1a!important;padding:0 2px;width:fit-content}body.dark-mode .form-group input,[data-theme=dark] .form-group input{background:#2a2a2a;border-color:#404040;color:#fff;position:relative;z-index:1}body.dark-mode .form-group input::placeholder,[data-theme=dark] .form-group input::placeholder{color:#888}body.dark-mode .form-group input:focus,[data-theme=dark] .form-group input:focus{background:#333;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}body.dark-mode .google-signup-btn,[data-theme=dark] .google-signup-btn{background:#2a2a2a;border-color:#404040;color:#fff;transition:all .3s ease}body.dark-mode .google-signup-btn:hover,[data-theme=dark] .google-signup-btn:hover{border-color:gold;box-shadow:0 5px 15px #ffd70033;background:linear-gradient(135deg,#ffd7001a,#ffa5000d)}body.dark-mode .signup-btn,[data-theme=dark] .signup-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 8px 20px #ffd7004d}body.dark-mode .signup-btn:hover,[data-theme=dark] .signup-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd70080}body.dark-mode .signup-btn:disabled,[data-theme=dark] .signup-btn:disabled{background:linear-gradient(135deg,#666,#555);color:#999;box-shadow:0 4px 10px #0003;opacity:.9}body.dark-mode .signup-spinner,[data-theme=dark] .signup-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFD700}body.dark-mode .terms-agreement,[data-theme=dark] .terms-agreement{color:#ccc}body.dark-mode .checkmark,[data-theme=dark] .checkmark{background:#2a2a2a;border-color:#404040}body.dark-mode .checkmark:after,[data-theme=dark] .checkmark:after{border-color:#000}body.dark-mode .terms-agreement input[type=checkbox]:checked+.checkmark,[data-theme=dark] .terms-agreement input[type=checkbox]:checked+.checkmark{background:gold;border-color:gold}body.dark-mode .terms-agreement input[type=checkbox]:focus+.checkmark,[data-theme=dark] .terms-agreement input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #ffd7001a;border-color:gold}body.dark-mode .terms-link,body.dark-mode .privacy-link,[data-theme=dark] .terms-link,[data-theme=dark] .privacy-link{color:gold}body.dark-mode .terms-link:hover,body.dark-mode .privacy-link:hover,[data-theme=dark] .terms-link:hover,[data-theme=dark] .privacy-link:hover{color:orange}body.dark-mode .login-link p,[data-theme=dark] .login-link p{color:#ccc}body.dark-mode .login-link a,[data-theme=dark] .login-link a{color:gold}body.dark-mode .login-link a:hover,[data-theme=dark] .login-link a:hover{color:orange}body.dark-mode .divider span,[data-theme=dark] .divider span{background:#1a1a1a!important;color:gold;font-weight:600}body.dark-mode .divider:before,[data-theme=dark] .divider:before{background:linear-gradient(135deg,#404040,gold,#404040)}body.dark-mode .login-link,[data-theme=dark] .login-link{border-top-color:#404040}body.dark-mode .login-link,[data-theme=dark] .login-link{border-top:1px solid;border-image:linear-gradient(90deg,transparent,#FFD700,transparent) 1}body.dark-mode .password-toggle-btn,[data-theme=dark] .password-toggle-btn{color:#ccc}body.dark-mode .password-toggle-btn:hover,[data-theme=dark] .password-toggle-btn:hover{color:gold}body.dark-mode .verification-message-container,[data-theme=dark] .verification-message-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body.dark-mode .verification-content h2,[data-theme=dark] .verification-content h2{color:#fff;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .verification-text,body.dark-mode .verification-instructions,[data-theme=dark] .verification-text,[data-theme=dark] .verification-instructions{color:#ccc}body.dark-mode .email-highlight,[data-theme=dark] .email-highlight{background:linear-gradient(135deg,#2a2a2a,#404040);color:gold;border-color:gold}body.dark-mode .resend-btn,[data-theme=dark] .resend-btn{background:linear-gradient(135deg,#2a2a2a,#404040);color:#fff}body.dark-mode .resend-btn:hover:not(:disabled),[data-theme=dark] .resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#404040,#555)}body.dark-mode .login-redirect-btn,[data-theme=dark] .login-redirect-btn{background:transparent;color:#fff;border-color:#fff}body.dark-mode .login-redirect-btn:hover,[data-theme=dark] .login-redirect-btn:hover{background:#fff;color:#000}body.dark-mode .verification-note,[data-theme=dark] .verification-note{border-top-color:#404040}body.dark-mode .verification-note p,[data-theme=dark] .verification-note p{color:#ccc}body.dark-mode .link-button,[data-theme=dark] .link-button{color:#fff}body.dark-mode .link-button:hover:not(:disabled),[data-theme=dark] .link-button:hover:not(:disabled){color:#ccc}.verification-message-container{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:linear-gradient(135deg,#f8f9fa,#fff)}.verification-content{text-align:center;max-width:500px;width:100%}.verification-icon{width:80px;height:80px;margin:0 auto 30px;background:linear-gradient(135deg,#000,#2a2a2a);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.verification-icon svg{width:40px;height:40px;color:gold}@keyframes pulse{0%{box-shadow:0 0 #0000004d}70%{box-shadow:0 0 0 20px #0000}to{box-shadow:0 0 #0000}}.verification-text{color:#666;font-size:1.1rem;margin-bottom:15px;line-height:1.6}.email-highlight{background:linear-gradient(135deg,#000,#2a2a2a);color:gold;padding:15px 25px;border-radius:12px;font-weight:600;font-size:1.2rem;margin:20px 0;border:2px solid #FFD700;box-shadow:0 4px 15px #0000001a}.verification-instructions{color:#666;font-size:1rem;margin-bottom:30px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.verification-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.resend-btn{background:linear-gradient(135deg,#000,#2a2a2a);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #0003}.resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#2a2a2a,#404040);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.resend-btn svg{width:20px;height:20px}.login-redirect-btn{background:transparent;color:#000;border:2px solid #000;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-redirect-btn:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.verification-note{padding-top:20px;border-top:1px solid #e0e0e0}.verification-note p{color:#666;font-size:.9rem;line-height:1.5}.link-button{background:none;border:none;color:#000;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0;margin-left:5px;font-weight:600;transition:color .3s ease}.link-button:hover:not(:disabled){color:#333}.link-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.verification-message-container{padding:40px 20px}.verification-content h2{font-size:2rem}.verification-icon{width:60px;height:60px;margin-bottom:20px}.verification-icon svg{width:30px;height:30px}.email-highlight{font-size:1rem;padding:12px 20px}.verification-actions{gap:12px}.resend-btn,.login-redirect-btn{padding:14px 24px;font-size:.95rem}}.input-with-validation{position:relative;display:flex;align-items:center}.input-with-validation input{width:100%;padding-right:50px}.validation-indicator{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.validation-icon{width:24px;height:24px;animation:fadeIn .3s ease-in-out}.validation-icon.success{animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55)}.validation-icon.error{animation:errorShake .5s ease-in-out}.validation-spinner{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.validation-spinner .spinner{width:20px;height:20px;animation:spin 1s linear infinite}.validation-spinner .spinner circle{stroke:gold;stroke-linecap:round;animation:spinDash 1.5s ease-in-out infinite}.form-group input.validating{border-color:gold;background:#fffef0;box-shadow:0 0 0 3px #ffd7001a}.form-group input.valid{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 3px #10b9811a}.form-group input.invalid{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 3px #ef44441a}.validation-message{font-size:.875rem;margin-top:6px;display:flex;align-items:center;gap:6px;animation:slideDown .3s ease-out}.validation-message.checking{color:#d97706}.validation-message.available{color:#10b981;font-weight:500}.validation-message.taken,.validation-message.error{color:#ef4444;font-weight:500}.validation-message:before{content:"";width:14px;height:14px;display:inline-block;flex-shrink:0}.validation-message.checking:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.validation-message.available:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2310b981'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.validation-message.taken:before,.validation-message.error:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") no-repeat center;background-size:contain}@keyframes spinDash{0%{stroke-dashoffset:31.4;transform:rotate(0)}50%{stroke-dashoffset:7.85;transform:rotate(45deg)}to{stroke-dashoffset:31.4;transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop{0%{opacity:0;transform:scale(.5) rotate(-45deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}body.dark-mode .form-group input.validating,[data-theme=dark] .form-group input.validating{border-color:gold;background:#2a2a1a;box-shadow:0 0 0 3px #ffd70026}body.dark-mode .form-group input.valid,[data-theme=dark] .form-group input.valid{border-color:#10b981;background:#1a2a22;box-shadow:0 0 0 3px #10b98126}body.dark-mode .form-group input.invalid,[data-theme=dark] .form-group input.invalid{border-color:#ef4444;background:#2a1a1a;box-shadow:0 0 0 3px #ef444426}body.dark-mode .validation-message.checking,[data-theme=dark] .validation-message.checking{color:#fbbf24}body.dark-mode .validation-message.available,[data-theme=dark] .validation-message.available{color:#34d399}body.dark-mode .validation-message.taken,body.dark-mode .validation-message.error,[data-theme=dark] .validation-message.taken,[data-theme=dark] .validation-message.error{color:#f87171}body.dark-mode .validation-spinner .spinner circle,[data-theme=dark] .validation-spinner .spinner circle{stroke:gold}body.dark-mode .validation-message.checking:before,[data-theme=dark] .validation-message.checking:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fbbf24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}body.dark-mode .validation-message.available:before,[data-theme=dark] .validation-message.available:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2334d399'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}body.dark-mode .validation-message.taken:before,body.dark-mode .validation-message.error:before,[data-theme=dark] .validation-message.taken:before,[data-theme=dark] .validation-message.error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f87171'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E")}@media(max-width:768px){.validation-indicator{right:12px}.validation-icon{width:20px;height:20px}.validation-spinner,.validation-spinner .spinner{width:18px;height:18px}.validation-message{font-size:.8125rem}}@media(max-width:480px){.input-with-validation input{padding-right:45px}.validation-indicator{right:10px}.validation-icon{width:18px;height:18px}}.form-group input.validating:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033}.form-group input.valid:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.form-group input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}@media(prefers-contrast:more){.form-group input.valid,.form-group input.invalid{border-width:3px}.validation-message{font-weight:600}}@media(prefers-reduced-motion:reduce){.validation-icon.success,.validation-icon.error,.validation-message{animation:none}.validation-spinner .spinner{animation:spin 2s linear infinite}.validation-spinner .spinner circle{animation:none;stroke-dasharray:none}}.oauth-callback-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .3s ease;padding:20px}.oauth-callback-card{background-color:#1a1a1a;color:#fff;border-radius:20px;box-shadow:0 25px 50px #ffd70026;padding:3.5rem 2.5rem;width:100%;max-width:450px;text-align:center;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;align-items:center;border:2px solid #FFD700;transition:all .3s ease}.jersey-logo-container{margin-bottom:2rem}.jersey-icon{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:20px;position:relative;margin:0 auto;box-shadow:0 10px 30px #ffd7004d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000;transition:transform .3s ease,box-shadow .3s ease}.jersey-icon:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 35px #ffd70066}.jersey-icon:before{content:"JG";font-size:28px;font-weight:700;letter-spacing:-1px}.oauth-callback-card h2{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,215,0,.2);border-top:4px solid #FFD700;border-radius:50%;margin:1.5rem auto;animation:spin 1s linear infinite}.auth-message{font-size:1.1rem;color:#eee!important;margin:1rem 0 .5rem;font-weight:500}.redirect-message{font-size:.95rem;color:#999!important;margin:.5rem 0}.error-icon,.success-icon{font-size:56px;margin:1rem 0;display:flex;align-items:center;justify-content:center}.error-icon{color:#f87171}.success-icon{color:gold;text-shadow:0 4px 15px rgba(255,215,0,.3)}.error-message{color:#f87171;margin:1rem 0;font-size:1rem;font-weight:500;line-height:1.5}.success-message{color:gold;margin:1rem 0;font-size:1.25rem;font-weight:700}.retry-button{margin-top:1.5rem;padding:16px 30px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #ffd7004d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd70066}.retry-button:active{transform:translateY(0)}@media(max-width:768px){.oauth-callback-card{max-width:500px;padding:2.5rem 1.5rem}.oauth-callback-card h2{font-size:1.75rem}.jersey-icon{width:60px;height:60px}.jersey-icon:before{font-size:22px}}@media(max-width:480px){.oauth-callback-container{padding:10px}.oauth-callback-card{border-radius:15px;padding:2rem 1.25rem}.oauth-callback-card h2{font-size:1.5rem}.retry-button{padding:14px 25px;font-size:1rem}.error-icon,.success-icon{font-size:48px}}@media(max-width:320px){.oauth-callback-card h2{font-size:1.3rem}.jersey-icon{width:50px;height:50px}.jersey-icon:before{font-size:18px}}.forgot-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;transition:background-color .3s ease}.forgot-password-container{display:flex;max-width:1000px;width:100%;box-shadow:0 15px 30px #0000001a;border-radius:10px;overflow:hidden;background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease}.forgot-password-left{background-color:#1a1a1a;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;position:relative;overflow:hidden}.forgot-password-right{padding:40px;width:60%;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease}.forgot-password-left:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37)}.forgot-password-form-container{max-width:400px;margin:0 auto;width:100%}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#fff;color:#333}.input-error{border-color:#d32f2f!important;background-color:#fff8f8}.error-signup-link{margin-top:6px;font-size:13px}.error-signup-link a{color:#d4af37;text-decoration:none;font-weight:600;transition:all .3s;position:relative}.error-signup-link a:hover{color:#b28d1d}.error-signup-link a:after{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.error-signup-link a:hover:after{transform:scaleX(1);transform-origin:bottom left}.success-message p{font-size:14px;margin-bottom:20px;color:#2e7d32}.submit-btn{background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37);color:#1a1a1a;border:none;padding:14px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:linear-gradient(90deg,#f2d259,#d4af37,#f2d259)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.forgot-loading-state{display:flex;align-items:center;justify-content:center;gap:12px}.forgot-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.forgot-loading-state span{font-weight:600;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.return-login-btn{background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37);color:#1a1a1a;border:none;padding:14px 25px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 8px #0000001a}.return-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:linear-gradient(90deg,#f2d259,#d4af37,#f2d259)}body[data-theme=dark] .forgot-password-page,body.dark-mode .forgot-password-page{background-color:#121212}body[data-theme=dark] .forgot-password-container,body.dark-mode .forgot-password-container{background-color:#1e1e1e;box-shadow:0 15px 30px #0006}body[data-theme=dark] .forgot-password-right,body.dark-mode .forgot-password-right{background-color:#1e1e1e;color:#e0e0e0}body[data-theme=dark] .form-header h2,body[data-theme=dark] .form-group label,body.dark-mode .form-header h2,body.dark-mode .form-group label{color:#e0e0e0}body[data-theme=dark] .form-header p,body[data-theme=dark] .login-link,body.dark-mode .form-header p,body.dark-mode .login-link{color:#a0a0a0}body[data-theme=dark] .form-group input,body.dark-mode .form-group input{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}body[data-theme=dark] .form-group input:focus,body.dark-mode .form-group input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}body[data-theme=dark] .error-message,body.dark-mode .error-message{background-color:#d32f2f33;color:#ff6b6b}body[data-theme=dark] .login-link a,body[data-theme=dark] .error-signup-link a,body.dark-mode .login-link a,body.dark-mode .error-signup-link a{color:#d4af37}body[data-theme=dark] .forgot-spinner,body.dark-mode .forgot-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid #d4af37}@media(max-width:768px){.forgot-password-container{flex-direction:column;max-width:95%;margin:0 auto}.forgot-password-left,.forgot-password-right{width:100%;padding:30px}.forgot-password-left{padding-bottom:40px}}@media(max-width:480px){.forgot-password-left,.forgot-password-right{padding:20px}.logo-placeholder{width:90px;height:90px}.brand-section h1{font-size:24px}.form-header h2{font-size:20px}.form-group input,.submit-btn,.return-login-btn{padding:12px;font-size:14px}}.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;transition:background-color .3s ease}.reset-password-container{display:flex;max-width:1000px;width:100%;box-shadow:0 15px 30px #0000001a;border-radius:10px;overflow:hidden;background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease}.reset-password-left{background-color:#1a1a1a;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;position:relative;overflow:hidden}.reset-password-right{padding:40px;width:60%;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease}.reset-password-left:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37)}.brand-section{text-align:center;position:relative;z-index:1}.logo-placeholder{width:120px;height:120px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;padding:10px;box-shadow:0 5px 15px #0003;border:2px solid #d4af37}.brand-section h1{margin-top:20px;font-size:28px;margin-bottom:10px}.brand-section p{font-size:16px;opacity:.9}.reset-password-form-container{max-width:400px;margin:0 auto;width:100%}.form-header{margin-bottom:25px;text-align:center}.form-header h2{font-size:24px;margin-bottom:10px;color:#333}.form-header p{color:#666;font-size:14px}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;font-size:14px;color:#333}.password-input-container{position:relative;display:flex;align-items:center}.form-group input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#fff;color:#333;width:100%}.password-input-container input{padding-right:45px}.password-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .3s ease;z-index:2}.password-toggle-btn:hover:not(:disabled){color:#d4af37}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-toggle-btn svg{width:18px;height:18px}.form-group input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af3733}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.password-strength{margin-top:10px;font-size:12px}.strength-bar{height:5px;background-color:#e0e0e0;border-radius:5px;margin-bottom:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.strength-indicator{height:100%;transition:width .3s ease}.strength-1{background:linear-gradient(90deg,#f44336,#ff7961)}.strength-2{background:linear-gradient(90deg,#ff9800,#ffb74d)}.strength-3{background:linear-gradient(90deg,#ffc107,#ffe082)}.strength-4{background:linear-gradient(90deg,#4caf50,#81c784)}.strength-5{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.strength-text{color:#666;font-size:12px}.error-message{background-color:#ffebee;color:#d32f2f;padding:12px 16px;border-radius:6px;font-size:14px;text-align:left;margin-bottom:15px;display:flex;align-items:flex-start;border-left:4px solid #d32f2f;transition:background-color .3s ease,color .3s ease}.error-icon{font-style:normal;margin-right:10px;font-size:16px}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:20px;border-radius:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;border-left:4px solid #2e7d32;box-shadow:0 4px 10px #0000000d;transition:background-color .3s ease,color .3s ease}.success-message h3{font-size:20px;margin-bottom:5px;color:#2e7d32}.success-message p{font-size:14px;margin-bottom:5px;color:#2e7d32}.verifying-message{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .3s ease;animation:fadeIn .5s ease-out}.verifying-icon{width:80px;height:80px;margin:0 auto 20px;position:relative;display:flex;align-items:center;justify-content:center}.verify-spinner{width:60px;height:60px;border:3px solid rgba(212,175,55,.2);border-top:3px solid #d4af37;border-radius:50%;animation:verifyRotate 1.2s linear infinite;position:relative}.verify-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid rgba(212,175,55,.3);border-top:2px solid #d4af37;border-radius:50%;animation:verifyRotate .8s linear infinite reverse}.verify-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:#d4af37;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes verifyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.verifying-message h3{font-size:24px;color:#d4af37;margin-bottom:10px;font-weight:600;animation:textPulse 2s ease-in-out infinite}.verifying-message p{font-size:16px;color:#666;margin-bottom:15px;opacity:.8}.verifying-dots{display:flex;gap:8px;align-items:center}.verifying-dots .dot{width:8px;height:8px;background:#d4af37;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.verifying-dots .dot:nth-child(1){animation-delay:0s}.verifying-dots .dot:nth-child(2){animation-delay:.2s}.verifying-dots .dot:nth-child(3){animation-delay:.4s}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #d4af37;width:40px;height:40px;animation:spin 1s linear infinite;box-shadow:0 0 10px #d4af3733}.reset-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;animation:slideIn .3s ease-out}.reset-spinner-rings{position:relative;width:24px;height:24px}.reset-spinner-rings .spinner-ring{position:absolute;width:24px;height:24px;border:2px solid transparent;border-top-color:#d4af37;border-radius:50%;animation:spinRing 1.2s cubic-bezier(.5,0,.5,1) infinite}.reset-spinner-rings .spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#d4af37e6}.reset-spinner-rings .spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#d4af37b3}.reset-spinner-rings .spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#d4af3780}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-loading-state span{font-weight:600;letter-spacing:.5px;animation:textPulse 1.5s ease-in-out infinite}.reset-loading-state .loading-dots{display:flex;gap:4px;align-items:center}.reset-loading-state .loading-dots .dot{width:4px;height:4px;background:#d4af37;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.reset-loading-state .loading-dots .dot:nth-child(1){animation-delay:0s}.reset-loading-state .loading-dots .dot:nth-child(2){animation-delay:.2s}.reset-loading-state .loading-dots .dot:nth-child(3){animation-delay:.4s}body[data-theme=dark] .error-message,body.dark-mode .error-message{background-color:#d32f2f26;color:#ff6b6b;border-left:4px solid #ff6b6b}body[data-theme=dark] .success-message,body.dark-mode .success-message{background-color:#2e7d3226;color:#66bb6a;border-left:4px solid #66bb6a;box-shadow:0 4px 10px #0003}body[data-theme=dark] .success-message h3,body[data-theme=dark] .success-message p,body.dark-mode .success-message h3,body.dark-mode .success-message p{color:#66bb6a}body[data-theme=dark] .verifying-message h3,body.dark-mode .verifying-message h3{color:#d4af37}body[data-theme=dark] .verifying-message p,body.dark-mode .verifying-message p{color:#aaa}body[data-theme=dark] .verify-spinner,body.dark-mode .verify-spinner{border:3px solid rgba(212,175,55,.2);border-top:3px solid #d4af37}body[data-theme=dark] .verify-spinner:before,body.dark-mode .verify-spinner:before{border:2px solid rgba(212,175,55,.3);border-top:2px solid #d4af37}body[data-theme=dark] .verify-spinner:after,body.dark-mode .verify-spinner:after{background:#d4af37}body[data-theme=dark] .verifying-dots .dot,body.dark-mode .verifying-dots .dot{background:#d4af37}body[data-theme=dark] .loading-spinner,body.dark-mode .loading-spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #d4af37;box-shadow:0 0 10px #d4af374d}.submit-btn{background:linear-gradient(135deg,#d4af37,#f2d259,#d4af37);color:#000;border:none;padding:14px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #d4af374d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d4af3766}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #d4af374d}.submit-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.login-link{text-align:center;font-size:14px;color:#666;margin-top:20px;transition:color .3s ease}.login-link a{color:#d4af37;text-decoration:none;font-weight:600;transition:all .3s;position:relative}.login-link a:hover{color:#b28d1d}.login-link a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#d4af37,#f2d259,#d4af37);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.login-link a:hover:after{transform:scaleX(1);transform-origin:bottom left}body[data-theme=dark] .reset-password-page,body.dark-mode .reset-password-page{background-color:#121212}body[data-theme=dark] .reset-password-container,body.dark-mode .reset-password-container{background-color:#1e1e1e;box-shadow:0 15px 30px #0000004d}body[data-theme=dark] .reset-password-left,body.dark-mode .reset-password-left{background-color:#000;box-shadow:0 0 20px #d4af371a}body[data-theme=dark] .reset-password-right,body.dark-mode .reset-password-right,body[data-theme=dark] .form-header h2,body.dark-mode .form-header h2{color:#e0e0e0}body[data-theme=dark] .form-header p,body.dark-mode .form-header p{color:#aaa}body[data-theme=dark] .form-group label,body.dark-mode .form-group label{color:#ccc}body[data-theme=dark] .form-group input,body.dark-mode .form-group input{background-color:#333;color:#e0e0e0;border-color:#555}body[data-theme=dark] .form-group input:focus,body.dark-mode .form-group input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af374d}body[data-theme=dark] .form-group input:disabled,body.dark-mode .form-group input:disabled{background-color:#2a2a2a;color:#888}body[data-theme=dark] .strength-bar,body.dark-mode .strength-bar{background-color:#444;box-shadow:inset 0 1px 3px #0000004d}body[data-theme=dark] .strength-text,body.dark-mode .strength-text,body[data-theme=dark] .login-link,body.dark-mode .login-link{color:#aaa}body[data-theme=dark] .login-link a,body.dark-mode .login-link a{color:#d4af37}body[data-theme=dark] .login-link a:hover,body.dark-mode .login-link a:hover{color:#f2d259}body[data-theme=dark] .submit-btn,body.dark-mode .submit-btn{color:#000}body[data-theme=dark] .password-toggle-btn,body.dark-mode .password-toggle-btn{color:#aaa}body[data-theme=dark] .password-toggle-btn:hover:not(:disabled),body.dark-mode .password-toggle-btn:hover:not(:disabled){color:#d4af37}body[data-theme=dark] .reset-spinner,body.dark-mode .reset-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid #d4af37}body[data-theme=dark] .reset-spinner-rings .spinner-ring,body.dark-mode .reset-spinner-rings .spinner-ring{border-top-color:#d4af37}body[data-theme=dark] .reset-spinner-rings .spinner-ring:nth-child(1),body.dark-mode .reset-spinner-rings .spinner-ring:nth-child(1){border-top-color:#d4af37e6}body[data-theme=dark] .reset-spinner-rings .spinner-ring:nth-child(2),body.dark-mode .reset-spinner-rings .spinner-ring:nth-child(2){border-top-color:#d4af37b3}body[data-theme=dark] .reset-spinner-rings .spinner-ring:nth-child(3),body.dark-mode .reset-spinner-rings .spinner-ring:nth-child(3){border-top-color:#d4af3780}body[data-theme=dark] .reset-loading-state .loading-dots .dot,body.dark-mode .reset-loading-state .loading-dots .dot{background:#d4af37}@media(max-width:768px){.reset-password-container{flex-direction:column}.reset-password-left,.reset-password-right{width:100%;padding:30px}.reset-password-left{padding-bottom:50px}.logo-placeholder{width:100px;height:100px}.brand-section h1{font-size:24px}}@media(max-width:480px){.reset-password-page{padding:10px}.reset-password-left,.reset-password-right{padding:20px}.form-header h2{font-size:20px}.logo-placeholder{width:80px;height:80px}.brand-section h1{font-size:20px}.brand-section p{font-size:14px}}.token-error-container{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeIn .4s ease-out}.token-error-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #d4af37;box-shadow:0 4px 16px #d4af3733}.token-error-icon svg{width:36px;height:36px;color:#d4af37;stroke:#d4af37}.token-error-title{font-size:22px;font-weight:700;color:#333;margin-bottom:10px}.token-error-description{font-size:14px;color:#666;line-height:1.6;max-width:380px;margin:0 auto 28px}.token-error-form{width:100%;display:flex;flex-direction:column;gap:20px}body[data-theme=dark] .token-error-icon,body.dark-mode .token-error-icon{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#d4af37;box-shadow:0 4px 16px #d4af374d}body[data-theme=dark] .token-error-title,body.dark-mode .token-error-title{color:#e0e0e0}body[data-theme=dark] .token-error-description,body.dark-mode .token-error-description{color:#aaa}@media(max-width:480px){.token-error-icon{width:58px;height:58px}.token-error-icon svg{width:28px;height:28px}.token-error-title{font-size:18px}.token-error-description{font-size:13px}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.legal-container{flex:1;max-width:900px;margin:40px auto;padding:0 20px}.legal-content{background-color:#fff;padding:60px;border-radius:12px;box-shadow:0 4px 20px #0000000d}.legal-content h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:10px;text-align:center}.last-updated{color:#6c757d;font-size:.9rem;text-align:center;margin-bottom:40px;display:block}.legal-section{margin-bottom:30px}.legal-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:15px;border-bottom:2px solid #f1f3f5;padding-bottom:8px}.legal-section p{color:#4a4a4a;line-height:1.7;margin-bottom:15px}.legal-section ul{margin-bottom:15px;padding-left:20px}.legal-section li{color:#4a4a4a;line-height:1.6;margin-bottom:8px}@media(max-width:768px){.legal-content{padding:30px 20px}.legal-content h1{font-size:2rem}}[data-theme=dark] .legal-page,body.dark-mode .legal-page{background-color:#1a1a1a}[data-theme=dark] .legal-content,body.dark-mode .legal-content{background-color:#2a2a2a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .legal-content h1,body.dark-mode .legal-content h1{color:gold}[data-theme=dark] .last-updated,body.dark-mode .last-updated{color:#999}[data-theme=dark] .legal-section h2,body.dark-mode .legal-section h2{color:gold;border-bottom-color:#404040}[data-theme=dark] .legal-section p,body.dark-mode .legal-section p,[data-theme=dark] .legal-section li,body.dark-mode .legal-section li{color:#e0e0e0}[data-theme=dark] .legal-section strong,body.dark-mode .legal-section strong{color:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:70px;background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.admin-header-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:8px;transition:all .2s ease}.sidebar-toggle:hover{background:#0000000d}.admin-logo{display:flex;align-items:center}.admin-logo a{display:flex;align-items:center;text-decoration:none;font-weight:600;font-size:1.2rem;color:#333;gap:10px}.admin-logo img{height:32px;width:auto;margin-right:8px}.admin-header-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:8px;transition:all .2s ease}.theme-toggle:hover{background:#0000000d}.admin-messages{position:relative}.message-button{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:8px;transition:all .2s ease;color:#000}.message-button:hover{background:#0000000d}.admin-notifications{position:relative}.notification-button{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:8px;transition:all .2s ease;position:relative}.notification-button svg{stroke:#000}.notification-button:hover{background:#0000000d}.notification-badge{position:absolute;top:5px;right:5px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:.6rem;font-weight:700;height:16px;width:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.admin-profile{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.admin-profile:hover{background:#0000000d}.admin-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,gold,orange);color:#000;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:14px}.admin-name{font-weight:500;font-size:.9rem}.admin-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;width:220px;border-radius:8px;box-shadow:0 5px 20px #00000026;overflow:hidden;animation:fadeInDown .2s ease forwards;z-index:1001;border:1px solid rgba(0,0,0,.1)}.dropdown-header{padding:1rem;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.1)}.admin-big-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,gold,orange);color:#000;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:16px}.admin-info{display:flex;flex-direction:column}.admin-full-name{font-weight:600;font-size:.9rem}.admin-role{font-size:.75rem;color:#666}.dropdown-menu{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;text-decoration:none;color:#333;transition:all .2s ease;font-size:.9rem}.dropdown-item:hover{background:#0000000d}.dropdown-item.logout{color:#e53935;width:100%;text-align:left;background:none;border:none;cursor:pointer;display:flex;font-size:.9rem}.dropdown-item.logout:hover{background:#e539351a}.dropdown-divider{height:1px;background:#0000001a;margin:.5rem 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .admin-header{background:#1a1a1a;box-shadow:0 2px 10px #0000004d}body.dark-mode .admin-logo a,body.dark-mode .sidebar-toggle,body.dark-mode .theme-toggle,body.dark-mode .message-button,body.dark-mode .notification-button{color:#fff}body.dark-mode .notification-button svg{stroke:#fff}body.dark-mode .sidebar-toggle:hover,body.dark-mode .theme-toggle:hover,body.dark-mode .message-button:hover,body.dark-mode .notification-button:hover,body.dark-mode .admin-profile:hover{background:#ffffff1a}body.dark-mode .admin-name{color:#fff}body.dark-mode .admin-dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 5px 20px #0006}body.dark-mode .dropdown-header{border-bottom-color:#444}body.dark-mode .admin-role{color:#bbb}body.dark-mode .dropdown-item{color:#fff}body.dark-mode .dropdown-item:hover{background:#ffffff0d}body.dark-mode .dropdown-divider{background:#444}@media(max-width:768px){.admin-name,.admin-logo span{display:none}.admin-header{padding:0 1rem}.admin-dropdown{width:180px;right:-70px}.admin-profile{padding:6px}}@media(max-width:480px){.admin-logo img{height:26px}.admin-header{height:60px}}.admin-sidebar{position:fixed;top:70px;left:0;bottom:0;width:240px;background:#fff;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;z-index:900;overflow-y:auto;box-shadow:0 5px 10px #0000000d}.admin-sidebar.closed{transform:translate(-100%);box-shadow:none;visibility:visible}.sidebar-nav{padding:1rem 0;display:flex;flex-direction:column}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#555;font-weight:500;transition:all .2s ease;border-left:3px solid transparent;margin:2px 0}.sidebar-nav a:hover{background:#00000008;color:#222}.sidebar-nav a.active{color:#000;background:linear-gradient(90deg,rgba(255,215,0,.2),transparent);border-left:3px solid #FFD700}.sidebar-nav a.active svg{color:gold}.divider{height:1px;background:#0000001a;margin:.5rem 1rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;margin-top:auto}.admin-version{font-size:.75rem;color:#888}body.dark-mode .admin-sidebar{background:#1a1a1a;border-right-color:#333;box-shadow:0 5px 15px #0000004d}body.dark-mode .sidebar-nav a{color:#bbb}body.dark-mode .sidebar-nav a:hover{background:#ffffff0d;color:#eee}body.dark-mode .sidebar-nav a.active{color:gold;background:linear-gradient(90deg,rgba(255,215,0,.2),transparent);border-left-color:gold}body.dark-mode .divider{background:#333}body.dark-mode .sidebar-footer{border-top-color:#333}body.dark-mode .admin-version{color:#777}@media(max-width:991px){.admin-sidebar{width:220px}}@media(max-width:768px){.admin-sidebar{width:240px}.admin-sidebar.open{box-shadow:0 0 0 1000px #0000004d}}.admin-footer{margin-top:auto;padding:1.5rem;background:#f7f7f7;border-top:1px solid rgba(0,0,0,.05);color:#555;font-size:.8rem}.admin-footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer-links{display:flex;align-items:center;gap:8px}.footer-links a{color:#555;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:#000;text-decoration:underline}.footer-divider{color:#888;font-size:.6rem}body.dark-mode .admin-footer{background:#1a1a1a;border-top-color:#333;color:#bbb}body.dark-mode .footer-links a{color:#bbb}body.dark-mode .footer-links a:hover{color:#fff}body.dark-mode .footer-divider{color:#666}@media(max-width:768px){.admin-footer-content{flex-direction:column;gap:10px;text-align:center}}.admin-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#f8f9fa}.admin-body-container{display:flex;flex:1;position:relative}.admin-content{flex:1;margin-top:70px;margin-left:240px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:calc(100vh - 70px);width:calc(100% - 240px)}.admin-content.no-sidebar{margin-left:0;width:100%}.admin-main{padding:2rem;flex:1}.admin-layout.dark-theme{background-color:#121212;color:#fff}@media(max-width:991px){.admin-content{margin-left:220px;width:calc(100% - 220px)}.admin-content.no-sidebar{margin-left:0;width:100%}}@media(max-width:768px){.admin-content{margin-left:0!important;width:100%!important}.admin-content.no-sidebar{margin-left:0;width:100%}.admin-main{padding:1.5rem}}@media(max-width:480px){.admin-content{margin-top:60px;min-height:calc(100vh - 60px)}.admin-main{padding:1rem}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.dashboard-container{padding:2rem;background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh;animation:fadeIn .5s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:slideInLeft .6s ease-out}.dashboard-title{display:flex;align-items:center;gap:1rem}.dashboard-icon{color:gold}.dashboard-title h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.dashboard-subtitle{color:#666;font-size:.95rem;margin-top:.25rem}.dashboard-search{display:flex;align-items:center}.search-input{padding:.75rem 1.25rem;border:1px solid #e0e0e0;border-radius:10px;font-size:.95rem;width:300px;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;animation:fadeIn .7s ease-out;transition:all .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.metric-title-section{display:flex;align-items:center;gap:.75rem}.metric-icon{color:gold}.metric-label{color:#666;font-size:.9rem;font-weight:500;margin:0}.timeframe-select{padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;font-weight:500}.timeframe-select:hover{border-color:gold}.timeframe-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.metric-amount{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0 0 .75rem}.metric-change{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:10px;font-weight:600;font-size:.85rem;width:fit-content}.metric-change.positive{background:#10b9811a;color:#10b981}.metric-change.negative{background:#ef44441a;color:#ef4444}.metric-change svg{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;animation:fadeIn .8s ease-out;border:1px solid transparent}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-card-orange{border-left:4px solid #f59e0b}.stat-card-orange .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-red{border-left:4px solid #ef4444}.stat-card-red .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.dashboard-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #00000014;animation:fadeIn .9s ease-out;border:1px solid #f0f0f0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0}.view-details-link,.view-all-link{color:gold;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.view-details-link:hover,.view-all-link:hover{color:#e6c200;text-decoration:underline}.inbox-card{max-height:450px;display:flex;flex-direction:column}.inbox-card .card-header{flex-shrink:0}.inbox-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:350px;padding-right:.5rem}.inbox-list::-webkit-scrollbar{width:6px}.inbox-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.inbox-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.inbox-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.inbox-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:10px;border-left:3px solid #FFD700;transition:all .2s ease}.inbox-item:hover{background:#f0f0f0;transform:translate(5px)}.inbox-content{flex:1;min-width:0}.inbox-message{color:#333;font-size:.95rem;font-weight:500;margin-bottom:.25rem;word-wrap:break-word}.inbox-time{color:#888;font-size:.75rem}.inbox-category{flex-shrink:0;color:#fff}.inbox-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#666;font-size:.85rem}.inbox-loading .spinner{animation:spin 1s linear infinite}.inbox-end-message{text-align:center;color:#999;font-size:.8rem;padding:.75rem;border-top:1px solid #eee;margin-top:.5rem}.inbox-count{background:#1a1a1a;color:gold;padding:.35rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600}.top-selling-list{display:flex;flex-direction:column;gap:1rem}.top-selling-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;transition:all .2s ease}.top-selling-item:hover{background:#f0f0f0;transform:translate(5px)}.selling-item-rank{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,gold,#e6c200);color:#1a1a1a;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selling-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.selling-item-name{color:#333;font-weight:600;font-size:.95rem;margin:0}.selling-item-sales{color:#888;font-size:.8rem}.selling-item-revenue{color:#1a1a1a;font-weight:700;font-size:1rem}.activity-card{max-height:450px;display:flex;flex-direction:column}.activity-card .card-header{flex-shrink:0}.activity-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:350px;padding-right:.5rem}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;transition:all .2s ease}.activity-item:hover{background:#f0f0f0}.activity-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,gold,#e6c200);display:flex;align-items:center;justify-content:center;color:#1a1a1a;flex-shrink:0}.activity-icon-create{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activity-icon-update{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.activity-icon-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.activity-content{flex:1;min-width:0}.activity-text{color:#333;font-weight:500;font-size:.95rem;margin-bottom:.25rem;word-wrap:break-word}.activity-changes-list{margin:.5rem 0;padding:.5rem .75rem;background:#3b82f614;border-radius:6px;border-left:2px solid #3b82f6}.activity-change-item{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.8rem;padding:.25rem 0}.activity-change-item:not(:last-child){border-bottom:1px solid rgba(59,130,246,.1);padding-bottom:.5rem;margin-bottom:.25rem}.change-field{color:#666;font-weight:600}.change-old-value{color:#ef4444;font-weight:500;padding:.15rem .4rem;background:#ef44441a;border-radius:4px;text-decoration:line-through}.change-arrow{color:#888;font-weight:700;margin:0 .25rem}.change-new-value{color:#10b981;font-weight:500;padding:.15rem .4rem;background:#10b9811a;border-radius:4px}.activity-changes{color:#666;font-size:.8rem;margin-bottom:.35rem;font-style:italic;line-height:1.3}.activity-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.activity-user{color:#888;font-size:.8rem;font-weight:500}.activity-time{color:#999;font-size:.75rem}.activity-badge{padding:.35rem .75rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-self:flex-start}.activity-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#666;font-size:.85rem}.activity-loading .spinner{animation:spin 1s linear infinite}.activity-end-message{text-align:center;color:#999;font-size:.8rem;padding:.75rem;border-top:1px solid #eee;margin-top:.5rem}.sales-chart-card{grid-column:1 / -1}.chart-legend{display:flex;gap:1.5rem;align-items:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.legend-line{width:24px;height:3px;border-radius:2px}.legend-today-line{background:gold}.legend-yesterday-line{background:#9333ea}.chart-container{margin-top:2rem;width:100%;position:relative;background:#fafafa;border-radius:12px;padding:1rem}.chart-wrapper{width:100%;height:280px}.sales-chart{width:100%;height:100%;display:block}.quick-actions-card{grid-column:1 / -1;background:#fff;border:1px solid #e5e7eb}.card-subtitle{color:#6b7280;font-size:.85rem;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 1rem;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;min-height:140px}.quick-action-btn:hover{border-color:gold;transform:translateY(-5px);box-shadow:0 12px 24px #ffd70026;background:linear-gradient(135deg,#fffef5,#fff9e6)}.quick-action-btn:active{transform:translateY(-2px);box-shadow:0 6px 12px #ffd70033}.quick-action-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.quick-action-btn:hover .quick-action-icon{transform:scale(1.1);box-shadow:0 6px 16px #0003}.quick-action-label{color:#1f2937;font-weight:600;font-size:.9rem;text-align:center;line-height:1.3}body.dark-mode .dashboard-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}body.dark-mode .dashboard-title h1{color:#fff}body.dark-mode .dashboard-subtitle{color:#999}body.dark-mode .search-input{background:#2d2d2d;border-color:#3d3d3d;color:#fff}body.dark-mode .search-input:focus{border-color:gold;background:#333}body.dark-mode .metric-card{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .metric-label{color:#999}body.dark-mode .metric-amount{color:#fff}body.dark-mode .timeframe-select{background:#2d2d2d;border-color:#3d3d3d;color:#fff}body.dark-mode .timeframe-select:hover,body.dark-mode .timeframe-select:focus{border-color:gold;background:#333}body.dark-mode .stat-card{background:#1a1a1a;border:1px solid #2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .dashboard-card{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .card-header h3{color:#fff}body.dark-mode .inbox-item{background:#2d2d2d;border-left-color:gold}body.dark-mode .inbox-item:hover{background:#333}body.dark-mode .inbox-message{color:#fff}body.dark-mode .inbox-time{color:#888}body.dark-mode .inbox-list::-webkit-scrollbar-track{background:#2d2d2d}body.dark-mode .inbox-list::-webkit-scrollbar-thumb{background:#4d4d4d}body.dark-mode .inbox-list::-webkit-scrollbar-thumb:hover{background:#5d5d5d}body.dark-mode .inbox-loading{color:#999}body.dark-mode .inbox-end-message{color:#666;border-top-color:#3d3d3d}body.dark-mode .inbox-count{background:gold;color:#1a1a1a}body.dark-mode .top-selling-item,body.dark-mode .activity-item{background:#2d2d2d}body.dark-mode .top-selling-item:hover,body.dark-mode .activity-item:hover{background:#333}body.dark-mode .selling-item-name,body.dark-mode .activity-text{color:#fff}body.dark-mode .selling-item-revenue{color:gold}body.dark-mode .selling-item-sales{color:#999}body.dark-mode .activity-changes{color:#888}body.dark-mode .activity-changes-list{background:#3b82f626;border-left-color:#3b82f6}body.dark-mode .change-field{color:#aaa}body.dark-mode .change-old-value{background:#ef444433;color:#f87171}body.dark-mode .change-new-value{background:#10b98133;color:#34d399}body.dark-mode .change-arrow{color:#666}body.dark-mode .activity-user{color:#aaa}body.dark-mode .activity-time{color:#666}body.dark-mode .activity-list::-webkit-scrollbar-track{background:#2d2d2d}body.dark-mode .activity-list::-webkit-scrollbar-thumb{background:#4d4d4d}body.dark-mode .activity-list::-webkit-scrollbar-thumb:hover{background:#5d5d5d}body.dark-mode .activity-loading{color:#999}body.dark-mode .activity-end-message{color:#666;border-top-color:#3d3d3d}body.dark-mode .chart-container{background:#1a1a1a}body.dark-mode .sales-chart line{stroke:#ffffff0d}body.dark-mode .sales-chart text{fill:#999}body.dark-mode .quick-action-btn{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .quick-action-btn:hover{border-color:gold;background:#2d2d2d}body.dark-mode .quick-action-label{color:#fff}body.dark-mode .card-subtitle{color:#666}@media(max-width:1024px){.dashboard-container{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-input{width:100%}.metrics-row{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dashboard-main-grid{grid-template-columns:1fr;gap:1rem}.metric-amount{font-size:2rem}.stat-value{font-size:1.75rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-title{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-title h1{font-size:1.5rem}.dashboard-subtitle{font-size:.85rem}.metrics-row{grid-template-columns:1fr}.metric-card{padding:1.5rem}.metric-header{flex-direction:column;align-items:flex-start;gap:.75rem}.timeframe-select{width:100%}.metric-amount{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px}.stat-value{font-size:1.5rem}.dashboard-card{padding:1.25rem}.card-header,.inbox-item,.top-selling-item,.activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-item{flex-direction:row;align-items:center}.activity-badge{align-self:flex-start}.chart-wrapper{height:220px}.quick-actions-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-container{padding:.75rem}.dashboard-title h1{font-size:1.25rem}.metric-card{padding:1rem}.metric-amount{font-size:1.5rem}.stat-card{padding:1rem;gap:1rem}.stat-icon{width:45px;height:45px}.stat-value{font-size:1.25rem}.dashboard-card{padding:1rem}.card-header h3{font-size:1rem}.inbox-item,.top-selling-item,.activity-item{padding:.75rem}.chart-wrapper{height:180px}.quick-action-btn{padding:1rem}.quick-action-icon{width:48px;height:48px}}@media(max-width:360px){.dashboard-title h1{font-size:1.1rem}.metric-amount{font-size:1.25rem}.stat-value{font-size:1.1rem}.stat-icon{width:40px;height:40px}.activity-icon{width:35px;height:35px}.quick-action-icon{width:40px;height:40px}}@media(min-width:1440px){.dashboard-container{padding:3rem;max-width:1600px;margin:0 auto}.metrics-row{grid-template-columns:repeat(3,1fr)}.stats-grid,.dashboard-main-grid{grid-template-columns:repeat(2,1fr)}.sales-chart-card,.quick-actions-card{grid-column:1 / -1}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}body.dark-mode .loading-shimmer{background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d,#2d2d2d 75%);background-size:1000px 100%}@media print{.dashboard-container{background:#fff}.dashboard-card,.stat-card,.revenue-card{box-shadow:none;border:1px solid #ddd}.search-input,.support-button,.view-details-link,.view-all-link{display:none}}.add-product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;animation:fadeIn .2s ease}.add-product-form-container{max-width:1200px;width:100%;margin:2rem auto;padding:2rem;background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 4px 24px #00000026;transition:all .3s ease;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:2rem;border-bottom:2px solid var(--border-color, #e5e7eb);padding-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.form-header h2{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.form-header p{font-size:1rem;color:var(--text-secondary, #6b7280)}.modal-close-btn{background:none;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:var(--background-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-close-btn svg{width:24px;height:24px}.add-product-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--background-secondary, #f9fafb);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.form-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.form-section h3:before{content:"";width:4px;height:1.25rem;background:var(--primary-color, #3b82f6);border-radius:2px}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.field-hint{font-size:.8rem;color:var(--text-tertiary, #9ca3af);margin-top:-.25rem;display:flex;align-items:center;gap:.25rem}.optional-badge{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #9ca3af);background:var(--background-secondary, #f3f4f6);padding:.125rem .5rem;border-radius:4px;margin-left:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:var(--text-primary, #374151);display:flex;align-items:center;gap:.25rem}.required{color:var(--error-color, #ef4444);font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea,.product-type-select{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--text-primary, #1f2937);background:var(--input-background, #ffffff);border:1px solid var(--border-color, #d1d5db);border-radius:6px;transition:all .2s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus,.product-type-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=text]::placeholder,.form-group input[type=number]::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.form-group input[readonly]{background:var(--background-disabled, #f3f4f6);cursor:not-allowed;color:var(--text-secondary, #6b7280)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.hex-input-group{display:flex;gap:.75rem;align-items:center}.hex-input-group input[type=text]{flex:1}.color-picker{width:60px;height:45px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;cursor:pointer;transition:all .2s ease}.color-picker:hover{border-color:var(--primary-color, #3b82f6)}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1rem}.size-stock-item{display:flex;flex-direction:column;gap:.5rem}.size-stock-item label{font-size:.9rem;font-weight:600;color:var(--text-primary, #374151);text-align:center}.size-stock-item input{text-align:center;font-weight:500}.total-stock-display{margin-top:1rem;padding:1rem;background:var(--background-highlight, #eff6ff);border-left:4px solid var(--primary-color, #3b82f6);border-radius:6px;font-weight:600;color:var(--text-primary, #1f2937)}.image-upload-container{position:relative}.image-input{display:none}.image-upload-label{display:block;width:100%;max-width:400px;height:300px;border:2px dashed var(--border-color, #d1d5db);border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden;background:var(--input-background, #ffffff)}.image-upload-label:hover{border-color:var(--primary-color, #3b82f6);background:var(--background-hover, #f0f9ff)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary, #6b7280)}.upload-placeholder svg{width:48px;height:48px;color:var(--text-tertiary, #9ca3af)}.upload-placeholder span{font-weight:500}.upload-hint{font-size:.875rem;color:var(--text-tertiary, #9ca3af)}.image-preview{width:100%;height:100%;object-fit:contain;padding:1rem}.field-description{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:.75rem}.additional-images-container{display:flex;flex-direction:column;gap:1rem}.additional-images-upload-label{display:inline-flex;padding:.75rem 1.5rem;border:2px dashed var(--border-color, #d1d5db);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--input-background, #ffffff);align-self:flex-start}.additional-images-upload-label:hover{border-color:var(--primary-color, #3b82f6);background:var(--background-hover, #f0f9ff)}.upload-placeholder-small{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary, #6b7280)}.upload-placeholder-small svg{width:24px;height:24px;color:var(--text-tertiary, #9ca3af)}.upload-placeholder-small span{font-weight:500;font-size:.95rem}.additional-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.additional-image-item{position:relative;width:100%;padding-bottom:100%;border-radius:8px;overflow:hidden;border:2px solid var(--border-color, #d1d5db);background:var(--input-background, #ffffff)}.additional-image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border:none;border-radius:50%;background:#ef4444e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-image-btn svg{width:18px;height:18px}.image-count-info{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-top:.5rem;font-weight:500}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color, #3b82f6)}.checkbox-label span{font-weight:500;color:var(--text-primary, #374151)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color, #ef4444)}.error-message{font-size:.875rem;color:var(--error-color, #ef4444);display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠";font-size:1rem}.submit-message{padding:1rem 1.25rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease}.submit-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.submit-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.submit-message:before{font-size:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color, #e5e7eb)}.btn-primary,.btn-secondary{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary-color, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #374151);border:1px solid var(--border-color, #d1d5db)}.btn-secondary:hover:not(:disabled){background:var(--background-hover, #e5e7eb)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.add-product-modal-overlay{background:#000c}.add-product-form-container{--background-primary: #1f2937;--background-secondary: #111827;--background-hover: #374151;--background-disabled: #374151;--background-highlight: #1e3a5f;--input-background: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--primary-color: #3b82f6;--primary-hover: #2563eb;--error-color: #f87171;box-shadow:0 4px 24px #000000b3}.modal-close-btn:hover{background:var(--background-hover);color:var(--text-primary)}.form-section{background:var(--background-secondary);border-color:var(--border-color)}.image-upload-label{background:var(--background-secondary)}.submit-message.success{background:#064e3b;color:#6ee7b7;border-color:#065f46}.submit-message.error{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.total-stock-display{background:var(--background-highlight)}.optional-badge{background:var(--background-secondary)}}body.dark-mode .add-product-modal-overlay{background:#000c}body.dark-mode .add-product-form-container{--background-primary: #121212;--background-secondary: #111827;--background-hover: #374151;--background-disabled: #374151;--background-highlight: #1e3a5f;--input-background: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--primary-color: #3b82f6;--primary-hover: #2563eb;--error-color: #f87171;box-shadow:0 4px 24px #000000b3}body.dark-mode .modal-close-btn:hover{background:var(--background-hover);color:var(--text-primary)}body.dark-mode .form-section{background:var(--background-secondary);border-color:var(--border-color)}body.dark-mode .image-upload-label{background:var(--background-secondary)}body.dark-mode .submit-message.success{background:#064e3b;color:#6ee7b7;border-color:#065f46}body.dark-mode .submit-message.error{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}body.dark-mode .total-stock-display{background:var(--background-highlight)}body.dark-mode .optional-badge{background:var(--background-secondary)}@media(max-width:768px){.add-product-modal-overlay{padding:.5rem;align-items:flex-start}.add-product-form-container{padding:1.5rem;border-radius:8px;margin:1rem auto;max-height:95vh}.form-header{flex-direction:row;gap:1rem}.form-header h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.sizes-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}.image-upload-label{max-width:100%;height:250px}.additional-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}@media(max-width:480px){.add-product-modal-overlay{padding:0}.add-product-form-container{padding:1rem;margin:0;border-radius:0;max-height:100vh;height:100vh}.form-section{padding:1rem}.form-header{position:sticky;top:0;background:var(--background-primary, #ffffff);z-index:10;margin-bottom:1.5rem;padding-bottom:1rem}.form-header h2{font-size:1.25rem}.modal-close-btn{width:36px;height:36px}.sizes-grid{grid-template-columns:repeat(3,1fr)}.hex-input-group{flex-direction:column;align-items:stretch}.color-picker{width:100%;height:50px}.additional-images-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.additional-images-upload-label{width:100%;justify-content:center}}.btn-primary:disabled:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.add-product-form-container::-webkit-scrollbar{width:8px}.add-product-form-container::-webkit-scrollbar-track{background:var(--background-secondary, #f3f4f6);border-radius:4px}.add-product-form-container::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:4px}.add-product-form-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}@media print{.add-product-modal-overlay{display:none}.add-product-form-container{box-shadow:none}.form-actions,.image-upload-container,.modal-close-btn{display:none}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.export-modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:12px;margin:0}.export-modal-header h2 svg{color:#d4af37}.close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;transition:all .2s;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#111827}.export-modal-body{padding:24px}.export-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem}.export-status.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.export-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.export-status svg{flex-shrink:0;font-size:1.2rem}.export-section{margin-bottom:28px}.export-section h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:12px}.export-options{display:flex;flex-direction:column;gap:12px}.export-option{display:block;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.export-option:hover,.export-option.selected{border-color:#d4af37;background:#fffbf0}.export-option input[type=radio]{display:none}.option-content{display:flex;align-items:center;gap:12px}.option-content svg{font-size:1.5rem;color:#d4af37;flex-shrink:0}.option-title{font-weight:600;color:#111827;margin-bottom:4px}.option-desc{font-size:.875rem;color:#6b7280}.export-checkboxes{display:flex;flex-direction:column;gap:12px}.export-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.export-checkbox:hover{background:#f9fafb}.export-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#d4af37}.export-checkbox span{color:#374151;font-size:.95rem}.export-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.summary-item span{color:#6b7280}.summary-item strong{color:#111827;font-weight:600}.export-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.95rem;border:none}.btn-primary{background:#d4af37;color:#fff}.btn-primary:hover:not(:disabled){background:#b8941f;transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}[data-theme=dark] .export-modal{background:#1f2937}[data-theme=dark] .export-modal-header{border-bottom-color:#374151}[data-theme=dark] .export-modal-header h2{color:#fff}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{background:#374151;color:#fff}[data-theme=dark] .export-section h3{color:#fff}[data-theme=dark] .export-option{background:#111827;border-color:#374151}[data-theme=dark] .export-option:hover{border-color:#d4af37;background:#1a1a1a}[data-theme=dark] .export-option.selected{background:#1a1a1a}[data-theme=dark] .option-title{color:#fff}[data-theme=dark] .option-desc{color:#9ca3af}[data-theme=dark] .export-checkbox:hover{background:#111827}[data-theme=dark] .export-checkbox span{color:#d1d5db}[data-theme=dark] .export-summary{background:#111827;border-color:#374151}[data-theme=dark] .summary-item span{color:#9ca3af}[data-theme=dark] .summary-item strong{color:#fff}[data-theme=dark] .export-modal-footer{border-top-color:#374151}[data-theme=dark] .btn-secondary{background:#374151;color:#d1d5db}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#4b5563}@media(max-width:768px){.export-modal{max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:95vh}.export-modal-header{padding:20px}.export-modal-header h2{font-size:1.25rem}.export-modal-body{padding:20px}.export-section{margin-bottom:24px}.export-modal-footer{padding:16px 20px;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.export-modal-header{padding:16px}.export-modal-header h2{font-size:1.1rem}.export-modal-body{padding:16px}.export-option{padding:12px}.option-content svg{font-size:1.25rem}.option-title{font-size:.95rem}.option-desc{font-size:.8rem}}body.dark-mode .export-modal{background:#2d2d2d}body.dark-mode .export-modal-header{border-bottom-color:#404040}body.dark-mode .export-modal-header h2{color:#d4af37}body.dark-mode .export-section h3{color:#d4af37}body.dark-mode .export-section p{color:#ccc}body.dark-mode .export-option{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .export-option:hover,body.dark-mode .export-option.selected{border-color:#d4af37;background:#404040}body.dark-mode .option-title{color:#fff}body.dark-mode .option-desc{color:#999}body.dark-mode .option-radio{border-color:#666}body.dark-mode .export-option.selected .option-radio{border-color:#d4af37;background:#d4af37}body.dark-mode .option-radio:after{background:#000}body.dark-mode .checkbox-label{color:#ccc}body.dark-mode .checkbox-input:checked+.checkbox-custom{background:#d4af37;border-color:#d4af37}body.dark-mode .export-info{background:#3a3a3a;border-left-color:#d4af37}body.dark-mode .export-info p{color:#ccc}body.dark-mode .export-modal-footer{border-top-color:#404040}body.dark-mode .btn-secondary{background:#404040;color:#ccc}body.dark-mode .btn-secondary:hover{background:#4a4a4a}body.dark-mode .export-status{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .export-status.success{background:#10b9811a;border-color:#10b981}body.dark-mode .export-status.error{background:#ef44441a;border-color:#ef4444}body.dark-mode .status-message{color:#ccc}.import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.import-modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:12px;margin:0}.import-modal-header h2 svg{color:#d4af37}.import-modal-body{padding:24px}.import-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem}.import-status.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.import-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.import-status.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.import-status svg{flex-shrink:0;font-size:1.2rem}.import-info{display:flex;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px}.import-info svg{flex-shrink:0;color:#1d4ed8;font-size:1.2rem;margin-top:2px}.import-info strong{color:#1e3a8a;display:block;margin-bottom:8px}.import-info ul{margin:0;padding-left:20px;color:#1e40af}.import-info strong{color:#1e3a8a}body.dark-mode .import-info strong{color:#d4af37}.import-info li{margin:4px 0;font-size:.9rem}.template-btn{width:100%;padding:12px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.template-btn:hover{background:#e5e7eb;border-color:#d4af37;color:#d4af37}.template-btn svg{font-size:1.1rem}.file-drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#fafafa;margin-bottom:20px}.file-drop-zone:hover{border-color:#d4af37;background:#fffbf0}.file-drop-zone.active{border-color:#d4af37;background:#fffbf0;transform:scale(1.02)}.drop-zone-content svg{font-size:3rem;color:#d4af37;margin-bottom:16px}.drop-zone-content p{font-size:1.1rem;font-weight:500;color:#111827;margin:0 0 8px}.drop-zone-content span{color:#6b7280;font-size:.95rem}.supported-formats{margin-top:12px;padding:8px 16px;background:#fff;border-radius:6px;color:#6b7280;font-size:.85rem;display:inline-block}.selected-file{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.selected-file svg{font-size:2.5rem;color:#d4af37;flex-shrink:0}.file-info{flex:1;text-align:left}.file-name{font-weight:600;color:#111827;margin-bottom:4px}.file-size{color:#6b7280;font-size:.875rem}.remove-file-btn{background:#fee2e2;color:#991b1b;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{background:#fca5a5}.validation-results{margin-top:24px;padding:20px;background:#f9fafb;border-radius:8px}.validation-results h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 16px}.validation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.summary-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:2px solid}.summary-card.valid{border-color:#6ee7b7}.summary-card.invalid{border-color:#fca5a5}.summary-card.warnings{border-color:#fde68a}.summary-card svg{font-size:1.5rem;flex-shrink:0}.summary-card.valid svg{color:#059669}.summary-card.invalid svg{color:#dc2626}.summary-card.warnings svg{color:#d97706}.summary-card .count{font-size:1.5rem;font-weight:700;color:#111827}.summary-card .label{font-size:.85rem;color:#6b7280}.validation-details{margin-top:16px}.validation-details h4{font-size:.95rem;font-weight:600;color:#374151;margin:0 0 12px}.validation-list{display:flex;flex-direction:column;gap:8px}.validation-item{padding:12px;border-radius:6px;font-size:.9rem}.validation-item.error{background:#fee2e2;border:1px solid #fca5a5}.validation-item.warning{background:#fef3c7;border:1px solid #fde68a}.validation-item strong{display:block;margin-bottom:6px;color:#111827}.validation-item ul{margin:0;padding-left:20px}.validation-item.error ul{color:#991b1b}.validation-item.warning ul{color:#92400e}.validation-item li{margin:2px 0}.more-items{text-align:center;padding:8px;color:#6b7280;font-size:.875rem;font-style:italic}.import-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.import-btn-primary,.import-btn-secondary{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.95rem;border:none}.import-btn-primary{background:#d4af37;color:#fff}.import-btn-primary:hover:not(:disabled){background:#b8941f;transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.import-btn-primary:disabled{opacity:.5;cursor:not-allowed}.import-btn-secondary{background:#f3f4f6;color:#374151}.import-btn-secondary:hover:not(:disabled){background:#e5e7eb}.import-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}[data-theme=dark] .import-modal{background:#1f2937}[data-theme=dark] .import-modal-header{border-bottom-color:#374151}[data-theme=dark] .import-modal-header h2{color:#fff}[data-theme=dark] .import-info{background:#1e293b;border-color:#334155}[data-theme=dark] .import-info svg{color:#60a5fa}[data-theme=dark] .import-info strong{color:#93c5fd}[data-theme=dark] .import-info ul{color:#cbd5e1}[data-theme=dark] .template-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .template-btn:hover{background:#4b5563;border-color:#d4af37;color:#d4af37}[data-theme=dark] .file-drop-zone{background:#111827;border-color:#374151}[data-theme=dark] .file-drop-zone:hover,[data-theme=dark] .file-drop-zone.active{background:#1a1a1a;border-color:#d4af37}[data-theme=dark] .drop-zone-content p{color:#fff}[data-theme=dark] .drop-zone-content span{color:#9ca3af}[data-theme=dark] .supported-formats{background:#1f2937;color:#9ca3af}[data-theme=dark] .selected-file{background:#111827}[data-theme=dark] .file-name{color:#fff}[data-theme=dark] .file-size{color:#9ca3af}[data-theme=dark] .validation-results{background:#111827}[data-theme=dark] .validation-results h3{color:#fff}[data-theme=dark] .summary-card{background:#1f2937}[data-theme=dark] .summary-card .count{color:#fff}[data-theme=dark] .validation-details h4{color:#d1d5db}[data-theme=dark] .validation-item.error{background:#7f1d1d;border-color:#991b1b}[data-theme=dark] .validation-item.warning{background:#78350f;border-color:#92400e}[data-theme=dark] .validation-item strong{color:#fff}[data-theme=dark] .validation-item.error ul{color:#fca5a5}[data-theme=dark] .validation-item.warning ul{color:#fde68a}[data-theme=dark] .import-modal-footer{border-top-color:#374151}[data-theme=dark] .import-btn-secondary{background:#374151;color:#d1d5db}[data-theme=dark] .import-btn-secondary:hover:not(:disabled){background:#4b5563}@media(max-width:768px){.import-modal{max-width:100%;border-radius:12px 12px 0 0;max-height:95vh}.import-modal-header{padding:20px}.import-modal-header h2{font-size:1.25rem}.import-modal-body{padding:20px}.file-drop-zone{padding:30px 16px}.drop-zone-content svg{font-size:2.5rem}.validation-summary{grid-template-columns:1fr}.import-modal-footer{padding:16px 20px;flex-direction:column-reverse}.import-btn-primary,.import-btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.import-modal-header{padding:16px}.import-modal-header h2{font-size:1.1rem}.import-modal-body{padding:16px}.import-info{padding:12px}.import-info ul{padding-left:16px}.import-info li{font-size:.85rem}.file-drop-zone{padding:24px 12px}.drop-zone-content svg{font-size:2rem}.drop-zone-content p{font-size:1rem}.summary-card{padding:12px}.summary-card .count{font-size:1.25rem}}body.dark-mode .import-modal{background:#2d2d2d}body.dark-mode .import-modal-header{border-bottom-color:#404040}body.dark-mode .import-modal-header h2{color:#d4af37}body.dark-mode .close-button{color:#ccc;background:#404040}body.dark-mode .close-button:hover{background:#4a4a4a;color:#d4af37}body.dark-mode .import-info{background:#3a3a3a;border-left-color:#d4af37}body.dark-mode .import-info h3{color:#d4af37}body.dark-mode .import-info p,body.dark-mode .import-info li{color:#ccc}body.dark-mode .file-drop-zone{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .file-drop-zone.active{border-color:#d4af37;background:#404040}body.dark-mode .drop-zone-content p{color:#ccc}body.dark-mode .drop-zone-content span{color:#999}body.dark-mode .selected-file{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .file-info .file-name{color:#fff}body.dark-mode .file-info .file-size{color:#999}body.dark-mode .remove-file{color:#ef4444}body.dark-mode .remove-file:hover{background:#ef44441a}body.dark-mode .validation-section h3{color:#d4af37}body.dark-mode .summary-grid{gap:12px}body.dark-mode .summary-card{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .summary-card .count{color:#d4af37}body.dark-mode .summary-card .label{color:#ccc}body.dark-mode .error-list{background:#ef44441a;border-color:#ef4444}body.dark-mode .error-item{color:#fca5a5;border-bottom-color:#ef444433}body.dark-mode .preview-section h3{color:#d4af37}body.dark-mode .preview-table{border-color:#404040}body.dark-mode .preview-table th{background:#3a3a3a;color:#d4af37;border-bottom-color:#4a4a4a}body.dark-mode .preview-table td{border-bottom-color:#404040;color:#ccc}body.dark-mode .preview-table tbody tr:hover{background:#3a3a3a}body.dark-mode .import-modal-footer{border-top-color:#404040}body.dark-mode .import-btn-secondary{background:#404040;color:#ccc}body.dark-mode .import-btn-secondary:hover{background:#4a4a4a}body.dark-mode .import-status{background:#3a3a3a;border-color:#4a4a4a}body.dark-mode .import-status.success{background:#10b9811a;border-color:#10b981}body.dark-mode .import-status.error{background:#ef44441a;border-color:#ef4444}body.dark-mode .import-info{background:#2a2a2a;border-color:#404040}body.dark-mode .import-info svg{color:#d4af37}body.dark-mode .import-info ul,body.dark-mode .status-message{color:#ccc}body.dark-mode .download-template{background:#3a3a3a;color:#d4af37;border-color:#d4af37}body.dark-mode .download-template:hover{background:#404040}.file-upload-section{margin-bottom:24px}.file-upload-section h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px;display:flex;align-items:center;gap:8px}.file-upload-section h3 svg{color:#d4af37}body.dark-mode .file-upload-section h3{color:#f3f4f6}.zip-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:12px;margin:12px 0;font-size:.95rem}.zip-info p{margin:4px 0;color:#0369a1}.validation-item.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}body.dark-mode .zip-info{background:#1e3a4a;border-color:#2d5570}body.dark-mode .zip-info p{color:#7dd3fc}body.dark-mode .validation-item.success{background:#10b98126;border-color:#10b981;color:#6ee7b7}.products-management{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.mobile-table-view{display:none}.products-header{margin-bottom:2rem}.header-top h1{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,#000,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:.75rem;align-items:center}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,gold,orange);color:#000}.action-btn.primary:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.action-btn.secondary{background:#fff;color:#333;border:1px solid rgba(0,0,0,.1)}.action-btn.secondary:hover{background:#f8f9fa;border-color:#0003;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000d;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.products-icon{background:linear-gradient(135deg,#4caf50,#8bc34a)}.value-icon{background:linear-gradient(135deg,#ff9800,#ff5722)}.revenue-icon{background:linear-gradient(135deg,#2196f3,#03a9f4)}.alert-icon{background:linear-gradient(135deg,#f44336,#e91e63)}.stat-info{flex:1}.stat-info h3{font-size:.875rem;font-weight:500;color:#666;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.25rem}.stat-change{font-size:.75rem;display:flex;align-items:center;gap:.25rem;font-weight:500}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.products-controls{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.search-bar{flex:1;max-width:400px;display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:0 12px}.search-bar svg{color:#666;margin-right:8px;font-size:1.125rem}.search-bar input{flex:1;border:none;padding:12px 0;font-size:.95rem;background:transparent}.search-bar:focus-within{border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.controls-right{display:flex;gap:.75rem;align-items:center}.category-select,.sort-select{padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.category-select:hover,.sort-select:hover{border-color:#0003}.category-select:focus,.sort-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.view-toggle{display:flex;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.view-toggle button{background:#fff;border:none;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.view-toggle button:hover{background:#f8f9fa}.view-toggle button.active{background:linear-gradient(135deg,gold,orange);color:#000}.view-toggle button:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}.advanced-filters{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.filter-row{display:flex;gap:1.5rem;align-items:end}.filter-group label{font-size:.875rem;font-weight:500;color:#333}.filter-group input,.filter-group select{padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.875rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.price-range{display:flex;align-items:center;gap:.5rem}.price-range input{width:100px}.price-range span{color:#666;font-weight:500}.bulk-actions{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem}.bulk-info{font-weight:500;color:#333}.bulk-buttons{display:flex;gap:.5rem}.bulk-buttons button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;background:#fff;color:#333;border:1px solid rgba(0,0,0,.1)}.bulk-buttons button:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.bulk-buttons button.danger{color:#dc3545;border-color:#dc3545}.bulk-buttons button.danger:hover{background:#dc3545;color:#fff}.products-table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;max-width:100%}.products-table{width:100%;border-collapse:collapse;min-width:900px}.desktop-table{display:table}.mobile-table-view{display:none;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.products-table th,.products-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.products-table th{background:#f8f9fa;font-weight:600;color:#333;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.products-table tr:hover{background:#ffd70005}.products-table tr.selected{background:#ffd70014}.products-table tr.selected:hover{background:#ffd7001f}.mobile-table-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);background:#f8f9fa}.mobile-select-all{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#333}.mobile-select-all input{width:18px;height:18px;accent-color:#FFD700}.mobile-table-list{max-height:none;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.mobile-table-item{border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.mobile-table-item:hover{background:#ffd70005}.mobile-table-item.selected{background:#ffd70014}.mobile-table-item.selected:hover{background:#ffd7001f}.mobile-item-header{display:flex;align-items:center;padding:1rem;gap:.75rem}.mobile-item-select input{width:18px;height:18px;accent-color:#FFD700}.mobile-item-image{width:40px;height:40px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.25rem;flex-shrink:0}.mobile-item-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mobile-item-main{flex:1;min-width:0;overflow:hidden}.mobile-item-title{font-weight:600;color:#333;font-size:.95rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.mobile-item-subtitle{font-size:.75rem;color:#666;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.mobile-item-status{flex-shrink:0}.mobile-item-details{padding:0 1rem 1rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.mobile-detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.mobile-detail-row:last-child{margin-bottom:0}.mobile-detail-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.mobile-detail-label{font-size:.7rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-detail-value{font-size:.875rem;color:#333;font-weight:500;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;text-align:right;max-width:50%}.mobile-detail-value.price{color:#28a745;font-weight:600;font-size:1rem}.mobile-detail-value.low-stock{color:#ff9800}.mobile-detail-value small{color:#666;font-weight:400}.mobile-item-actions{display:flex;padding:.75rem 1rem 1rem;gap:.5rem;border-top:1px solid rgba(0,0,0,.05);background:#00000003;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#f8f9fa;color:#333}.mobile-action-btn:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.mobile-action-btn.danger{color:#dc3545}.mobile-action-btn.danger:hover{background:#dc3545;color:#fff}.product-cell{display:flex;align-items:center;gap:.75rem}.product-image{width:50px;height:50px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.5rem;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-info{flex:1;min-width:0}.product-name{text-align:justify;padding-left:.2rem;font-weight:600;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-sku{font-size:.75rem;color:#666}.featured-badge{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#000;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;width:fit-content;white-space:nowrap}.category-cell{text-align:left}.category-main{font-weight:500;color:#333;margin-bottom:.25rem}.category-sub{font-size:.75rem;color:#666}.price-cell{text-align:left}.selling-price{font-weight:600;color:#333;font-size:1.125rem;margin-bottom:.25rem}.cost-price{font-size:.75rem;color:#666}.stock-cell{text-align:center}.stock-amount{font-weight:600;font-size:1.125rem;color:#333;margin-bottom:.25rem}.stock-cell.low-stock .stock-amount{color:#ff9800}.stock-warning{font-size:.625rem;color:#ff9800;background:#ff98001a;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stock-out{font-size:.625rem;color:#dc3545;background:#dc35451a;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#28a7451a;color:#28a745}.status-badge.inactive{background:#6c757d1a;color:#6c757d}.status-badge.out_of_stock{background:#dc35451a;color:#dc3545}.sales-cell{text-align:right}.units-sold{font-weight:500;color:#333;margin-bottom:.25rem}.revenue{font-size:.875rem;color:#28a745;font-weight:500}.actions-cell{display:flex;gap:.5rem;justify-content:center}.action-btn-small{width:36px;height:36px;border:none;border-radius:6px;background:#f8f9fa;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.action-btn-small:hover{background:#e9ecef;color:#333;transform:translateY(-1px)}.action-btn-small.danger{color:#dc3545}.action-btn-small.danger:hover{background:#dc3545;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000d;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-card.selected{border:2px solid #FFD700;box-shadow:0 4px 20px #ffd7004d}.card-checkbox{position:absolute;top:1rem;left:1rem;z-index:2}.card-checkbox input{width:18px;height:18px;accent-color:#FFD700}.card-image{height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;color:#666;font-size:4rem;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}.card-image .featured-badge{position:absolute;top:1rem;right:1rem}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s ease}.product-card:hover .card-overlay{opacity:1}.card-overlay button{width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.125rem}.card-overlay button:hover{background:gold;color:#000;transform:scale(1.1)}.card-content{padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.product-title{font-size:1.125rem;font-weight:600;color:#333;margin:0;flex:1;margin-right:1rem;line-height:1.4}.card-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.detail-row .label{font-size:.875rem;color:#666;font-weight:500}.detail-row .value{font-size:.875rem;color:#333;font-weight:500}.detail-row .value.price{color:#28a745;font-weight:600;font-size:1rem}.detail-row .value.stock.low{color:#ff9800}.card-actions{display:flex;gap:.75rem}.btn-secondary,.btn-danger{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary{background:#f8f9fa;color:#333;border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.no-products{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d}.no-products-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;font-size:2.5rem}.no-products h3{font-size:1.25rem;color:#333;margin:0 0 .5rem}.no-products p{color:#666;margin:0 0 2rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h2{font-size:1.5rem;font-weight:600;color:#333;margin:0}.modal-close{width:40px;height:40px;border:none;border-radius:50%;background:#f8f9fa;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.modal-close:hover{background:#e9ecef;color:#333}.modal-form{padding:1.5rem}.form-grid{display:grid;gap:2rem}.form-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.form-section h3{font-size:1.125rem;font-weight:600;color:#333;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #FFD700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#333;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#e9ecef;color:#6c757d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;cursor:pointer}.checkbox-label input{width:auto;accent-color:#FFD700}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.1);background:#f8f9fa;border-radius:0 0 12px 12px}.modal-actions .btn-secondary,.modal-actions .btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-actions .btn-secondary{background:#fff;color:#666;border:1px solid rgba(0,0,0,.2)}.modal-actions .btn-secondary:hover{background:#f8f9fa;color:#333}.modal-actions .btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,gold,orange);color:#000}.modal-actions .btn-primary:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 15px #ffd70066}body.dark-mode .products-management{color:#fff}body.dark-mode .header-top h1{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .action-btn.secondary{background:#2d2d2d;color:#fff;border-color:#444}body.dark-mode .action-btn.secondary:hover{background:#3d3d3d;border-color:#555}body.dark-mode .action-btn.primary{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .stat-card{background:#2d2d2d;box-shadow:0 2px 12px #0003}body.dark-mode .stat-card:hover{box-shadow:0 8px 20px #0000004d}body.dark-mode .stat-info h3{color:#aaa}body.dark-mode .search-bar{background:#2d2d2d;border-color:#444}body.dark-mode .search-bar svg{color:#aaa}body.dark-mode .search-bar input::placeholder{color:#888}body.dark-mode .search-bar:focus-within{border-color:gold}body.dark-mode .category-select,body.dark-mode .sort-select{background:#2d2d2d;border-color:#444;color:#fff}body.dark-mode .category-select:hover,body.dark-mode .sort-select:hover{border-color:#555}body.dark-mode .view-toggle button{background:#2d2d2d;color:#fff;border-color:#444}body.dark-mode .view-toggle button:hover{background:#3d3d3d}body.dark-mode .view-toggle button.active{background:linear-gradient(135deg,gold,orange);color:#000}body.dark-mode .advanced-filters{background:#2d2d2d;border-color:#444}body.dark-mode .filter-group label{color:#fff}body.dark-mode .filter-group input,body.dark-mode .filter-group select{background:#404040;border-color:#555;color:#fff}body.dark-mode .filter-group input:focus,body.dark-mode .filter-group select:focus{border-color:gold}body.dark-mode .bulk-actions{background:linear-gradient(135deg,#ffd70026,#ffa50014);border-color:#ffd70066}body.dark-mode .bulk-info{color:#fff}body.dark-mode .bulk-buttons button{background:#2d2d2d;color:#fff;border-color:#444}body.dark-mode .bulk-buttons button:hover{background:#3d3d3d}body.dark-mode .products-table-container{background:#2d2d2d;box-shadow:0 2px 12px #0003}body.dark-mode .products-table th{background:#ffffff05;color:#ccc}body.dark-mode .products-table th,body.dark-mode .products-table td{border-bottom-color:#444;color:#eee}body.dark-mode .products-table tr:hover{background:#ffd7000d}body.dark-mode .products-table tr.selected{background:#ffd70026}body.dark-mode .product-image{background:#404040;color:#888}body.dark-mode .product-name{color:#fff}body.dark-mode .product-sku{color:#aaa}body.dark-mode .category-main{color:#fff}body.dark-mode .category-sub{color:#aaa}body.dark-mode .selling-price{color:#fff}body.dark-mode .cost-price{color:#aaa}body.dark-mode .stock-amount,body.dark-mode .units-sold{color:#fff}body.dark-mode .action-btn-small{background:#404040;color:#ccc}body.dark-mode .action-btn-small:hover{background:#555;color:#fff}body.dark-mode .product-card{background:#2d2d2d;box-shadow:0 2px 12px #0003}body.dark-mode .product-card:hover{box-shadow:0 8px 25px #0000004d}body.dark-mode .product-card.selected{border-color:gold;box-shadow:0 4px 20px #ffd7004d}body.dark-mode .card-image{background:#404040;color:#888}body.dark-mode .product-title{color:#fff}body.dark-mode .detail-row .label{color:#aaa}body.dark-mode .detail-row .value{color:#fff}body.dark-mode .btn-secondary{background:#404040;color:#fff;border-color:#555}body.dark-mode .btn-secondary:hover{background:#555}body.dark-mode .no-products{background:#2d2d2d}body.dark-mode .no-products-icon{background:#404040;color:#888}body.dark-mode .no-products h3{color:#fff}body.dark-mode .no-products p{color:#aaa}body.dark-mode .modal-content{background:#2d2d2d;color:#fff}body.dark-mode .modal-header{border-bottom-color:#444}body.dark-mode .modal-close{background:#404040;color:#ccc}body.dark-mode .modal-close:hover{background:#555;color:#fff}body.dark-mode .form-section{background:#404040}body.dark-mode .form-section h3,body.dark-mode .form-group label{color:#fff}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#555;border-color:#666;color:#fff}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:gold}body.dark-mode .form-group input:disabled,body.dark-mode .form-group select:disabled,body.dark-mode .form-group textarea:disabled{background:#333;color:#888}body.dark-mode .modal-actions{background:#404040;border-top-color:#444}body.dark-mode .modal-actions .btn-secondary{background:#2d2d2d;color:#fff;border-color:#555}body.dark-mode .modal-actions .btn-secondary:hover{background:#404040}body.dark-mode .mobile-table-header{background:#2d2d2d;border-bottom-color:#444}body.dark-mode .mobile-select-all{color:#fff}body.dark-mode .mobile-table-item{border-bottom-color:#444}body.dark-mode .mobile-table-item:hover{background:#ffd7000d}body.dark-mode .mobile-table-item.selected{background:#ffd70026}body.dark-mode .mobile-table-item.selected:hover{background:#ffd70033}body.dark-mode .mobile-item-image{background:#404040;color:#888}body.dark-mode .mobile-item-title{color:#fff}body.dark-mode .mobile-item-subtitle,body.dark-mode .mobile-detail-label{color:#aaa}body.dark-mode .mobile-detail-value{color:#fff}body.dark-mode .mobile-detail-value small{color:#888}body.dark-mode .mobile-item-actions{background:#0003;border-top-color:#444}body.dark-mode .mobile-action-btn{background:#404040;color:#ccc}body.dark-mode .mobile-action-btn:hover{background:#555;color:#fff}body.dark-mode .mobile-action-btn.danger:hover{background:#dc3545;color:#fff}.product-details-modal{max-width:960px}.product-details-title h2{margin:0}.product-details-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666;margin-top:.25rem}.product-details-divider{color:#bbb}.product-details-body{display:grid;grid-template-columns:250px 1fr;gap:1rem;padding:1.5rem}.product-details-media{display:flex;flex-direction:column;gap:1rem}.product-details-image{width:90%;height:280px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666;font-size:3rem;overflow:hidden}.product-details-image img{width:100%;height:100%;object-fit:contain;background:#fff}.product-details-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.product-details-thumbnail{background:#f8f9fa;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.product-details-thumbnail img{width:100%;height:100%;object-fit:cover}.product-details-gallery-empty{font-size:.75rem;color:#888;background:#f8f9fa;padding:.5rem;border-radius:8px;text-align:center}.product-details-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.product-details-tags{display:flex;flex-wrap:wrap;gap:.5rem}.product-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:999px;background:#f1f3f5;color:#555;font-size:.75rem;font-weight:500}.product-tag.empty{color:#888;background:#f8f9fa}.product-details-info h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#333}.product-details-section{margin-bottom:1.5rem}.product-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#777;font-weight:600}.detail-value{font-size:.9rem;color:#333;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}.detail-value.price{color:#28a745}.detail-value.low-stock{color:#ff9800}.size-chips{display:flex;flex-wrap:wrap;gap:.5rem}.size-chip{background:#ffc10726;border:1px solid rgba(255,193,7,.35);color:#856404;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.size-chip.empty{background:#f8f9fa;border-color:#0000000d;color:#888}.product-details-description{background:#f8f9fa;border-radius:8px;padding:1rem;color:#444;font-size:.9rem;line-height:1.5}@media(max-width:900px){.product-details-body{grid-template-columns:1fr}.product-details-image{height:220px}}body.dark-mode .product-details-subtitle{color:#aaa}body.dark-mode .product-details-image{background:#404040;color:#888}body.dark-mode .product-details-info h3{color:#fff}body.dark-mode .detail-label{color:#aaa}body.dark-mode .product-tag{background:#404040;color:#ccc}body.dark-mode .size-chip{background:#ffc10733;border-color:#ffc10766;color:#ffe08a}body.dark-mode .product-details-description{background:#404040;color:#ddd}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.desktop-table{display:none!important}.mobile-table-view{display:block!important}}@media(max-width:1024px)and (min-width:769px){.mobile-table-view{max-width:100%;overflow-x:hidden}.mobile-table-item{padding:1rem;margin-bottom:.75rem}.mobile-item-header{padding:1rem}.mobile-item-name{font-size:1.1rem}.mobile-item-sku{font-size:.9rem}.mobile-item-details{padding:0 .75rem .75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mobile-detail-row{display:flex;flex-direction:column;gap:.25rem}.mobile-detail-label{font-size:.8rem;font-weight:500}.mobile-detail-value{font-size:.95rem}.mobile-item-actions{padding:.75rem;justify-content:flex-end;gap:.75rem}.mobile-item-actions .btn{padding:.6rem 1rem;font-size:.85rem}}@media(max-width:1024px){.desktop-table{display:none}.mobile-table-view{display:block}.header-top{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:space-between;flex-wrap:wrap;gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.stat-icon{width:40px;height:40px;font-size:1.25rem;margin:0 auto}.stat-info h3{font-size:.75rem}.stat-value{font-size:1.25rem}.stat-change{font-size:.7rem;justify-content:center}.products-controls{flex-direction:column;gap:1rem;align-items:stretch}.controls-right{justify-content:space-between;flex-wrap:wrap;gap:.5rem}.filter-row,.bulk-actions{flex-direction:column;gap:1rem}.bulk-buttons{justify-content:center;flex-wrap:wrap}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{min-height:auto}.card-image{height:150px;font-size:3rem}.card-content{padding:1rem}.product-title{font-size:1rem;line-height:1.3}.card-actions{flex-direction:column;gap:.5rem}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.mobile-item-header{padding:.75rem}.mobile-item-details{padding:0 .75rem .75rem}.mobile-item-actions{padding:.75rem}}@media(max-width:480px){.desktop-table{display:none}.mobile-table-view{display:block}.header-top h1{font-size:1.5rem}.action-btn{padding:.5rem .75rem;font-size:.75rem;gap:.25rem}.action-btn span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:.75rem;border-radius:8px;flex-direction:row;text-align:left;gap:.5rem;min-height:auto}.stat-icon{width:32px;height:32px;font-size:1rem;border-radius:6px;margin:0;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-info h3{font-size:.65rem;margin-bottom:.25rem;line-height:1.2}.stat-value{font-size:1rem;font-weight:600;margin-bottom:.125rem;line-height:1}.stat-change{font-size:.6rem;justify-content:flex-start;line-height:1}.search-bar{margin-bottom:1rem}.controls-right{gap:.5rem}.category-select,.sort-select{font-size:.8rem;padding:.6rem .8rem}.view-toggle button{padding:.6rem;font-size:1rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.product-card{border-radius:8px;overflow:hidden}.card-checkbox{top:.5rem;left:.5rem}.card-checkbox input{width:16px;height:16px}.card-image{height:120px;font-size:2rem}.card-image .featured-badge{top:.5rem;right:.5rem;font-size:.5rem;padding:.2rem .4rem}.card-overlay button{width:32px;height:32px;font-size:.9rem}.card-content{padding:.75rem}.card-header{margin-bottom:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.product-title{font-size:.9rem;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-badge{padding:.25rem .5rem;font-size:.6rem;border-radius:12px}.card-details{margin-bottom:1rem}.detail-row{margin-bottom:.4rem}.detail-row .label,.detail-row .value{font-size:.75rem}.detail-row .value.price{font-size:.85rem}.card-actions{flex-direction:row;gap:.5rem}.btn-secondary,.btn-danger{padding:.5rem .75rem;font-size:.7rem;border-radius:4px}.btn-secondary svg,.btn-danger svg{width:12px;height:12px}.bulk-actions{padding:.75rem 1rem;border-radius:6px}.bulk-info{font-size:.8rem}.bulk-buttons button{padding:.4rem .7rem;font-size:.7rem;gap:.3rem}.modal-content{margin:.5rem;max-height:95vh;border-radius:8px}.modal-header,.modal-form,.modal-actions{padding:1rem}.modal-header h2{font-size:1.25rem}.form-section{padding:1rem;border-radius:6px}.form-section h3{font-size:1rem}.no-products{padding:2rem 1rem}.no-products-icon{width:60px;height:60px;font-size:2rem;margin-bottom:1rem}.no-products h3{font-size:1.1rem}.no-products p{font-size:.9rem;margin-bottom:1.5rem}}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem}.size-input-group{display:flex;flex-direction:column;gap:.5rem}.size-input-group label{font-weight:600;text-align:center;font-size:.9rem;color:#666}.size-input-group input{padding:.5rem;border:1px solid #ddd;border-radius:4px;text-align:center;font-weight:500}.size-input-group input:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd70033}.color-management{margin-top:1rem}.color-option-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:6px}.color-option-row input[type=text]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.color-option-row input[type=color]{width:60px;height:40px;padding:0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.btn-remove{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.btn-remove:hover{background:#c82333}.btn-add-color{background:#28a745;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:background-color .2s ease}.btn-add-color:hover{background:#218838}.form-section p{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.5}body.dark-mode .size-input-group label{color:#ccc}body.dark-mode .size-input-group input{background:#404040;border-color:#555;color:#fff}body.dark-mode .size-input-group input:focus{border-color:gold;background:#505050}body.dark-mode .color-option-row{background:#404040;border-color:#555}body.dark-mode .color-option-row input[type=text]{background:#505050;border-color:#666;color:#fff}body.dark-mode .color-option-row input[type=text]:focus{border-color:gold;background:#606060}body.dark-mode .color-option-row input[type=color]{border-color:#666}body.dark-mode .form-section p{color:#bbb}.product-type-specific{border-left:3px solid #FFD700;padding-left:1rem;margin:1rem 0}@media(max-width:768px){.size-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.color-option-row{flex-direction:column;gap:.75rem;align-items:stretch}.color-option-row input[type=color]{width:100%;height:50px}}@media(max-width:480px){.size-grid{grid-template-columns:1fr}}.notification{position:fixed;top:20px;right:20px;z-index:1000;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:300px;max-width:500px;box-shadow:0 4px 12px #0000001a;animation:slideInRight .3s ease-out}.notification.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.notification.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.notification-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;padding:0}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}body.dark-mode .notification.success{background:#1e4a29;color:#a8d8a8;border-color:#2a5530}body.dark-mode .notification.error{background:#4a1e1e;color:#d8a8a8;border-color:#552a2a}body.dark-mode .notification.warning{background:#4a3e1e;color:#d8c8a8;border-color:#55442a}body.dark-mode .notification.info{background:#1e3a4a;color:#a8c8d8;border-color:#2a4455}.calculated-field{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;font-weight:600;cursor:not-allowed}.calculated-field:focus{box-shadow:none!important;border-color:#dee2e6!important}.form-group small{display:block;margin-top:.25rem;font-size:.8rem;color:#6c757d;font-style:italic}body.dark-mode .calculated-field{background-color:#2d2d2d!important;border-color:#555!important;color:#aaa!important}body.dark-mode .form-group small{color:#aaa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#666;font-size:1rem;margin:0}body.dark-mode .loading-container p{color:#aaa}body.dark-mode .loading-spinner{border-color:#444;border-top-color:#007bff}.orders-management{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);animation:fadeIn .5s ease-out;max-width:100%;overflow-x:hidden}.orders-header{margin-bottom:2rem;animation:fadeIn .6s ease-out}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.timeframe-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;transition:all .3s ease;cursor:pointer}.timeframe-filter:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.timeframe-filter svg{color:#fff}.timeframe-select-header{border:none;background:transparent;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;outline:none;padding-right:.5rem}.timeframe-select-header option{background:#667eea;color:#fff}.timeframe-select-header:focus{outline:none}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:all .3s ease;animation:fadeIn .8s ease-out}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-label{font-size:.9rem;color:#666;font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:#1a1a1a}.stat-card-primary{position:relative}.stat-card-primary .stat-content{flex:1}.stat-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.timeframe-select{padding:.25rem .5rem;font-size:.75rem;border:1px solid #e0e0e0;border-radius:6px;background:#f8f9fa;color:#333;cursor:pointer;transition:all .2s ease;font-weight:500}.timeframe-select:hover{border-color:gold;background:#fffef8}.timeframe-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd70033}.stat-timeframe{font-size:.75rem;color:#999;font-weight:400;margin-top:.25rem}.orders-controls{display:flex;gap:1rem;margin-bottom:1.5rem;animation:fadeIn .7s ease-out}.search-bar{flex:1;position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;padding:.75rem 1.25rem;border:2px solid #e0e0e0;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.search-bar:focus-within{border-color:gold;box-shadow:0 4px 20px #ffd70033}.search-bar svg{color:#999;margin-right:.75rem}.search-bar input{flex:1;border:none;outline:none;font-size:.95rem;color:#333}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#333;box-shadow:0 2px 10px #0000000d}.btn-filter:hover{border-color:gold;background:#fffef8}.btn-filter svg.rotate{transform:rotate(180deg)}.filters-panel{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-wrap:nowrap;align-items:flex-end;gap:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;animation:slideDown .3s ease-out;overflow-x:auto}.filter-group{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;font-weight:600;color:#333}.filter-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .3s ease;background:#fff;color:#333}.filter-group select:focus{outline:none;border-color:gold}.orders-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;overflow-x:auto;overflow-y:auto;height:calc(100vh - 280px);position:relative;animation:fadeIn .8s ease-out;max-width:100%;width:100%}.orders-table{width:100%;border-collapse:collapse;min-width:900px}.orders-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.orders-table thead tr th{padding:1.25rem 1rem;text-align:left;font-weight:700;color:#1a1a1a;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #FFD700}.orders-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.orders-table tbody tr:hover{background:#fffef8;box-shadow:0 2px 10px #0000000d}.orders-table tbody tr td{padding:1.25rem 1rem;vertical-align:middle;color:#333;font-size:.95rem}.order-number strong{color:#1a1a1a;font-weight:700;font-size:.8rem}.customer-info svg{color:gold;flex-shrink:0}.customer-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.customer-email{font-size:.85rem;color:#666}.items-count{padding:.35rem .75rem;background:#f0f0f0;border-radius:20px;font-size:.85rem;font-weight:600;color:#666}.order-total strong{font-size:1.1rem;color:#1a1a1a}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.payment-badge{font-size:.75rem}.customization-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.customization-badge.custom{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.customization-badge.standard{background:#e0e0e0;color:#666}.btn-action{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.btn-action.view{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-action.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-action.flag{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-action.flag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.no-orders{padding:4rem 2rem;text-align:center;color:#666}.no-orders svg{color:#ccc;margin-bottom:1.5rem}.no-orders h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem}.no-orders p{font-size:1rem;color:#999}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.loading-more{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:#666;font-size:.95rem}.loading-spinner-small{width:24px;height:24px;border:3px solid #f0f0f0;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.end-of-results{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#999;font-size:.9rem;border-top:1px solid #e0e0e0;margin-top:1rem}body.dark-mode .loading-more{color:#aaa}body.dark-mode .loading-spinner-small{border-color:#333;border-top-color:gold}body.dark-mode .end-of-results{color:#777;border-top-color:#333}.loading-container p{color:#666;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:1.75rem;color:#1a1a1a;margin:0}.modal-close{width:40px;height:40px;border:none;background:#f0f0f0;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.modal-close:hover{background:#e0e0e0;color:#1a1a1a;transform:rotate(90deg)}.modal-body{padding:2rem}.detail-section{margin-bottom:2.5rem}.detail-section h3{font-size:1.25rem;color:#1a1a1a;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #FFD700}.status-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.status-selector{display:flex;flex-direction:column;gap:.5rem}.status-selector label{font-weight:600;color:#333;font-size:.95rem}.status-selector select{padding:.875rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;background:#fff;font-weight:600}.status-selector select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.status-selector select:disabled{opacity:.5;cursor:not-allowed}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;gap:1rem;padding:1.25rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #FFD700;transition:all .2s ease}.info-item:hover{background:#f0f0f0;transform:translate(4px)}.info-item svg{color:gold;flex-shrink:0;margin-top:.2rem}.info-item div{display:flex;flex-direction:column;gap:.35rem;flex:1}.info-item label{font-size:.85rem;color:#666;font-weight:600}.info-item span{font-size:1rem;color:#1a1a1a;font-weight:500}.info-item .amount-highlight{font-size:1.25rem;font-weight:700;color:gold}.info-item .transaction-id{font-family:monospace;font-size:.9rem;color:#666;word-break:break-all}.info-item.full-width{grid-column:1 / -1}.order-items-list{display:flex;flex-direction:column;gap:1.5rem}.order-item-card{display:flex;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0;transition:all .2s ease}.order-item-card:hover{border-color:gold;box-shadow:0 4px 16px #ffd70033}.item-image{width:100px;height:100px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#fff;border:2px solid #e0e0e0}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1;min-width:0;overflow:hidden}.item-details h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:.75rem}.item-specs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.item-specs span{font-size:.9rem;color:#666;font-weight:500}.item-total{font-size:1.25rem;font-weight:700;color:gold;display:flex;align-items:center}.customization-details{margin-top:1rem;padding:1.25rem;background:linear-gradient(135deg,#fffef8,#fff9e6);border:2px solid #FFD700;border-radius:10px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word}.custom-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1a1a1a}.custom-header svg{color:gold}.custom-field{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:0;min-width:0;overflow:hidden}.custom-field label{font-weight:600;color:#666;min-width:auto;font-size:.9rem;flex-shrink:0}.custom-field span{color:#1a1a1a;font-weight:500;word-break:break-word;overflow-wrap:break-word;max-width:100%}.color-indicator{width:24px;height:24px;border-radius:6px;border:2px solid #e0e0e0;display:inline-block}.custom-total{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #FFD700}.custom-total label{font-weight:700;color:#1a1a1a;font-size:1rem}.custom-price{font-weight:700;color:gold;font-size:1.1rem}.admin-notes-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.admin-notes-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.btn-save-notes{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-save-notes:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.95rem}.action-btn.confirm{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-btn.confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4facfe66}.action-btn.process{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.process:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.action-btn.ship{background:linear-gradient(135deg,#43e97b,#38f9d7)}.action-btn.ship:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #43e97b66}.action-btn.deliver{background:linear-gradient(135deg,#10b981,#059669)}.action-btn.deliver:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.action-btn.cancel{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-btn.cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.action-btn.refund{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-btn.refund:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.action-btn.flag-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.action-btn.flag-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f093fb66}.customization-item{padding:1rem 0 1rem 1rem;border-bottom:1px solid rgba(255,215,0,.3);display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}.customization-item .custom-header{grid-column:1 / -1;padding-top:.75rem}.customization-item:last-child{border-bottom:none;padding-bottom:0}.customization-item:first-child{padding-top:0}.custom-field.full-width{grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:.5rem}.custom-field.full-width label{min-width:unset}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.reference-link{color:#667eea;text-decoration:none;font-weight:600;padding:.25rem .75rem;background:#667eea1a;border-radius:6px;transition:all .3s ease}.reference-link:hover{background:#667eea33;color:#764ba2}.reference-images{display:flex;flex-wrap:wrap;gap:.5rem}.item-meta{display:flex;gap:.75rem;margin-bottom:.5rem}.product-team,.product-variant{font-size:.8rem;padding:.25rem .75rem;border-radius:20px;font-weight:600}.product-team{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-variant{background:#ffd70033;color:#b8860b;border:1px solid #FFD700}.customer-phone{font-size:.85rem;color:#888}.discount-amount{color:#10b981!important;font-weight:600}body.dark-mode .orders-management{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}body.dark-mode .notification{background:#2d2d2d;color:#e0e0e0}body.dark-mode .notification button{color:#bbb}body.dark-mode .timeframe-filter{background:linear-gradient(135deg,#667eea,#764ba2)}body.dark-mode .timeframe-filter:hover{box-shadow:0 6px 20px #667eea66}body.dark-mode .timeframe-filter svg{color:#fff}body.dark-mode .timeframe-select-header{background:transparent;color:#fff}body.dark-mode .timeframe-select-header option{background:#667eea;color:#fff}body.dark-mode .search-bar{background:#2d2d2d;border-color:#3d3d3d}body.dark-mode .search-bar:focus-within{border-color:gold;background:#333}body.dark-mode .search-bar input{background:transparent;color:#e0e0e0}body.dark-mode .btn-filter{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}body.dark-mode .btn-filter:hover{background:#333;border-color:gold}body.dark-mode .filters-panel{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .filter-group label{color:#e0e0e0}body.dark-mode .filter-group select{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}body.dark-mode .orders-table-container{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .orders-table thead{background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}body.dark-mode .orders-table thead tr th{color:#fff}body.dark-mode .orders-table tbody tr{border-bottom-color:#2d2d2d}body.dark-mode .orders-table tbody tr:hover{background:#252525}body.dark-mode .orders-table tbody tr td{color:#e0e0e0}body.dark-mode .order-number strong,body.dark-mode .customer-name,body.dark-mode .order-total strong{color:#fff}body.dark-mode .customer-email{color:#999}body.dark-mode .items-count{background:#2d2d2d;color:#bbb}body.dark-mode .customization-badge.standard{background:#2d2d2d;color:#999}body.dark-mode .no-orders h3{color:#fff}body.dark-mode .no-orders p{color:#666}body.dark-mode .loading-spinner{border-color:#2d2d2d;border-top-color:gold}body.dark-mode .loading-container p{color:#999}body.dark-mode .modal-close{background:#2d2d2d;color:#bbb}body.dark-mode .modal-close:hover{background:#3d3d3d;color:#fff}body.dark-mode .detail-section h3{color:#fff}body.dark-mode .status-selector label{color:#e0e0e0}body.dark-mode .status-selector select{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}body.dark-mode .info-item{background:#2d2d2d}body.dark-mode .info-item:hover{background:#333}body.dark-mode .info-item label{color:#999}body.dark-mode .info-item span{color:#e0e0e0}body.dark-mode .info-item .transaction-id{color:#999}body.dark-mode .order-item-card{background:#2d2d2d;border-color:#3d3d3d}body.dark-mode .order-item-card:hover{border-color:gold}body.dark-mode .item-image{background:#1a1a1a;border-color:#3d3d3d}body.dark-mode .item-details h4{color:#fff}body.dark-mode .item-specs span{color:#999}body.dark-mode .customization-details{background:linear-gradient(135deg,#1a1a00,#2a2600)!important;border-color:gold!important}body.dark-mode .customization-item{border-bottom-color:#ffd70066!important;background:transparent!important}body.dark-mode .custom-header{color:#fff!important}body.dark-mode .custom-header svg{color:gold!important}body.dark-mode .custom-field label{color:#bbb!important}body.dark-mode .custom-field span,body.dark-mode .custom-field span.capitalize,body.dark-mode .custom-field span.uppercase{color:#f0f0f0!important}body.dark-mode .color-indicator{border-color:#3d3d3d!important}body.dark-mode .custom-total{border-top-color:gold!important}body.dark-mode .custom-total label{color:#fff!important}body.dark-mode .custom-price{color:gold!important}body.dark-mode .reference-link{color:#8b9cff!important;background:#667eea33!important}body.dark-mode .reference-link:hover{background:#667eea59!important;color:#a78bfa!important}body.dark-mode .custom-field.full-width span{color:#ddd!important}body.dark-mode .admin-notes-input{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}.flag-modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:480px;width:95%;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:1.25rem}.flag-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.flag-modal-header h3{margin:0;font-size:1.35rem;color:#1a1a1a}.flag-modal-body{display:flex;flex-direction:column;gap:.75rem}.flag-modal-message{color:#4a5568;font-size:.95rem;line-height:1.5}.flag-modal-textarea{width:100%;padding:.9rem 1rem;border-radius:12px;border:2px solid #e0e0e0;font-size:.95rem;font-family:inherit;resize:vertical;min-height:110px;transition:all .2s ease}.flag-modal-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70026}.flag-modal-error{display:inline-flex;align-items:center;gap:.5rem;background:#fff5f5;border:1px solid #fed7d7;color:#c53030;padding:.5rem .75rem;border-radius:10px;font-size:.85rem}.flag-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.flag-modal-btn{border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.flag-modal-btn:disabled{opacity:.6;cursor:not-allowed}.flag-modal-btn-secondary{background:#f0f0f0;color:#4a5568}.flag-modal-btn-secondary:hover:not(:disabled){background:#e2e8f0}.flag-modal-btn-primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.flag-modal-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #f093fb59}body.dark-mode .flag-modal-content{background:#1a1a1a}body.dark-mode .flag-modal-header h3{color:#fff}body.dark-mode .flag-modal-message{color:#cbd5f0}body.dark-mode .flag-modal-textarea{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}body.dark-mode .flag-modal-error{background:#e53e3e26;border-color:#e53e3e59;color:#fca5a5}.order-number-wrapper{display:flex;align-items:center;gap:8px}.flagged-icon{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.flag-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s;font-weight:500}.flag-btn:hover{background:#f8f9fa;border-color:#ccc}.flag-btn.active{background:#fff5f5;border-color:#ffc9c9;color:#dc3545}.btn-action.flag.active{color:#dc3545}.btn-save-notes:disabled{opacity:.7;cursor:not-allowed}.flag-reason-display{margin-top:10px;padding:10px;background-color:#fff5f5;border-left:4px solid #dc3545;border-radius:4px;font-size:.9rem;color:#444}.flag-reason-display strong{color:#dc3545}.cancellation-reason-display{margin:1rem 0;padding:1rem;background-color:#fff5f5;border-left:4px solid #ef4444;border-radius:4px;font-size:.95rem;color:#333}.cancellation-reason-display strong{color:#ef4444;margin-right:.5rem}.cancel-modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease-out}body.dark-mode .cancel-modal-content{background:#1a1a1a;color:#e0e0e0}body.dark-mode .cancel-modal-icon{background:#ef444426}body.dark-mode .cancel-modal-title{color:#fff}body.dark-mode .cancel-modal-message{color:#cbd5f0}body.dark-mode .cancel-modal-order-info{background:#2d2d2d}body.dark-mode .cancel-order-detail,body.dark-mode .cancel-reason-container label{color:#e0e0e0}body.dark-mode .cancel-reason-textarea{background:#2d2d2d;border-color:#3d3d3d;color:#e0e0e0}body.dark-mode .cancel-reason-textarea:focus{border-color:#ef4444}body.dark-mode .cancel-modal-warning{background:#ef444426;color:#fca5a5}body.dark-mode .cancel-modal-btn-secondary{background:#2d2d2d;color:#e0e0e0}body.dark-mode .cancel-modal-btn-secondary:hover{background:#3d3d3d}.refund-modal-content{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease-out}.refund-modal-icon{color:#f59e0b;margin-bottom:.5rem;background:#fff7ed;padding:1rem;border-radius:50%}.refund-modal-title{font-size:1.5rem;color:#1a1a1a;font-weight:700}.refund-modal-message,.refund-modal-info{color:#666;line-height:1.5}.refund-modal-order-info{width:100%;background:#f8f9fa;padding:1rem;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.refund-order-detail{display:flex;align-items:center;gap:.5rem;color:#333;font-weight:600;justify-content:center}.refund-modal-actions{display:flex;gap:1rem;width:100%}.refund-modal-btn{flex:1;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.refund-modal-btn:disabled{opacity:.6;cursor:not-allowed}.refund-modal-btn-secondary{background:#f0f0f0;color:#333}.refund-modal-btn-secondary:hover:not(:disabled){background:#e0e0e0}.refund-modal-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.refund-modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.refund-modal-notification{display:flex;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:12px;font-weight:600;text-align:left}.refund-notification-success{background:#ecfdf5;color:#0f766e;border:1px solid #99f6e4}.refund-notification-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.refund-notification-warning{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}.spin-animation{animation:spin 1s linear infinite}body.dark-mode .refund-modal-content{background:#1a1a1a;color:#e0e0e0}body.dark-mode .refund-modal-icon{background:#f59e0b26}body.dark-mode .refund-modal-title{color:#fff}body.dark-mode .refund-modal-message,body.dark-mode .refund-modal-info{color:#cbd5f0}body.dark-mode .refund-modal-order-info{background:#2d2d2d}body.dark-mode .refund-order-detail{color:#e0e0e0}body.dark-mode .refund-modal-btn-secondary{background:#2d2d2d;color:#e0e0e0}body.dark-mode .refund-modal-btn-secondary:hover:not(:disabled){background:#3d3d3d}body.dark-mode .refund-notification-success{background:#10b98126;color:#6ee7b7;border-color:#10b98159}body.dark-mode .refund-notification-error{background:#ef444426;color:#fca5a5;border-color:#ef444459}body.dark-mode .refund-notification-warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b59}.cancel-modal-icon{color:#ef4444;margin-bottom:1.5rem;background:#fef2f2;padding:1rem;border-radius:50%}.cancel-modal-title{font-size:1.5rem;color:#1a1a1a;margin-bottom:1rem;font-weight:700}.cancel-modal-message{color:#666;margin-bottom:1.5rem;line-height:1.5}.cancel-modal-order-info{width:100%;background:#f8f9fa;padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:center;gap:2rem}.cancel-order-detail{display:flex;align-items:center;gap:.5rem;color:#333;font-weight:600}.cancel-reason-container{width:100%;margin-bottom:1.5rem;text-align:left}.cancel-reason-container label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.cancel-reason-textarea{width:100%;min-height:100px;padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s}.cancel-reason-textarea:focus{outline:none;border-color:#ef4444}.cancel-modal-warning{color:#ef4444;font-size:.875rem;font-weight:600;margin-bottom:2rem;padding:.75rem;background:#fff5f5;border-radius:8px;width:100%}.cancel-modal-actions{display:flex;gap:1rem;width:100%}.cancel-modal-btn{flex:1;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-modal-btn-secondary{background:#f0f0f0;color:#333;border:none}.cancel-modal-btn-secondary:hover{background:#e0e0e0}.cancel-modal-btn-danger{background:#ef4444;color:#fff;border:none}.cancel-modal-btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.customer-management{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);animation:fadeIn .5s ease-out;max-width:100%;overflow-x:hidden}.notification{position:fixed;top:90px;right:20px;padding:1rem 1.5rem;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:1rem;z-index:10000;animation:slideDown .3s ease-out;max-width:400px}.notification-warning{border-left:4px solid #f59e0b}.customer-header{margin-bottom:2rem;animation:fadeIn .6s ease-out}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title svg{color:gold}.btn-refresh,.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-export{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card-orders{border-left:4px solid #3b82f6}.search-filters-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;animation:fadeIn .7s ease-out;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:12px;border:2px solid transparent;transition:all .3s ease;flex:1;min-width:200px}.clear-search{background:#e0e0e0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.clear-search:hover{background:#d0d0d0}.filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;color:#333}.btn-filter:hover,.btn-filter.active{border-color:gold;background:#fffbeb}.sort-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;background:#fff;color:#333;cursor:pointer;transition:all .2s;font-weight:500;min-width:160px}.sort-select:hover,.sort-select:focus{border-color:gold;outline:none}.filters-expanded{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0;animation:slideDown .3s ease-out}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.85rem;font-weight:600;color:#666}.filter-group select{padding:.65rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;background:#fff;color:#333;cursor:pointer;transition:all .2s;min-width:150px}.filter-group select:hover,.filter-group select:focus{border-color:gold;outline:none}.btn-clear-filters{padding:.65rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear-filters:hover{background:#dc2626}.customers-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;overflow-x:auto;animation:fadeIn .8s ease-out}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:3px}.loading-state p{color:#666;font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.empty-state svg{color:#d0d0d0}.empty-state h3{color:#333;font-size:1.25rem;margin:0}.empty-state p{color:#666;margin:0}.customers-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:1000px}.customers-table thead{background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 2px 8px #0000001a}.customers-table th{padding:1rem .75rem;text-align:left;font-size:.8rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #FFD700}.customers-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s}.customers-table tbody tr:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.customers-table td{padding:.875rem .75rem;vertical-align:middle;white-space:nowrap}.customer-info{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.customer-name-info{display:flex;flex-direction:column;gap:.15rem}.customer-name{font-weight:600;color:#1a1a1a;font-size:.95rem;white-space:nowrap}.customer-username{font-size:.8rem;color:#888;font-weight:400}.customer-username-modal{font-size:.9rem;color:#666;margin-bottom:.25rem}.email-text{font-size:.85rem;color:#666;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.phone-text{font-size:.85rem;color:#666;white-space:nowrap}.orders-count{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#1a1a1a;font-size:.9rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.35rem .75rem;border-radius:8px;border:1px solid #dee2e6;min-width:45px}.total-spent{font-weight:700;color:#10b981;font-size:.95rem}.date{color:#666;font-size:.9rem}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-action{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-view{background:#ffd70026;color:#b8860b}.btn-view:hover{background:gold;color:#1a1a1a}.btn-role{background:#6366f126;color:#6366f1}.btn-role:hover{background:#6366f1;color:#fff}.role-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-user{background:#6b728026;color:#6b7280}.role-process{background:#8b5cf626;color:#8b5cf6}.role-delivery{background:#10b98126;color:#10b981}.role-admin{background:#ef444426;color:#ef4444}.current-roles-list{display:flex;flex-wrap:wrap;gap:.5rem}.role-cell{position:relative;display:flex;align-items:center;gap:.4rem}.roles-more-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s}.roles-more-indicator:hover{transform:scale(1.1);box-shadow:0 2px 8px #ffd70066}.roles-popover{position:absolute;top:100%;left:0;z-index:100;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;min-width:150px;margin-top:.5rem;animation:fadeIn .2s ease-out}.roles-popover-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:.85rem;color:#1a1a1a}.roles-popover-header button{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;line-height:1;padding:0}.roles-popover-header button:hover{color:#1a1a1a}.roles-popover-content{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.user-roles-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.loading-more{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-top:1px solid #f0f0f0}.loading-more span{color:#666;font-size:.9rem}.pagination-info{display:flex;justify-content:center;padding:1rem;color:#666;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.btn-close{width:40px;height:40px;border-radius:10px;border:none;background:#f8f9fa;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#e0e0e0;color:#333}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #f0f0f0}.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.role-modal{max-width:500px}.role-modal .modal-header h2{display:flex;align-items:center;gap:.75rem}.role-user-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;margin-bottom:1.5rem}.role-user-info h4{margin:0;font-size:1rem;color:#1a1a1a}.role-user-info p{margin:.25rem 0 0;font-size:.85rem;color:#666}.profile-avatar.small{width:48px;height:48px;font-size:1rem}.current-role-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#fff8e1;border-radius:8px;border:1px solid #ffe082}.current-role-info .label{font-weight:600;color:#666}.role-selection{margin-top:1rem}.selection-label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.role-options{display:flex;flex-direction:column;gap:.75rem}.role-option{padding:1rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.role-option:hover{border-color:gold;background:#ffd7000d}.role-option.selected{border-color:gold;background:#ffd7001a}.role-option-header{display:flex;align-items:center;gap:.75rem}.role-option-header input[type=radio]{width:18px;height:18px;accent-color:#FFD700}.role-description{margin:.5rem 0 0 1.75rem;font-size:.85rem;color:#666}.customer-profile-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;box-shadow:0 8px 20px #ffd7004d}.profile-info h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.member-since{color:#666;font-size:.9rem;margin:0}.customer-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.customer-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px}.customer-stat svg{color:gold;flex-shrink:0}.customer-stat>div{display:flex;flex-direction:column}.customer-stat .stat-number{font-weight:700;color:#1a1a1a;font-size:1rem}.customer-stat .stat-label{font-size:.75rem;color:#666}.detail-section{margin-bottom:1.5rem}.detail-section h4{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;align-items:flex-start;gap:.75rem}.detail-item svg{color:gold;flex-shrink:0;margin-top:.25rem}.detail-item>div{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:#666;text-transform:uppercase}.detail-value{font-size:.95rem;color:#1a1a1a}.address-item{grid-column:1 / -1}.customer-notes{padding:1rem;background:#f8f9fa;border-radius:10px;color:#333;font-size:.95rem;line-height:1.5;border-left:3px solid #FFD700}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;color:#1a1a1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.hide-mobile,.hide-tablet{display:table-cell}body.dark-mode .customer-management{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}body.dark-mode .notification{background:#2d2d2d;color:#fff}body.dark-mode .notification button:hover{color:#fff}body.dark-mode .header-title h1{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .stat-card{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .search-filters-section{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .search-bar{background:#2d2d2d}body.dark-mode .search-bar:focus-within{background:#333}body.dark-mode .search-bar input::placeholder{color:#666}body.dark-mode .search-bar svg{color:#999}body.dark-mode .clear-search{background:#3d3d3d;color:#fff}body.dark-mode .clear-search:hover{background:#4d4d4d}body.dark-mode .btn-filter{background:#2d2d2d;border-color:#3d3d3d;color:#fff}body.dark-mode .btn-filter:hover,body.dark-mode .btn-filter.active{background:#333;border-color:gold}body.dark-mode .sort-select{background:#2d2d2d;border-color:#3d3d3d;color:#fff}body.dark-mode .sort-select:hover,body.dark-mode .sort-select:focus{border-color:gold;background:#333}body.dark-mode .filters-expanded{border-top-color:#2d2d2d}body.dark-mode .filter-group label{color:#999}body.dark-mode .filter-group select{background:#2d2d2d;border-color:#3d3d3d;color:#fff}body.dark-mode .filter-group select:hover,body.dark-mode .filter-group select:focus{border-color:gold;background:#333}body.dark-mode .customers-table-container{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .loading-state p,body.dark-mode .empty-state p{color:#999}body.dark-mode .empty-state h3{color:#fff}body.dark-mode .empty-state svg{color:#4d4d4d}body.dark-mode .loading-spinner{border-color:#3d3d3d;border-top-color:gold}body.dark-mode .customers-table tbody tr{border-bottom-color:#2d2d2d}body.dark-mode .customers-table tbody tr:hover{background:#222}.body.dark-mode .customer-name{color:#fff}.body.dark-mode .email-text,body.dark-mode .phone-text{color:#999}body.dark-mode .orders-count{color:#fff;background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-color:#4d4d4d}body.dark-mode .total-spent{color:#10b981}body.dark-mode .date{color:#999}body.dark-mode .btn-view{background:#ffd70033;color:gold}body.dark-mode .btn-view:hover{background:gold;color:#1a1a1a}body.dark-mode .btn-role{background:#6366f133;color:#818cf8}body.dark-mode .btn-role:hover{background:#6366f1;color:#fff}body.dark-mode .role-user{background:#9ca3af33;color:#9ca3af}body.dark-mode .role-process{background:#a78bfa33;color:#a78bfa}body.dark-mode .role-delivery{background:#34d39933;color:#34d399}body.dark-mode .role-admin{background:#f8717133;color:#f87171}body.dark-mode .roles-popover{background:#2d2d2d;border-color:#4d4d4d;box-shadow:0 4px 20px #0006}body.dark-mode .roles-popover-header{border-bottom-color:#3d3d3d;color:#fff}body.dark-mode .roles-popover-header button{color:#999}body.dark-mode .roles-popover-header button:hover{color:#fff}body.dark-mode .loading-more{border-top-color:#2d2d2d}body.dark-mode .loading-more span,body.dark-mode .pagination-info{color:#999}body.dark-mode .modal-content{background:#1a1a1a}body.dark-mode .modal-header{background:#1a1a1a;border-bottom-color:#2d2d2d}body.dark-mode .modal-header h2{color:#fff}body.dark-mode .btn-close{background:#2d2d2d;color:#999}body.dark-mode .btn-close:hover{background:#3d3d3d;color:#fff}body.dark-mode .modal-footer{border-top-color:#2d2d2d}body.dark-mode .btn-secondary{background:#2d2d2d;color:#e5e7eb;border-color:#4d4d4d}body.dark-mode .btn-secondary:hover:not(:disabled){background:#3d3d3d}body.dark-mode .role-user-info{background:#2d2d2d}body.dark-mode .role-user-info h4{color:#fff}body.dark-mode .role-user-info p{color:#999}body.dark-mode .current-role-info{background:#ffd7001a;border-color:#ffd7004d}body.dark-mode .current-role-info .label{color:#999}body.dark-mode .selection-label{color:#fff}body.dark-mode .role-option{border-color:#3d3d3d}body.dark-mode .role-option:hover{border-color:gold;background:#ffd7001a}body.dark-mode .role-option.selected{border-color:gold;background:#ffd70026}body.dark-mode .role-description{color:#999}body.dark-mode .customer-profile-header{border-bottom-color:#2d2d2d}body.dark-mode .profile-info h3{color:#fff}body.dark-mode .member-since{color:#999}body.dark-mode .customer-stat{background:#2d2d2d}body.dark-mode .customer-stat .stat-number{color:#fff}body.dark-mode .customer-stat .stat-label{color:#999}body.dark-mode .detail-section h4{color:#fff}body.dark-mode .detail-label{color:#999}body.dark-mode .detail-value{color:#fff}body.dark-mode .customer-notes{background:#2d2d2d;color:#fff}@media(max-width:1024px){.customer-management{padding:1.5rem}.header-top{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.hide-tablet{display:none}.customers-table{table-layout:fixed}.customers-table th,.customers-table td{padding:.75rem .5rem}.customers-table th:nth-child(1),.customers-table td:nth-child(1){width:25%}.customers-table th:nth-child(2),.customers-table td:nth-child(2){width:22%}.customers-table th:nth-child(3),.customers-table td:nth-child(3){width:15%}.customers-table th:nth-child(4),.customers-table td:nth-child(4){width:10%}.customers-table th:nth-child(5),.customers-table td:nth-child(5){width:15%}.customers-table th:nth-child(8),.customers-table td:nth-child(8){width:8%;min-width:50px}}@media(max-width:850px){.customers-table-container{overflow-x:auto}.customers-table{table-layout:auto;min-width:600px}.customers-table th,.customers-table td{padding:.65rem .5rem;font-size:.85rem}.customers-table th:nth-child(1),.customers-table td:nth-child(1),.customers-table th:nth-child(2),.customers-table td:nth-child(2),.customers-table th:nth-child(3),.customers-table td:nth-child(3),.customers-table th:nth-child(4),.customers-table td:nth-child(4),.customers-table th:nth-child(5),.customers-table td:nth-child(5),.customers-table th:nth-child(6),.customers-table td:nth-child(6),.customers-table th:nth-child(7),.customers-table td:nth-child(7){width:auto}.customers-table th:nth-child(8),.customers-table td:nth-child(8){width:60px;min-width:60px;position:sticky;right:0;background:#fff;box-shadow:-2px 0 8px #00000014}.customers-table thead th:nth-child(8){background:linear-gradient(135deg,#1a1a1a,#333)}.customers-table tbody tr:hover td:nth-child(8){background:linear-gradient(135deg,#fffbeb,#fef3c7)}body.dark-mode .customers-table td:nth-child(8){background:#1a1a1a}body.dark-mode .customers-table tbody tr:hover td:nth-child(8){background:#222}}@media(max-width:768px){.customer-management{padding:1rem}.header-title h1{font-size:1.5rem}.header-title svg{width:28px;height:28px}.header-actions{flex-wrap:wrap}.btn-refresh,.btn-export{padding:.65rem 1rem;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem}.stat-card{padding:1rem;gap:.75rem;flex-direction:column;align-items:flex-start}.stat-icon{width:40px;height:40px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.search-filters-section{padding:1rem;flex-direction:column}.search-bar,.filter-controls{width:100%}.sort-select{flex:1}.hide-mobile{display:none}.customers-table th,.customers-table td{padding:.75rem .5rem}.customer-avatar{width:36px;height:36px;font-size:.8rem}.customer-name,.orders-count,.total-spent{font-size:.85rem}.btn-action{width:32px;height:32px}.modal-content{max-height:95vh;border-radius:16px}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body,.modal-footer{padding:1rem}.customer-profile-header{flex-direction:column;text-align:center}.customer-stats-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.customer-management{padding:.75rem}.header-title{gap:.75rem}.header-title h1{font-size:1.25rem}.header-title p{font-size:.8rem}.header-actions{gap:.5rem}.btn-refresh,.btn-export{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.8rem}.stats-grid{gap:.5rem}.stat-card{padding:.75rem}.stat-icon{width:36px;height:36px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.search-filters-section{padding:.75rem}.search-bar{padding:.6rem .75rem}.search-bar input{font-size:.9rem}.sort-select{font-size:.85rem;padding:.6rem .75rem;min-width:0}.customers-table th{font-size:.7rem;padding:.6rem .4rem}.customers-table td{padding:.6rem .4rem}.customer-info{gap:.5rem}.customer-avatar{width:32px;height:32px;font-size:.75rem;border-radius:8px}.customer-name,.orders-count,.total-spent{font-size:.8rem}.btn-action{width:28px;height:28px}.btn-action svg{width:14px;height:14px}.modal-overlay{padding:.5rem}.modal-content{border-radius:12px}.profile-avatar{width:60px;height:60px;font-size:1.25rem}.profile-info h3{font-size:1.25rem}.customer-stat{padding:.75rem}.customer-stats-grid{gap:.75rem}.detail-section h4{font-size:.8rem}.detail-value{font-size:.85rem}}@media(max-width:360px){.header-title h1{font-size:1.1rem}.btn-refresh span,.btn-export span{display:none}.btn-refresh,.btn-export{padding:.6rem}.stat-icon{width:32px;height:32px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:1rem}.stat-label,.customers-table th{font-size:.65rem}.customer-avatar{width:28px;height:28px;font-size:.65rem}.customer-name,.orders-count,.total-spent{font-size:.75rem}}@media(min-width:1440px){.customer-management{padding:3rem;max-width:1600px;margin:0 auto}.stats-grid{gap:2rem}.stat-card{padding:1.75rem}.stat-icon{width:64px;height:64px}.stat-value{font-size:1.75rem}}@media print{.customer-management{background:#fff;padding:1rem}.header-actions,.search-filters-section,.btn-action{display:none!important}.stat-card,.customers-table-container{box-shadow:none;border:1px solid #ddd}.customers-table thead{background:#f0f0f0}.customers-table th{color:#333}}.btn-refresh:focus-visible,.btn-export:focus-visible,.btn-action:focus-visible,.btn-close:focus-visible,.btn-primary:focus-visible{outline:2px solid #FFD700;outline-offset:2px}.search-bar input:focus-visible{outline:none}.sort-select:focus-visible{outline:2px solid #FFD700;outline-offset:2px}.feedback-management{width:100%}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.feedback-header h1{font-size:1.75rem;font-weight:700;margin:0;display:flex;align-items:center;background:linear-gradient(135deg,#000,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-search{display:flex;align-items:center}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:0 12px;min-width:300px}.search-bar svg{color:#666;margin-right:8px}.search-bar input{flex:1;border:none;padding:10px 0;font-size:.95rem;background:transparent}.search-bar input:focus{outline:none}.filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.9rem;color:#666;font-weight:500}.filter-group select{padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;font-size:.9rem;min-width:120px}.filter-actions{margin-left:auto;display:flex;gap:.5rem}.filter-btn,.sort-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 16px;font-size:.9rem;color:#666;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.sort-btn:hover{background:#00000008}.feedback-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.feedback-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;border-top:4px solid transparent}.feedback-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.feedback-item.status-published{border-top-color:#4caf50}.feedback-item.status-pending{border-top-color:#ff9800}.feedback-item.status-flagged{border-top-color:#f44336}.feedback-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.feedback-customer{display:flex;align-items:center}.customer-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:500;margin-bottom:4px}.feedback-date{font-size:.8rem;color:#666}.feedback-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.star-rating{display:flex;gap:2px}.star-filled{color:gold}.star-empty{color:#ddd}.feedback-status{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.feedback-status.status-published{background:#4caf5026;color:#4caf50}.feedback-status.status-pending{background:#ff980026;color:#ff9800}.feedback-status.status-flagged{background:#f4433626;color:#f44336}.feedback-product-info{display:flex;align-items:center;gap:12px;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:1rem}.product-thumbnail{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.product-name{font-weight:500;font-size:.9rem}.feedback-item-content{flex:1}.feedback-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.feedback-preview{margin:0;font-size:.9rem;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.feedback-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.reply-status{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.reply-status.replied{color:#4caf50}.reply-status.not-replied{color:#ff9800}.view-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#2196f31a;color:#2196f3}.view-btn:hover{background:#2196f333}.no-feedback{grid-column:1 / -1;text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d}.no-feedback svg{color:#ddd;margin-bottom:1rem}.no-feedback p{margin:0;color:#888;font-size:1rem}.feedback-detail{width:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#00000008}.detail-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.publish-btn{background:#4caf501a;color:#4caf50}.publish-btn:hover{background:#4caf5033}.flag-btn{background:#f443361a;color:#f44336}.flag-btn:hover{background:#f4433633}.more-btn{background:none;color:#666;padding:8px}.more-btn:hover{background:#0000000d;color:#000}.feedback-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.feedback-product{display:flex;align-items:center;gap:12px}.product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column}.product-id{font-size:.8rem;color:#666}.feedback-content{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.feedback-rating{display:flex;align-items:center;gap:8px;margin-bottom:1rem}.rating-value{font-size:.9rem;font-weight:600}.feedback-comment{margin:0;line-height:1.6}.feedback-reply{margin-top:1.5rem;padding:1rem;background:#00000005;border-radius:8px;border-left:4px solid #4CAF50}.reply-header{display:flex;align-items:center;gap:12px;margin-bottom:.75rem}.reply-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#4caf501a;color:#4caf50;border-radius:50%}.reply-meta{display:flex;flex-direction:column}.reply-title{font-weight:600;font-size:.9rem}.reply-date{font-size:.8rem;color:#666}.reply-text{margin:0;font-size:.95rem;line-height:1.6}.reply-form-container{padding:1.5rem}.reply-form-container h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.reply-form{display:flex;flex-direction:column}.reply-input{width:100%;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:1rem}.reply-input:focus{outline:none;border-color:#2196f380}.form-actions{display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid rgba(0,0,0,.1);background:none;color:#666}.submit-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,gold,orange);color:#000}.submit-btn:hover{filter:brightness(1.05)}body.dark-mode .feedback-header h1{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .search-bar,body.dark-mode .filter-group select,body.dark-mode .filter-btn,body.dark-mode .sort-btn{background:#2d2d2d;border-color:#444;color:#eee}body.dark-mode .search-bar svg,body.dark-mode .filter-group label{color:#bbb}body.dark-mode .feedback-item,body.dark-mode .feedback-card,body.dark-mode .no-feedback{background:#2d2d2d;box-shadow:0 2px 12px #0003}body.dark-mode .feedback-item:hover{box-shadow:0 5px 15px #0000004d}body.dark-mode .customer-name,body.dark-mode .feedback-title,body.dark-mode .product-name,body.dark-mode .reply-title{color:#eee}body.dark-mode .feedback-date,body.dark-mode .feedback-preview,body.dark-mode .reply-date,body.dark-mode .product-id{color:#bbb}body.dark-mode .feedback-product-info,body.dark-mode .feedback-header,body.dark-mode .feedback-content{border-color:#444}body.dark-mode .feedback-comment,body.dark-mode .reply-text{color:#ddd}body.dark-mode .product-thumbnail,body.dark-mode .product-image{background:#333}body.dark-mode .star-empty{color:#555}body.dark-mode .no-feedback svg{color:#444}body.dark-mode .no-feedback p{color:#bbb}body.dark-mode .back-btn{border-color:#444;color:#eee}body.dark-mode .back-btn:hover{background:#ffffff0d}body.dark-mode .more-btn{color:#bbb}body.dark-mode .more-btn:hover{background:#ffffff0d;color:#fff}body.dark-mode .feedback-reply{background:#ffffff08}body.dark-mode .reply-form-container h3{color:#eee}body.dark-mode .reply-input{background:#333;border-color:#444;color:#eee}body.dark-mode .reply-input:focus{border-color:#2196f399}@media(max-width:992px){.feedback-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feedback-header{padding:1rem}.feedback-product{flex-direction:column;align-items:flex-end;text-align:right}}@media(max-width:768px){.feedback-header{flex-direction:column;align-items:flex-start;gap:1rem}.feedback-search,.search-bar{width:100%}.filter-bar{flex-wrap:wrap}.filter-group{flex-grow:1}.filter-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-actions{width:100%}.feedback-header{flex-direction:column}.feedback-customer,.feedback-product{width:100%}.feedback-product{margin-top:1rem;flex-direction:row;align-items:center;text-align:left}}@media(max-width:576px){.feedback-list{grid-template-columns:1fr}.feedback-item-footer{flex-direction:column;align-items:flex-start;gap:1rem}.view-btn{width:100%}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.analytics-container{padding:2rem;background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh;animation:fadeIn .5s ease-out}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;animation:slideInLeft .6s ease-out}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{color:gold;background:#ffd7001a;padding:.75rem;border-radius:12px}.header-text h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.subtitle{color:#6b7280;font-size:.875rem;margin-top:.25rem}.header-controls{display:flex;gap:1rem;align-items:center}.control-select{padding:.625rem 1rem;border:1px solid #e0e0e0;border-radius:10px;background:#fff;color:#1a1a1a;font-size:.875rem;cursor:pointer;transition:all .3s ease}.control-select:hover{border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.control-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.export-dropdown{position:relative}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:gold;color:#1a1a1a;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-export:hover{background:#daa520;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.export-menu{display:none;position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a;overflow:hidden;z-index:100;min-width:180px}.export-dropdown:hover .export-menu{display:block}.export-menu button{display:block;width:100%;padding:.75rem 1rem;background:#fff;color:#1a1a1a;border:none;text-align:left;font-size:.875rem;cursor:pointer;transition:all .2s ease}.export-menu button:hover{background:#f3f4f6;color:gold;padding-left:1.25rem}.btn-refresh{display:flex;align-items:center;justify-content:center;padding:.625rem;background:#fff;color:#1a1a1a;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{background:#f3f4f6;border-color:gold;transform:rotate(180deg)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;animation:fadeIn .5s ease-out;border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card.gold-accent{border-left-color:gold}.stat-card.info-accent{border-left-color:#3b82f6}.stat-card.success-accent{border-left-color:#10b981}.stat-card.purple-accent{border-left-color:#8b5cf6}.stat-card.warning-accent{border-left-color:#f59e0b}.stat-card.cyan-accent{border-left-color:#06b6d4}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#ffd7001a;color:gold}.stat-card.info-accent .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card.success-accent .stat-icon{background:#10b9811a;color:#10b981}.stat-card.purple-accent .stat-icon{background:#8b5cf61a;color:#8b5cf6}.stat-card.warning-accent .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card.cyan-accent .stat-icon{background:#06b6d41a;color:#06b6d4}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:.25rem 0}.change-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.change-indicator.positive{color:#10b981;background:#10b9811a}.change-indicator.negative{color:#ef4444;background:#ef44441a}.analytics-section{margin-bottom:2.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.section-title svg{color:gold}.charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.chart-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 20px #0000001a}.chart-card.large{grid-column:span 8}.chart-card.medium{grid-column:span 6}.chart-card.small{grid-column:span 4}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:#1a1a1a}.chart-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:gold;color:#1a1a1a}.warning-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f59e0b1a;color:#f59e0b;border-radius:8px;font-size:.75rem;font-weight:600}.custom-tooltip{background:#1a1a1af2;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0003}.custom-tooltip .tooltip-label{color:#fff;font-weight:600;margin-bottom:.5rem}.custom-tooltip p{color:#e0e0e0;font-size:.875rem;margin:.25rem 0}.category-legend,.stock-legend,.payment-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.legend-item,.stock-item,.payment-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:all .2s ease}.legend-item:hover,.stock-item:hover,.payment-item:hover{background:#f3f4f6}.legend-color,.stock-color,.payment-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-item span,.stock-item span,.payment-item span{flex:1;color:#6b7280;font-size:.875rem}.legend-item strong,.stock-item strong,.payment-item strong{color:#1a1a1a;font-weight:600}.products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;background:#f8f9fa;transition:all .3s ease}.product-item:hover{background:#f3f4f6;transform:translate(5px)}.product-item.top-selling{border-left:3px solid #FFD700}.product-item.low-selling{border-left:3px solid #f59e0b}.product-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:gold;color:#1a1a1a;font-weight:700;border-radius:8px}.product-info{flex:1}.product-info h4{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.product-info p{font-size:.75rem;color:#6b7280}.product-revenue{font-size:1rem;font-weight:700;color:gold}.product-status{display:flex;align-items:center}.fulfillment-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.fulfillment-item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.status-dot{width:12px;height:12px;border-radius:50%}.fulfillment-item span{flex:1;color:#6b7280;font-size:.875rem}.fulfillment-item strong{color:#1a1a1a;font-weight:600}.funnel-chart{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;min-height:400px}.funnel-stage{position:relative;padding:.875rem 1rem;background:linear-gradient(90deg,gold,#daa520);border-radius:8px;transition:all .3s ease;margin-left:auto;min-height:50px}.funnel-stage:nth-child(2){background:linear-gradient(90deg,#3b82f6,#2563eb)}.funnel-stage:nth-child(3){background:linear-gradient(90deg,#10b981,#059669)}.funnel-stage:nth-child(4){background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.funnel-stage:nth-child(5){background:linear-gradient(90deg,#f59e0b,#d97706)}.funnel-stage:hover{transform:translate(-10px);box-shadow:0 4px 12px #00000026}.funnel-content{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#fff;flex-wrap:wrap}.funnel-label{font-weight:600;font-size:.8125rem;flex-shrink:0;min-width:120px}.funnel-count{font-weight:700;font-size:.9375rem;flex:1;text-align:center}.funnel-rate{font-size:.8125rem;font-weight:600;flex-shrink:0;min-width:50px;text-align:right}.analytics-container.dark-mode{background:linear-gradient(135deg,#1a1a1a,#262626)}.dark-mode .analytics-header,.dark-mode .stat-card,.dark-mode .chart-card{background:#262626;box-shadow:0 2px 8px #0000004d}.dark-mode .recharts-cartesian-grid-horizontal line,.dark-mode .recharts-cartesian-grid-vertical line{stroke:#404040}.dark-mode .recharts-text{fill:#9ca3af}.dark-mode .recharts-legend-item-text{color:#9ca3af!important}.dark-mode .recharts-layer.recharts-cartesian-axis-tick text{fill:#9ca3af}.dark-mode .header-text h1,.dark-mode .stat-value,.dark-mode .section-title,.dark-mode .chart-header h3,.dark-mode .product-info h4,.dark-mode .legend-item strong,.dark-mode .stock-item strong,.dark-mode .payment-item strong,.dark-mode .fulfillment-item strong{color:#fff}.dark-mode .subtitle,.dark-mode .stat-label,.dark-mode .product-info p,.dark-mode .legend-item span,.dark-mode .stock-item span,.dark-mode .payment-item span,.dark-mode .fulfillment-item span{color:#9ca3af}.dark-mode .control-select,.dark-mode .btn-refresh{background:#1a1a1a;border-color:#404040;color:#fff}.dark-mode .control-select:hover,.dark-mode .btn-refresh:hover{border-color:gold;background:#262626}.dark-mode .export-menu{background:#262626;box-shadow:0 4px 16px #00000080}.dark-mode .export-menu button{background:#262626;color:#fff}.dark-mode .export-menu button:hover{background:#1a1a1a;color:gold}.dark-mode .product-item{background:#1a1a1a}.dark-mode .product-item:hover{background:#2d2d2d}.dark-mode .btn-icon{background:#1a1a1a;color:#9ca3af}.dark-mode .btn-icon:hover{background:gold;color:#1a1a1a}.dark-mode .legend-item:hover,.dark-mode .stock-item:hover,.dark-mode .payment-item:hover{background:#1a1a1a}@media(max-width:1400px){.chart-card.large{grid-column:span 12}.chart-card.medium{grid-column:span 6}}@media(max-width:1024px){.analytics-container{padding:1.5rem}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap}.control-select{flex:1;min-width:150px}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.chart-card.medium,.chart-card.small{grid-column:span 12}}@media(max-width:768px){.analytics-container,.analytics-header{padding:1rem}.header-text h1{font-size:1.5rem}.header-icon{padding:.5rem}.summary-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px}.stat-value,.section-title{font-size:1.25rem}.chart-card{padding:1rem}.chart-header h3{font-size:1rem}.products-list{gap:.5rem}.product-item{padding:.75rem;flex-wrap:wrap}.product-revenue{width:100%;text-align:right;margin-top:.5rem}}@media(max-width:480px){.analytics-container{padding:.75rem}.header-controls{flex-direction:column;gap:.5rem}.control-select,.btn-export,.btn-refresh{width:100%}.stat-card{flex-direction:column;text-align:center}.chart-card{padding:.75rem}.funnel-content{flex-direction:column;gap:.5rem;text-align:center}.funnel-label,.funnel-count,.funnel-rate{min-width:unset;text-align:center}.funnel-stage{width:100%!important;margin-left:0}}@media print{.analytics-container{background:#fff}.header-controls,.chart-actions,.btn-export,.btn-refresh{display:none!important}.chart-card{break-inside:avoid;page-break-inside:avoid}.analytics-section{page-break-after:always}}.analytics-container::-webkit-scrollbar{width:8px;height:8px}.analytics-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.analytics-container::-webkit-scrollbar-thumb{background:gold;border-radius:10px}.analytics-container::-webkit-scrollbar-thumb:hover{background:#daa520}.dark-mode .analytics-container::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode .analytics-container::-webkit-scrollbar-thumb{background:gold}.chart-loading{display:flex;align-items:center;justify-content:center;height:350px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.analytics-container *:focus-visible{outline:2px solid #FFD700;outline-offset:2px}.stat-card:hover .stat-icon{transform:scale(1.1);animation:pulse 2s infinite}.chart-card:hover{transform:translateY(-2px)}.text-gold{color:gold}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-info{color:#3b82f6}.bg-gold{background:gold}.bg-success{background:#10b981}.bg-danger{background:#ef4444}.bg-info{background:#3b82f6}.marketing-page{width:100%;padding:1rem 0}.marketing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.marketing-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.marketing-header p{color:var(--text-secondary);margin:0}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-light) 100%);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.marketing-search{margin-bottom:1.5rem}.search-input{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color)}.search-input svg{margin-right:.5rem;color:var(--text-secondary)}.search-input input{border:none;background:transparent;flex:1;color:var(--text-primary);font-size:.9rem;outline:none}.marketing-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--accent-color)}.tab-button.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.tab-button svg{font-size:.9rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--bg-secondary);border-radius:.5rem;padding:1.25rem;box-shadow:0 2px 4px #0000000d;text-align:center}.stat-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:var(--accent-color)}.stat-card p{margin:0;color:var(--text-secondary);font-size:.875rem}.data-table{background-color:var(--bg-secondary);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{background-color:var(--bg-tertiary);text-align:left;padding:1rem;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem;border-top:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary)}.data-table tbody tr:hover{background-color:var(--hover-color)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.status-active{background-color:#34c75926;color:#34c759}.status-scheduled{background-color:#ff950026;color:#ff9500}.status-ended{background-color:#af52de26;color:#af52de}.status-draft{background-color:#8e8e9326;color:#8e8e93}.performance-indicator{display:flex;align-items:center;gap:.5rem}.indicator-high,.indicator-medium,.indicator-low{display:inline-block;width:10px;height:10px;border-radius:50%}.indicator-high{background-color:#34c759}.indicator-medium{background-color:#ff9500}.indicator-low{background-color:#ff3b30}.action-buttons{display:flex;gap:.5rem}.action-buttons button{background-color:transparent;border:none;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-buttons button:hover{background-color:var(--hover-color);color:var(--accent-color)}.action-buttons button:last-child:not(:only-child){color:#ff3b30}.action-buttons button:last-child:not(:only-child):hover{background-color:#ff3b301a;color:#ff3b30}.star-rating{display:flex;gap:.25rem}.star-filled{color:#fc0}.star-empty{color:var(--border-color)}.featured-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.is-featured{background-color:#ffcc0026;color:#fc0}.featured-badge:not(.is-featured){background-color:#8e8e9326;color:#8e8e93}@media(max-width:768px){.marketing-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.marketing-tabs{width:100%;overflow-x:auto}}.dark-mode .marketing-page,body.dark-mode .marketing-page,.dark-theme .marketing-page{color:var(--text-primary)}.dark-mode .stat-card,body.dark-mode .stat-card,.dark-theme .stat-card,.dark-mode .data-table,body.dark-mode .data-table,.dark-theme .data-table{background-color:var(--bg-tertiary)}.dark-mode .data-table th,body.dark-mode .data-table th,.dark-theme .data-table th{background-color:#0003}.dark-mode .data-table tbody tr:hover,body.dark-mode .data-table tbody tr:hover,.dark-theme .data-table tbody tr:hover{background-color:#ffffff0d}.dark-mode .action-buttons button:hover,body.dark-mode .action-buttons button:hover,.dark-theme .action-buttons button:hover{background-color:#ffffff1a}.settings-page{width:100%}.settings-header{margin-bottom:1.5rem}.settings-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;background:linear-gradient(135deg,#000,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-icon{margin-right:10px}.settings-description{font-size:.95rem;color:#666;margin:0}.settings-content{display:flex;gap:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.settings-sidebar{width:220px;padding:1.5rem 0;border-right:1px solid rgba(0,0,0,.05);flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:.75rem 1.5rem;text-align:left;background:none;border:none;font-size:.95rem;color:#666;cursor:pointer;transition:all .2s ease}.sidebar-item:hover{background:#00000008;color:#000}.sidebar-item.active{background:#ffd7001a;color:#000;font-weight:500;position:relative}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:gold}.sidebar-item svg{font-size:1rem}.settings-main{flex:1;padding:1.5rem;max-width:calc(100% - 220px)}.settings-section{width:100%}.settings-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.section-description{font-size:.95rem;color:#666;margin:0 0 1.5rem}.settings-form{width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffd70080}.form-group small{font-size:.8rem;color:#666;margin-top:.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.cancel-btn{padding:.75rem 1.5rem;background:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#666;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#00000008}.security-settings,.notification-settings,.appearance-settings{width:100%}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1;padding-right:1.5rem}.setting-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.setting-info p{margin:0;font-size:.9rem;color:#666}.tfa-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:50px;margin-top:.5rem}.tfa-status-badge.enabled{background:#4caf5026;color:#4caf50}.tfa-status-badge.disabled{background:#9e9e9e26;color:#9e9e9e}body.dark-mode .tfa-status-badge.enabled{background:#4caf5033;color:#81c784}.tfa-control{min-width:120px}.tfa-loading{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.tfa-spinner{width:18px;height:18px;border:2px solid rgba(255,215,0,.3);border-top-color:gold;border-radius:50%;animation:tfaSpin .8s linear infinite}@keyframes tfaSpin{to{transform:rotate(360deg)}}body.dark-mode .tfa-loading{color:#bbb}.setting-control{min-width:80px;display:flex;justify-content:flex-end}.setting-control select{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.9rem;min-width:120px}.secondary-btn{padding:.5rem 1rem;background:#0000000d;border:none;border-radius:6px;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#0000001a}.danger-btn{padding:.5rem 1rem;background:#f443361a;border:none;border-radius:6px;color:#f44336;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-btn:hover{background:#f4433633}.toggle{position:relative;display:inline-block;width:46px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,gold,orange)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.color-picker{display:flex;align-items:center;gap:10px}.color-picker input[type=color]{padding:0;width:40px;height:40px;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;cursor:pointer}.color-value{font-size:.9rem;font-family:monospace}.notification-group{margin-bottom:2rem}.notification-group h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.notification-info{flex:1;padding-right:1.5rem}.notification-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.notification-info p{margin:0;font-size:.85rem;color:#666}.system-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.setting-card{border:1px solid rgba(0,0,0,.05);border-radius:8px;overflow:hidden}.setting-card h3{margin:0;padding:1rem;font-size:1.1rem;font-weight:600;background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.card-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.api-status{display:flex;justify-content:space-between;align-items:center}.api-info{display:flex;align-items:center;gap:8px}.api-name{font-size:.95rem;font-weight:500}.status-badge{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:50px}.status-badge.connected{background:#4caf5026;color:#4caf50}.status-badge.error{background:#f4433626;color:#f44336}.text-btn{background:none;border:none;color:#2196f3;font-size:.9rem;cursor:pointer;padding:0}.text-btn:hover{text-decoration:underline}.info-table{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.9rem;color:#666}.info-value{font-size:.9rem;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.status-dot.healthy{background-color:#4caf50}.about-content{text-align:center;padding:2rem 0}.about-logo{margin-bottom:1.5rem}.about-logo img{max-width:120px;height:auto}.about-content h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.version{color:#666;margin-bottom:1.5rem}.about-description{max-width:600px;margin:0 auto 2rem}.about-description p{line-height:1.6;font-size:.95rem;color:#444}.help-resources{margin-bottom:2rem}.help-resources h3{font-size:1.25rem;margin-bottom:1rem}.resource-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.resource-link{display:flex;align-items:center;gap:8px;color:#2196f3;text-decoration:none;font-size:.95rem;font-weight:500}.resource-link:hover{text-decoration:underline}.copyright{font-size:.85rem;color:#666}body.dark-mode .settings-header h1{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .settings-description,body.dark-mode .section-description{color:#bbb}body.dark-mode .settings-content{background:#2d2d2d;box-shadow:0 2px 12px #0003}body.dark-mode .settings-sidebar{border-right-color:#444}body.dark-mode .sidebar-item{color:#bbb}body.dark-mode .sidebar-item:hover{background:#ffffff0d;color:#fff}body.dark-mode .sidebar-item.active{background:#ffd7001a;color:gold}body.dark-mode .settings-section h2,body.dark-mode .setting-info h3,body.dark-mode .notification-info h4,body.dark-mode .setting-card h3,body.dark-mode .about-content h3,body.dark-mode .help-resources h3,body.dark-mode .api-name,body.dark-mode .info-value{color:#eee}body.dark-mode .form-group label{color:#ddd}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea,body.dark-mode .setting-control select{background:#333;border-color:#444;color:#eee}body.dark-mode .form-group small,body.dark-mode .setting-info p,body.dark-mode .notification-info p,body.dark-mode .info-label,body.dark-mode .about-description p,body.dark-mode .version,body.dark-mode .copyright{color:#bbb}body.dark-mode .cancel-btn{border-color:#444;color:#bbb}body.dark-mode .cancel-btn:hover{background:#ffffff0d}body.dark-mode .secondary-btn{background:#ffffff1a;color:#ddd}body.dark-mode .secondary-btn:hover{background:#ffffff26}body.dark-mode .setting-item{border-color:#444}body.dark-mode .toggle-slider{background-color:#555}body.dark-mode .setting-card{border-color:#444;background:#333}body.dark-mode .setting-card h3{background:#ffffff05;border-color:#444}body.dark-mode .notification-group h3{border-color:#444}@media(max-width:992px){.settings-content{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);padding:0;display:flex;flex-wrap:wrap}body.dark-mode .settings-sidebar{border-bottom-color:#444}.sidebar-item{flex:1;justify-content:center;padding:.75rem 1rem}.settings-main{max-width:100%}}@media(max-width:768px){.form-row{flex-direction:column;gap:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{padding-right:0}.setting-control{width:100%;justify-content:flex-start}.color-picker{width:100%;justify-content:space-between}}@media(max-width:576px){.settings-sidebar{flex-direction:column}.sidebar-item{width:100%;justify-content:flex-start}.sidebar-item.active:before{width:4px}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}.system-settings{grid-template-columns:1fr}.about-content{padding:1rem 0}.resource-links{flex-direction:column;gap:1rem;align-items:center}}.phone-input-wrapper{display:flex;align-items:center;gap:8px;flex:1}.country-code{background:#f3f4f6;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px;font-weight:600;color:#374151;font-size:.95rem;height:40px;display:flex;align-items:center}.phone-input-wrapper input{flex:1}.tfa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tfa-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.tfa-modal-header{text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.05)}.tfa-header-icon{font-size:2.5rem;color:gold;margin-bottom:.75rem}.tfa-modal-header h2{font-size:1.35rem;font-weight:700;margin:0 0 .25rem;color:#000}.tfa-modal-header p{font-size:.9rem;color:#666;margin:0}.tfa-steps{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:#00000005}.tfa-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .3s ease}.tfa-step.active .step-number{background:linear-gradient(135deg,gold,orange);color:#000}.tfa-step.completed .step-number{background:#4caf50;color:#fff}.step-label{font-size:.8rem;color:#666;font-weight:500}.tfa-step.active .step-label{color:#000}.step-connector{width:60px;height:2px;background:#e0e0e0;margin:0 .75rem 1.5rem}.tfa-modal-content{padding:1.25rem 1.5rem 1.5rem}.tfa-step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tfa-instructions{text-align:center;margin-bottom:1rem}.tfa-instructions h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#000}.tfa-instructions p{font-size:.85rem;color:#666;margin:0}.tfa-qr-container{display:flex;justify-content:center;margin-bottom:1rem}.tfa-qr-code{width:160px;height:160px;border:2px solid rgba(0,0,0,.1);border-radius:10px;padding:6px;background:#fff}.tfa-manual-entry{background:#00000008;border-radius:10px;padding:.75rem;margin-bottom:1rem}.manual-entry-label{font-size:.8rem;color:#666;margin:0 0 .5rem;text-align:center}.secret-code-container{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.5rem .75rem}.secret-code{font-family:Courier New,monospace;font-size:.85rem;letter-spacing:.5px;color:#333;word-break:break-all}.copy-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#2196f3;cursor:pointer;padding:.5rem;border-radius:6px;font-size:.9rem;transition:all .2s ease}.copy-btn:hover{background:#2196f31a}.tfa-verification-input{margin-bottom:1rem}.tfa-verification-input input{width:100%;text-align:center;font-size:1.75rem;letter-spacing:.75rem;padding:.75rem;border:2px solid rgba(0,0,0,.1);border-radius:10px;font-family:Courier New,monospace;font-weight:600;transition:all .2s ease}.tfa-verification-input input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.tfa-verification-input input.error{border-color:#f44336;box-shadow:0 0 0 3px #f4433633}.tfa-verification-input input::placeholder{color:#ccc}.verification-error{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f44336;font-size:.9rem;margin-top:.75rem}.tfa-success-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:10px;padding:.75rem;margin-bottom:1rem}.success-icon{font-size:1.1rem;color:#4caf50}.tfa-success-banner span{font-weight:600;font-size:.9rem;color:#2e7d32}.tfa-warning{display:flex;align-items:flex-start;gap:.5rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem}.warning-icon{color:#ff9800;font-size:1rem;flex-shrink:0}.tfa-warning p{margin:0;font-size:.8rem;color:#e65100;line-height:1.4}.recovery-codes-container{border:1px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden;margin-bottom:1rem}.recovery-codes-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00000008;border-bottom:1px solid rgba(0,0,0,.05)}.codes-icon{color:#666;font-size:.9rem}.recovery-codes-header span{flex:1;font-weight:600;font-size:.85rem}.recovery-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;padding:.75rem}.recovery-code{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:#00000008;border-radius:4px}.code-index{font-size:.7rem;color:#999;min-width:16px}.recovery-code code{font-family:Courier New,monospace;font-size:.8rem;font-weight:600;color:#333;letter-spacing:.3px}.tfa-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.tfa-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.tfa-btn.primary{background:linear-gradient(135deg,gold,orange);color:#000}.tfa-btn.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.tfa-btn.primary:disabled{opacity:.6;cursor:not-allowed}.tfa-btn.secondary{background:#0000000d;color:#333}.tfa-btn.secondary:hover{background:#0000001a}.tfa-btn.full-width{width:100%}.btn-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}body.dark-mode .tfa-modal{background:#2d2d2d}body.dark-mode .tfa-modal-close{color:#bbb}body.dark-mode .tfa-modal-close:hover{background:#ffffff1a;color:#fff}body.dark-mode .tfa-modal-header{border-bottom-color:#444}body.dark-mode .tfa-modal-header h2,body.dark-mode .tfa-instructions h3{color:#fff}body.dark-mode .tfa-modal-header p,body.dark-mode .tfa-instructions p,body.dark-mode .manual-entry-label,body.dark-mode .step-label{color:#bbb}body.dark-mode .tfa-steps{background:#ffffff08}body.dark-mode .step-number{background:#444;color:#bbb}body.dark-mode .step-connector{background:#444}body.dark-mode .tfa-qr-code{border-color:#444}body.dark-mode .tfa-manual-entry{background:#ffffff0d}body.dark-mode .secret-code-container{background:#333;border-color:#444}body.dark-mode .secret-code{color:#eee}body.dark-mode .tfa-verification-input input{background:#333;border-color:#444;color:#fff}body.dark-mode .tfa-verification-input input:focus{border-color:gold}body.dark-mode .recovery-codes-container{border-color:#444}body.dark-mode .recovery-codes-header{background:#ffffff0d;border-bottom-color:#444}body.dark-mode .recovery-codes-header span{color:#eee}body.dark-mode .codes-icon{color:#bbb}body.dark-mode .recovery-code{background:#ffffff0d}body.dark-mode .recovery-code code{color:#eee}body.dark-mode .tfa-btn.secondary{background:#ffffff1a;color:#ddd}body.dark-mode .tfa-btn.secondary:hover{background:#ffffff26}@media(max-width:576px){.tfa-modal-overlay{padding:0;align-items:flex-end}.tfa-modal{margin:0;max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tfa-modal-header{padding:1.25rem 1rem .75rem;position:sticky;top:0;background:#fff;z-index:10}body.dark-mode .tfa-modal-header{background:#2d2d2d}.tfa-header-icon{font-size:2rem;margin-bottom:.5rem}.tfa-modal-header h2{font-size:1.2rem}.tfa-modal-header p{font-size:.85rem}.tfa-steps{padding:.75rem 1rem}.step-connector{width:25px}.step-number{width:28px;height:28px;font-size:.8rem}.step-label{font-size:.7rem}.tfa-modal-content{padding:1rem}.tfa-instructions{margin-bottom:.75rem}.tfa-instructions h3{font-size:.95rem}.tfa-instructions p{font-size:.8rem}.tfa-qr-code{width:140px;height:140px}.tfa-qr-container{margin-bottom:.75rem}.tfa-manual-entry{padding:.6rem;margin-bottom:.75rem}.manual-entry-label{font-size:.75rem;margin-bottom:.4rem}.secret-code{font-size:.75rem}.tfa-success-banner{padding:.6rem;margin-bottom:.75rem}.tfa-success-banner span{font-size:.85rem}.tfa-warning{padding:.6rem;margin-bottom:.75rem}.tfa-warning p{font-size:.75rem}.recovery-codes-container{margin-bottom:.75rem}.recovery-codes-header{padding:.4rem .6rem}.recovery-codes-header span{font-size:.8rem}.recovery-codes-grid{grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.5rem}.recovery-code{padding:.3rem .4rem}.code-index{font-size:.65rem;min-width:14px}.recovery-code code{font-size:.7rem}.tfa-modal-actions{flex-direction:column-reverse;gap:.5rem;position:sticky;bottom:0;background:#fff;margin:0 -1rem -1rem;padding:.75rem 1rem .5rem;border-top:1px solid rgba(0,0,0,.05)}body.dark-mode .tfa-modal-actions{background:#2d2d2d;border-top-color:#444}.tfa-btn{width:100%;padding:.75rem 1rem}.tfa-verification-input input{font-size:1.5rem;padding:.6rem}}.disable-2fa-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.disable-2fa-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.disable-2fa-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;z-index:10}.disable-2fa-close:hover{background:#0000000d;color:#333}.disable-2fa-header{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.warning-icon-container{width:64px;height:64px;border-radius:50%;background:#f443361a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.warning-icon-container .warning-icon{font-size:2rem;color:#f44336}.disable-2fa-header h2{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;color:#000}.disable-2fa-header p{font-size:.95rem;color:#666;margin:0}.disable-2fa-content{padding:1.5rem 2rem 2rem}.disable-warning-box{display:flex;align-items:flex-start;gap:1rem;background:#f443360d;border:1px solid rgba(244,67,54,.2);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.disable-warning-box .lock-icon{color:#f44336;font-size:1.25rem;flex-shrink:0;margin-top:2px}.warning-text{font-size:.9rem;color:#333;line-height:1.5}.warning-text strong{color:#d32f2f}.disable-verification{margin-bottom:1.5rem}.disable-verification label{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:.75rem}.disable-verification input{width:100%;text-align:center;font-size:1.75rem;letter-spacing:.75rem;padding:.875rem;border:2px solid rgba(0,0,0,.1);border-radius:10px;font-family:Courier New,monospace;font-weight:600;transition:all .2s ease}.disable-verification input:focus{outline:none;border-color:#f44336;box-shadow:0 0 0 3px #f4433626}.disable-verification input.error{border-color:#f44336;box-shadow:0 0 0 3px #f4433633}.disable-verification input::placeholder{color:#ccc}.disable-verification .error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f44336;font-size:.85rem;margin-top:.75rem}.disable-2fa-actions{display:flex;gap:1rem}.disable-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.disable-btn.cancel{background:#0000000d;color:#333}.disable-btn.cancel:hover{background:#0000001a}.disable-btn.confirm{background:#f44336;color:#fff}.disable-btn.confirm:hover:not(:disabled){background:#d32f2f}.disable-btn.confirm:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}body.dark-mode .disable-2fa-modal{background:#2d2d2d}body.dark-mode .disable-2fa-close{color:#bbb}body.dark-mode .disable-2fa-close:hover{background:#ffffff1a;color:#fff}body.dark-mode .disable-2fa-header{border-bottom-color:#444}body.dark-mode .disable-2fa-header h2{color:#fff}body.dark-mode .disable-2fa-header p{color:#bbb}body.dark-mode .warning-icon-container{background:#f4433626}body.dark-mode .disable-warning-box{background:#f443361a;border-color:#f443364d}body.dark-mode .warning-text,body.dark-mode .disable-verification label{color:#ddd}body.dark-mode .disable-verification input{background:#333;border-color:#444;color:#fff}body.dark-mode .disable-verification input:focus{border-color:#f44336}body.dark-mode .disable-btn.cancel{background:#ffffff1a;color:#ddd}body.dark-mode .disable-btn.cancel:hover{background:#ffffff26}@media(max-width:576px){.disable-2fa-modal{margin:.5rem}.disable-2fa-header,.disable-2fa-content{padding:1.5rem}.disable-2fa-actions{flex-direction:column-reverse}}.notification-center-page{min-height:calc(100vh - 80px);padding:2rem;background:linear-gradient(135deg,#fff,#f8f9fa,#fff);transition:all .3s ease}.notifications-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #d4af37;border-radius:12px;color:#d4af37;font-size:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000;transform:translate(-4px);box-shadow:0 4px 15px #d4af374d}.header-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notifications-header h1{font-size:2.25rem;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#1a1a1a,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-icon{color:#d4af37;-webkit-text-fill-color:#d4af37}.unread-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .875rem;background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000;font-size:.875rem;font-weight:700;border-radius:20px;box-shadow:0 4px 15px #d4af374d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #d4af374d}50%{transform:scale(1.05);box-shadow:0 6px 20px #d4af3780}}.mark-all-read-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #d4af37;border-radius:12px;color:#1a1a1a;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mark-all-read-btn:hover{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.mark-all-read-btn svg{width:18px;height:18px}.notifications-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;padding:1.25rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid transparent;border-radius:12px;color:#6b7280;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-btn:hover{background:#fff;border-color:#d4af37;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn.active{background:linear-gradient(135deg,#d4af37,#c49b2e);border-color:#d4af37;color:#000;box-shadow:0 4px 15px #d4af374d}.filter-icon{display:flex;align-items:center;font-size:1rem}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:#0000001a;border-radius:10px;font-size:.75rem;font-weight:700}.filter-btn.active .filter-count{background:#0003}.notification-page-content{max-width:100%}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;text-align:center}.no-notifications-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af371a,#c49b2e1a);border-radius:50%;margin-bottom:1rem}.no-notifications-icon svg{width:50px;height:50px;color:#d4af37}.no-notifications h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.no-notifications p{font-size:1rem;color:#6b7280;max-width:400px;margin:0;line-height:1.6}.action-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#d4af37,#c49b2e);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #d4af374d;margin-top:1rem}.action-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d4af3780}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;animation:slideIn .3s ease-out}.notification-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-2px);border-color:#d4af37}.notification-card.unread{background:linear-gradient(135deg,#fff,#fffef8)}.notification-card.expanded{box-shadow:0 8px 30px #00000026;border-color:#d4af37}.notification-type-indicator{position:absolute;left:0;top:0;bottom:0;width:4px}.notification-content{padding:1.5rem 1.5rem 1.5rem 1.75rem}.notification-header{display:flex;gap:1rem;align-items:flex-start}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;font-size:1.25rem}.notification-main{flex:1;min-width:0}.notification-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.notification-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0;flex:1;line-height:1.4}.unread-dot{width:10px;height:10px;background:#d4af37;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #d4af3733;animation:blink 2s ease-in-out infinite}.notification-message{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0 0 .75rem}.notification-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notification-time{font-size:.8125rem;color:#9ca3af;font-weight:500}.notification-type-label{display:inline-flex;padding:.25rem .75rem;background:#f3f4f6;border-radius:8px;font-size:.75rem;font-weight:600;color:#6b7280}.notification-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:2px solid transparent}.action-btn.primary{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000;box-shadow:0 2px 8px #d4af374d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.action-btn.secondary{background:#f3f4f6;color:#4b5563}.action-btn.secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.action-btn.secondary.delete{color:#ef4444}.action-btn.secondary.delete:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.action-btn svg{width:16px;height:16px}body.dark-mode .notification-center-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}body.dark-mode .notifications-header{border-bottom-color:#404040}body.dark-mode .notifications-header h1{background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .header-icon{-webkit-text-fill-color:#d4af37}body.dark-mode .back-btn{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:#d4af37;color:#d4af37}body.dark-mode .back-btn:hover{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000}body.dark-mode .mark-all-read-btn{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:#d4af37;color:#d4af37}body.dark-mode .mark-all-read-btn:hover{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000}body.dark-mode .notifications-filters{background:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .filter-btn{background:#3a3a3a;color:#ccc}body.dark-mode .filter-btn:hover{background:#404040;border-color:#d4af37;color:#d4af37}body.dark-mode .filter-btn.active{background:linear-gradient(135deg,#d4af37,#c49b2e);color:#000}body.dark-mode .no-notifications{background:#2d2d2d;box-shadow:0 4px 20px #0000004d}body.dark-mode .no-notifications h2{color:#d4af37}body.dark-mode .no-notifications p{color:#ccc}body.dark-mode .notification-card{background:#2d2d2d;box-shadow:0 2px 12px #0000004d}body.dark-mode .notification-card:hover{background:#3a3a3a;box-shadow:0 6px 25px #0006}body.dark-mode .notification-card.unread{background:linear-gradient(135deg,#2d2d2d,#3a3a3a)}body.dark-mode .notification-title{color:#d4af37}body.dark-mode .notification-message{color:#ccc}body.dark-mode .notification-time{color:#999}body.dark-mode .notification-type-label{background:#404040;color:#ccc}body.dark-mode .notification-actions{border-top-color:#404040}body.dark-mode .action-btn.secondary{background:#404040;color:#ccc}body.dark-mode .action-btn.secondary:hover{background:#4a4a4a;border-color:#555}body.dark-mode .action-btn.secondary.delete{color:#f87171}body.dark-mode .action-btn.secondary.delete:hover{background:#3f1f1f;border-color:#f87171;color:#fca5a5}@media(max-width:1024px){.notification-center-page{padding:1.5rem}.notifications-header h1{font-size:2rem}}@media(max-width:768px){.notification-center-page{padding:1rem}.notifications-header{flex-direction:column;align-items:flex-start}.header-left{width:100%;flex-wrap:wrap}.notifications-header h1{font-size:1.75rem}.header-actions{width:100%}.mark-all-read-btn{width:100%;justify-content:center}.notifications-filters{padding:.75rem;gap:.5rem}.filter-btn{padding:.625rem 1rem;font-size:.8125rem}.notification-card{border-radius:12px}.notification-content{padding:1.25rem}.notification-icon{width:40px;height:40px;font-size:1.125rem}.notification-title{font-size:1rem}.notification-message{font-size:.875rem}.notification-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}@media(max-width:480px){.notification-center-page{padding:.75rem}.notifications-header h1{font-size:1.5rem}.back-btn{width:40px;height:40px}.unread-badge{font-size:.75rem;padding:.25rem .625rem}.filter-btn{flex:1 1 calc(50% - .25rem);min-width:100px;justify-content:center}.notification-content{padding:1rem}.notification-icon{width:36px;height:36px;font-size:1rem}.notification-title{font-size:.9375rem}.no-notifications{padding:2rem 1rem}.no-notifications h2{font-size:1.5rem}.no-notifications p{font-size:.9375rem}}.filter-btn:focus,.action-btn:focus,.mark-all-read-btn:focus,.back-btn:focus{outline:3px solid rgba(212,175,55,.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-management{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);animation:fadeIn .5s ease-out;max-width:100%;overflow-x:hidden}.notification{position:fixed;top:90px;right:20px;padding:1rem 1.5rem;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:1rem;z-index:10000;animation:slideIn .3s ease-out;max-width:400px}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-info{border-left:4px solid #3b82f6}.notification svg{flex-shrink:0}.notification-success svg{color:#10b981}.notification-error svg{color:#ef4444}.notification-info svg{color:#3b82f6}.notification button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification button:hover{color:#000;transform:scale(1.1)}.chat-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeIn .6s ease-out;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-icon{color:gold}.header-title h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-title p{color:#666;font-size:.95rem;margin:.25rem 0 0}.header-actions{display:flex;gap:1rem;align-items:center}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-refresh .spin{animation:spin 1s linear infinite}.chat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:all .3s ease;animation:fadeIn .8s ease-out}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.stat-card-primary{border-left:4px solid #FFD700}.stat-card-info{border-left:4px solid #3b82f6}.stat-card-warning{border-left:4px solid #f59e0b}.stat-card-success{border-left:4px solid #10b981}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:#666;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.chat-main-container{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;overflow:hidden;min-height:600px;height:calc(100vh - 320px)}.chat-list-panel{display:flex;flex-direction:column;border-right:1px solid #e0e0e0;background:#fafafa}.chat-list-header{padding:1.25rem;border-bottom:1px solid #e0e0e0;background:#fff}.chat-list-header h2{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.search-bar:focus-within{border-color:gold;background:#fff;box-shadow:0 0 0 4px #ffd7001a}.search-bar svg{color:#666;flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;font-size:.95rem;color:#333;outline:none}.search-bar input::placeholder{color:#999}.clear-search{background:none;border:none;cursor:pointer;color:#999;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-search:hover{color:#666}.chat-list{flex:1;overflow-y:auto;padding:.5rem}.chat-list-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:.5rem;border:1px solid transparent}.chat-list-item:hover{background:#f0f0f0;border-color:#e0e0e0}.chat-list-item.active{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid rgba(255,215,0,.3)}.chat-list-item.has-unread{background:#ffd7000d}.chat-item-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.chat-item-content{flex:1;min-width:0}.chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.customer-name{font-weight:600;color:#1a1a1a;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.75rem;color:#999;flex-shrink:0}.chat-item-preview{font-size:.85rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.35rem}.chat-status-badge.open{background:#3b82f61a;color:#3b82f6}.chat-status-badge.closed{background:#6b72801a;color:#6b7280}.chat-list-item.closed{opacity:.7}.chat-list-item.closed:hover{opacity:1}.unread-badge{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.unread-indicator{width:10px;height:10px;border-radius:50%;background:gold;flex-shrink:0;animation:pulse 2s infinite}.load-more-chats-btn{display:block;width:calc(100% - 1rem);margin:.5rem auto 1rem;padding:.75rem 1rem;background:transparent;border:1px solid #e0e0e0;border-radius:10px;color:#666;font-size:.85rem;cursor:pointer;transition:all .2s}.load-more-chats-btn:hover{border-color:gold;color:gold;background:#ffd7000d}.loading-more-chats{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#888;font-size:.85rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#666}.loading-state svg,.empty-state svg{color:#ddd;margin-bottom:1rem}.empty-state h3{font-size:1.1rem;color:#333;margin-bottom:.5rem}.empty-state p{font-size:.9rem;color:#888}.spin{animation:spin 1s linear infinite}.chat-view-panel{display:flex;flex-direction:column;background:#fff;height:100%;min-height:0;overflow:hidden}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;padding:2rem}.no-chat-selected svg{color:#ddd;margin-bottom:1.5rem}.no-chat-selected h3{font-size:1.25rem;color:#333;margin-bottom:.5rem}.no-chat-selected p{color:#888}.chat-view-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#fafafa}.back-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#666;transition:all .2s}.back-btn:hover{background:#f0f0f0;color:#333}.chat-customer-info{display:flex;align-items:center;gap:.75rem;flex:1}.customer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;color:#1a1a1a}.customer-details{display:flex;flex-direction:column}.customer-details .customer-name{font-weight:600;color:#1a1a1a;font-size:1rem}.customer-status{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.4rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.status-dot.online{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot.offline{background:#6b7280}.chat-view-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.action-btn:hover:not(:disabled){border-color:gold;color:gold}.action-btn:disabled{opacity:.5;cursor:not-allowed}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(180deg,#fafafa,#f5f5f5);min-height:0}.load-more-btn{align-self:center;padding:.5rem 1.5rem;background:transparent;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.load-more-btn:hover{border-color:gold;color:gold}.loading-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#888;font-size:.85rem}.message{display:flex;flex-direction:column;max-width:70%}.user-message{align-self:flex-start!important;align-items:flex-start;margin-right:auto}.agent-message{align-self:flex-end!important;align-items:flex-end;margin-left:auto}.message-bubble{padding:.875rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 2px 4px #00000014}.user-message .message-bubble{background:#f0f0f0;color:#1a1a1a;border-bottom-left-radius:4px;border:none}.agent-message .message-bubble{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border-bottom-right-radius:4px;box-shadow:0 2px 8px #ffd7004d}.message.failed .message-bubble{border:2px solid #ef4444}.message-meta{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;padding:0 .25rem}.user-message .message-meta{justify-content:flex-start}.agent-message .message-meta{justify-content:flex-end}.message-time{font-size:.75rem;color:#999}.status{font-size:.75rem;color:#888;font-style:italic}.retry-btn{font-size:.75rem;color:#ef4444;background:none;border:none;cursor:pointer;text-decoration:underline}.retry-btn:hover{color:#dc2626}.message-input-container{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;background:#fafafa}.input-wrapper{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:.5rem .75rem;transition:all .3s ease}.input-wrapper:focus-within{border-color:gold;box-shadow:0 0 0 4px #ffd7001a}.input-wrapper input{flex:1;border:none;background:transparent;font-size:.95rem;color:#333;outline:none;padding:.5rem}.input-wrapper input::placeholder{color:#999}.input-wrapper input:disabled{opacity:.6}.send-btn{width:44px;height:44px;border-radius:10px;border:none;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #ffd70066}.send-btn:disabled{opacity:.5;cursor:not-allowed}.connection-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.85rem;margin-top:.75rem}.mobile-only{display:none}.hidden-mobile{display:flex}body.dark-mode .chat-management{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body.dark-mode .header-title h1{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text}body.dark-mode .header-title p{color:#999}body.dark-mode .stat-card{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .stat-label{color:#999}body.dark-mode .stat-value{color:#fff}body.dark-mode .chat-main-container{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .chat-list-panel{background:#252525;border-right-color:#3a3a3a}body.dark-mode .chat-list-header{background:#2a2a2a;border-bottom-color:#3a3a3a}body.dark-mode .chat-list-header h2{color:#fff}body.dark-mode .search-bar{background:#333}body.dark-mode .search-bar:focus-within{background:#2a2a2a}body.dark-mode .search-bar input{color:#fff}body.dark-mode .chat-list-item:hover{background:#333}body.dark-mode .chat-list-item.active{background:#ffd7001a;border-color:#ffd7004d}body.dark-mode .chat-item-avatar{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);color:#999}body.dark-mode .customer-name{color:#fff}body.dark-mode .chat-item-preview{color:#999}body.dark-mode .unread-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}body.dark-mode .load-more-chats-btn{border-color:#3a3a3a;color:#999}body.dark-mode .load-more-chats-btn:hover{border-color:gold;color:gold;background:#ffd7001a}body.dark-mode .loading-more-chats{color:#888}body.dark-mode .chat-view-panel{background:#2a2a2a}body.dark-mode .chat-view-header{background:#252525;border-bottom-color:#3a3a3a}body.dark-mode .customer-details .customer-name{color:#fff}body.dark-mode .customer-status{color:#999}body.dark-mode .action-btn{background:#333;border-color:#3a3a3a;color:#999}body.dark-mode .action-btn:hover:not(:disabled){border-color:gold;color:gold}body.dark-mode .no-chat-selected h3{color:#fff}body.dark-mode .no-chat-selected p{color:#888}body.dark-mode .user-message .message-bubble{background:#3a3a3a;color:#fff;border:none}body.dark-mode .messages-container{background:linear-gradient(135deg,#1a1a1a,#252525)}body.dark-mode .message-input-container{background:#252525;border-top-color:#3a3a3a}body.dark-mode .input-wrapper{background:#333;border-color:#3a3a3a}body.dark-mode .input-wrapper:focus-within{border-color:gold}body.dark-mode .input-wrapper input{color:#fff}body.dark-mode .load-more-btn{border-color:#3a3a3a;color:#999}body.dark-mode .load-more-btn:hover{border-color:gold;color:gold}body.dark-mode .connection-warning{background:#433d00;border-color:gold;color:gold}body.dark-mode .notification{background:#2a2a2a;color:#fff}body.dark-mode .notification button{color:#999}body.dark-mode .notification button:hover,body.dark-mode .empty-state h3{color:#fff}body.dark-mode .empty-state p{color:#888}@media(max-width:1200px){.chat-stats{grid-template-columns:repeat(3,1fr)}.chat-main-container{grid-template-columns:320px 1fr}}@media(max-width:992px){.chat-stats{grid-template-columns:repeat(3,1fr)}.chat-main-container{grid-template-columns:280px 1fr;max-height:calc(100vh - 380px)}}@media(max-width:768px){.chat-management{padding:1rem}.chat-header-section{flex-direction:column;align-items:flex-start}.header-title h1{font-size:1.5rem}.chat-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.chat-main-container{grid-template-columns:1fr;max-height:none;min-height:calc(100vh - 280px)}.chat-list-panel{border-right:none;border-bottom:1px solid #e0e0e0}.chat-list-panel.hidden-mobile,.chat-view-panel.hidden-mobile{display:none}.chat-view-panel,.back-btn,.mobile-only{display:flex}.message{max-width:85%}.notification{top:auto;bottom:20px;right:10px;left:10px;max-width:none}}@media(max-width:480px){.chat-management{padding:.75rem}.header-title h1{font-size:1.25rem}.btn-refresh{padding:.6rem 1rem;font-size:.85rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px}.stat-value{font-size:1.25rem}.chat-list-item{padding:.875rem}.chat-item-avatar{width:38px;height:38px}.messages-container{padding:1rem}.message-bubble{padding:.75rem 1rem;font-size:.9rem}.message-input-container{padding:.75rem 1rem}.send-btn{width:40px;height:40px}}.chat-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#ccc}body.dark-mode .chat-list::-webkit-scrollbar-thumb,body.dark-mode .messages-container::-webkit-scrollbar-thumb{background:#444}body.dark-mode .chat-list::-webkit-scrollbar-thumb:hover,body.dark-mode .messages-container::-webkit-scrollbar-thumb:hover{background:#555}*{margin:0;padding:0;box-sizing:border-box}.email-verification-page{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}.verification-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;overflow:hidden;max-width:600px;width:100%;padding:60px 40px;text-align:center;position:relative}.verification-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.verification-content{position:relative;z-index:1}.verification-icon{width:100px;height:100px;margin:0 auto 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.verification-icon.verifying{background:linear-gradient(135deg,#6c757d,#495057)}.verification-icon.success{background:linear-gradient(135deg,#28a745,#20c997);animation:successPulse 1s ease-out}.verification-icon.expired{background:linear-gradient(135deg,#ffc107,#fd7e14)}.verification-icon.error{background:linear-gradient(135deg,#dc3545,#c82333)}@keyframes successPulse{0%{transform:scale(.8);box-shadow:0 0 #28a745b3}50%{transform:scale(1.1);box-shadow:0 0 0 20px #28a74500}to{transform:scale(1);box-shadow:0 0 #28a74500}}.verification-icon svg{width:50px;height:50px;color:#fff}.verification-content h2{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.verification-message{color:#666;font-size:1.1rem;margin-bottom:30px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.login-btn{background:linear-gradient(135deg,#000,#2a2a2a);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #0003}.login-btn:hover{background:linear-gradient(135deg,#2a2a2a,#404040);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.resend-btn{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#000;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #ffc1074d}.resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#fd7e14,#e8590c);transform:translateY(-2px);box-shadow:0 8px 25px #ffc10766}.resend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-btn{background:transparent;color:#000;border:2px solid #000;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.loading-spinner{width:20px;height:20px;animation:spin 1s linear infinite}@media(max-width:768px){.verification-container{padding:40px 20px;margin:20px}.verification-content h2{font-size:2rem}.verification-icon{width:80px;height:80px;margin-bottom:20px}.verification-icon svg{width:40px;height:40px}.verification-message{font-size:1rem}.verification-actions{gap:12px}.login-btn,.resend-btn,.secondary-btn{padding:14px 24px;font-size:.95rem}}@media(max-width:480px){.email-verification-page{padding:10px}.verification-container{padding:30px 15px}.verification-content h2{font-size:1.8rem}.verification-icon{width:60px;height:60px}.verification-icon svg{width:30px;height:30px}}@media(prefers-color-scheme:dark){.verification-container{background:#1a1a1a;color:#fff}.verification-content h2{color:#fff}.verification-message{color:#ccc}.secondary-btn{color:#fff;border-color:#fff}.secondary-btn:hover{background:#fff;color:#000}}.verification-message.error-text{color:#dc3545;font-weight:500;background-color:#dc35451a;padding:15px 20px;border-radius:8px;border-left:4px solid #dc3545}.verification-note{background-color:#f8f9fa;border-left:4px solid #6c757d;padding:15px 20px;border-radius:8px;margin:20px 0;text-align:left}.verification-note p{color:#495057;font-size:.95rem;line-height:1.6;margin:0}.verification-note strong{color:#000;font-weight:600}.verification-note.info{background-color:#0d6efd1a;border-left-color:#0d6efd}.verification-note.info p{color:#084298}.verification-note.warning{background-color:#ffc1071a;border-left-color:#ffc107}.verification-note.warning p{color:#664d03}.verification-note.success{background-color:#28a7451a;border-left-color:#28a745}.verification-note.success p{color:#155724}@media(max-width:768px){.verification-note{padding:12px 16px;margin:15px 0}.verification-note p{font-size:.9rem}}@media(max-width:480px){.verification-note{padding:10px 14px}.verification-note p{font-size:.85rem}}@media(prefers-color-scheme:dark){.verification-message.error-text{color:#ff6b6b;background-color:#dc354533;border-left-color:#ff6b6b}.verification-note{background-color:#ffffff0d;border-left-color:#6c757d}.verification-note p{color:#bbb}.verification-note strong{color:#fff}.verification-note.info{background-color:#0d6efd26;border-left-color:#4dabf7}.verification-note.info p{color:#a5d8ff}.verification-note.warning{background-color:#ffc10726;border-left-color:#ffd43b}.verification-note.warning p{color:#ffd43b}.verification-note.success{background-color:#28a74526;border-left-color:#51cf66}.verification-note.success p{color:#b2f2bb}}.verification-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.login-btn{order:1}.resend-btn{order:2}.secondary-btn{order:3}.resend-btn .loading-spinner{width:20px;height:20px;color:#000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verification-note,.verification-message.error-text{animation:fadeInUp .4s ease-out}.resend-btn:focus,.login-btn:focus,.secondary-btn:focus{outline:2px solid #000;outline-offset:2px}@media(prefers-color-scheme:dark){.resend-btn:focus,.login-btn:focus,.secondary-btn:focus{outline-color:gold}}@media(prefers-contrast:high){.verification-note{border-width:3px}.verification-message.error-text{border-left-width:5px}.verification-note p{font-weight:600}}@media(prefers-reduced-motion:reduce){.verification-note,.verification-message.error-text,.verification-icon.success{animation:none}}.help-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:background .3s ease}.help-container{max-width:1200px;margin:0 auto;padding:20px}.help-hero{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:20px;padding:60px 40px;text-align:center;margin-bottom:40px;box-shadow:0 10px 30px #0003;border:2px solid #FFD700;position:relative;overflow:hidden}.help-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1}.hero-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #ffd70066;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-icon svg{width:40px;height:40px;color:#000}.help-hero h1{font-size:3rem;font-weight:700;color:gold;margin:0 0 15px;text-shadow:0 2px 10px rgba(255,215,0,.3)}.help-hero p{font-size:1.2rem;color:#fff;margin:0;opacity:.9}.help-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:10px;padding:15px 30px;background:#fff;border:2px solid #e9ecef;border-radius:15px;color:#495057;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tab-button svg{width:20px;height:20px;transition:transform .3s ease}.tab-button:hover{transform:translateY(-3px);border-color:gold;color:#000;box-shadow:0 8px 20px #ffd70033}.tab-button:hover svg{transform:scale(1.1)}.tab-button.active{background:linear-gradient(135deg,gold,orange);border-color:gold;color:#000;box-shadow:0 8px 20px #ffd7004d}.tab-button.active svg{transform:scale(1.1)}.help-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,215,0,.1);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(255,215,0,.2)}.section-header h2{font-size:2.2rem;font-weight:700;color:#000;margin:0 0 10px}.section-header p{font-size:1.1rem;color:#666;margin:0}.contact-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;color:#495057;background:#f8f9fa;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:gold;background:#fff;box-shadow:0 0 0 3px #ffd7001a}.form-group textarea{resize:vertical;min-height:150px}.form-group select{cursor:pointer}.form-actions{display:flex;justify-content:center;margin-top:30px}.submit-button{display:flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;color:#000;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffd7004d}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70066}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.submit-button svg{width:20px;height:20px}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.faq-categories{display:flex;flex-direction:column;gap:30px}.faq-category{background:#f8f9fa;border-radius:15px;padding:30px;border:1px solid #e9ecef}.category-title{font-size:1.6rem;font-weight:700;color:#000;margin:0 0 20px;padding-bottom:15px;border-bottom:3px solid #FFD700;display:flex;align-items:center;gap:10px}.category-title:before{content:"";width:6px;height:30px;background:linear-gradient(135deg,gold,orange);border-radius:3px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e9ecef;transition:all .3s ease}.faq-item:hover{border-color:gold;box-shadow:0 4px 15px #ffd7001a}.faq-item.active{border-color:gold;box-shadow:0 6px 20px #ffd70033}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff;border:none;cursor:pointer;font-size:1.05rem;font-weight:600;color:#000;text-align:left;transition:all .3s ease}.faq-question:hover{background:#ffd7000d}.faq-item.active .faq-question{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);color:#000}.faq-icon{width:24px;height:24px;color:gold;transition:transform .3s ease;flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#fff}.faq-item.active .faq-answer{max-height:500px;padding:0 20px 20px}.faq-answer p{margin:0;color:#495057;line-height:1.6;font-size:1rem}.faq-footer{margin-top:40px;text-align:center;padding:30px;background:linear-gradient(135deg,#ffd7000d,#ffa50005);border-radius:15px;border:2px dashed rgba(255,215,0,.3)}.faq-footer p{font-size:1.1rem;color:#495057;margin:0 0 15px}.contact-us-button{padding:12px 30px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.contact-us-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.support-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;padding:30px;text-align:center;border:2px solid #e9ecef;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.support-card:hover{transform:translateY(-5px);border-color:gold;box-shadow:0 10px 30px #ffd70033}.support-card.clickable{cursor:pointer}.support-card.clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 35px #ffd7004d}.support-card.clickable:active{transform:translateY(-4px) scale(.98)}.support-icon{width:70px;height:70px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ffd7004d;transition:transform .3s ease}.support-card:hover .support-icon{transform:scale(1.1) rotate(5deg)}.support-icon svg{width:35px;height:35px;color:#000}.support-card h3{font-size:1.4rem;font-weight:700;color:#000;margin:0}.support-description{color:#666;margin:0;font-size:.95rem}.support-contact{font-weight:600;color:gold;font-size:1.1rem;text-decoration:none;transition:all .3s ease;padding:8px 16px;border-radius:8px}.support-contact:hover{color:orange;background:#ffd7001a}.support-contact.clickable{cursor:pointer;background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.support-contact.clickable:hover{background:#ffd70033;transform:scale(1.05)}.support-subtext{font-size:.85rem;color:#999;font-style:italic}.support-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.info-card{background:linear-gradient(135deg,#ffd7000d,#ffa50005);border-radius:15px;padding:25px;display:flex;gap:20px;border:2px solid rgba(255,215,0,.2);transition:all .3s ease}.info-card:hover{transform:translate(5px);border-color:gold;box-shadow:0 6px 20px #ffd70026}.info-icon{width:50px;height:50px;flex-shrink:0;background:linear-gradient(135deg,gold,orange);border-radius:12px;display:flex;align-items:center;justify-content:center}.info-icon svg{width:28px;height:28px;color:#000}.info-content h4{font-size:1.2rem;font-weight:700;color:#000;margin:0 0 8px}.info-content p{font-size:.95rem;color:#666;margin:0;line-height:1.5}[data-theme=dark] .help-page,body.dark-mode .help-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .help-hero,body.dark-mode .help-hero{background:linear-gradient(135deg,#000,#1a1a1a)}[data-theme=dark] .tab-button,body.dark-mode .tab-button{background:#2a2a2a;border-color:#404040;color:#fff}[data-theme=dark] .tab-button:hover,body.dark-mode .tab-button:hover{border-color:gold;color:gold}[data-theme=dark] .tab-button.active,body.dark-mode .tab-button.active{background:linear-gradient(135deg,gold,orange);color:#000}[data-theme=dark] .help-content,body.dark-mode .help-content{background:#2a2a2a;border-color:#ffd70033}[data-theme=dark] .section-header h2,body.dark-mode .section-header h2,[data-theme=dark] .category-title,body.dark-mode .category-title,[data-theme=dark] .support-card h3,body.dark-mode .support-card h3,[data-theme=dark] .info-content h4,body.dark-mode .info-content h4{color:#fff}[data-theme=dark] .section-header p,body.dark-mode .section-header p,[data-theme=dark] .support-description,body.dark-mode .support-description,[data-theme=dark] .info-content p,body.dark-mode .info-content p,[data-theme=dark] .faq-answer p,body.dark-mode .faq-answer p,[data-theme=dark] .form-group label,body.dark-mode .form-group label{color:#ccc}[data-theme=dark] .form-group input,body.dark-mode .form-group input,[data-theme=dark] .form-group select,body.dark-mode .form-group select,[data-theme=dark] .form-group textarea,body.dark-mode .form-group textarea{background:#3a3a3a;border-color:#555;color:#fff}[data-theme=dark] .form-group input:focus,body.dark-mode .form-group input:focus,[data-theme=dark] .form-group select:focus,body.dark-mode .form-group select:focus,[data-theme=dark] .form-group textarea:focus,body.dark-mode .form-group textarea:focus{border-color:gold;background:#404040}[data-theme=dark] .faq-category,body.dark-mode .faq-category{background:#1a1a1a;border-color:#404040}[data-theme=dark] .faq-item,body.dark-mode .faq-item{background:#2a2a2a;border-color:#404040}[data-theme=dark] .faq-question,body.dark-mode .faq-question{background:#2a2a2a;color:#fff}[data-theme=dark] .faq-question:hover,body.dark-mode .faq-question:hover{background:#ffd7001a}[data-theme=dark] .faq-item.active .faq-question,body.dark-mode .faq-item.active .faq-question{background:#ffd70026}[data-theme=dark] .faq-answer,body.dark-mode .faq-answer{background:#2a2a2a}[data-theme=dark] .support-card,body.dark-mode .support-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#404040}[data-theme=dark] .support-card:hover,body.dark-mode .support-card:hover{border-color:gold}[data-theme=dark] .info-card,body.dark-mode .info-card{background:#ffd7001a;border-color:#ffd7004d}[data-theme=dark] .faq-footer,body.dark-mode .faq-footer{background:#ffd7001a}[data-theme=dark] .faq-footer p,body.dark-mode .faq-footer p{color:#ccc}@media(max-width:1024px){.help-container{padding:15px}.help-hero{padding:50px 30px}.help-hero h1{font-size:2.5rem}.help-content{padding:30px}.support-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}@media(max-width:768px){.help-hero{padding:40px 20px;margin-bottom:30px}.hero-icon{width:60px;height:60px}.hero-icon svg{width:30px;height:30px}.help-hero h1{font-size:2rem}.help-hero p{font-size:1rem}.help-tabs{gap:10px}.tab-button{padding:12px 20px;font-size:.9rem}.tab-button svg{width:18px;height:18px}.help-content{padding:25px 20px}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.form-row{grid-template-columns:1fr;gap:15px}.support-grid,.support-info{grid-template-columns:1fr}.faq-category{padding:20px}.category-title{font-size:1.3rem}}@media(max-width:480px){.help-container{padding:10px}.help-hero{padding:30px 15px;margin-bottom:20px}.hero-icon{width:50px;height:50px}.hero-icon svg{width:25px;height:25px}.help-hero h1{font-size:1.6rem}.help-hero p{font-size:.9rem}.help-tabs{flex-direction:column;gap:8px}.tab-button{justify-content:center;padding:12px 20px;font-size:.85rem}.help-content{padding:20px 15px}.section-header{margin-bottom:25px}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:.95rem}.submit-button,.contact-us-button{padding:14px 30px;font-size:1rem}.faq-category{padding:15px}.category-title{font-size:1.2rem}.faq-question{padding:14px 16px;font-size:.95rem}.faq-answer p{font-size:.9rem}.support-card{padding:20px}.support-icon{width:60px;height:60px}.support-icon svg{width:30px;height:30px}.support-card h3{font-size:1.2rem}.info-card{padding:20px;flex-direction:column;align-items:center;text-align:center}.info-icon{width:45px;height:45px}.info-icon svg{width:24px;height:24px}.info-content h4{font-size:1.1rem}.info-content p{font-size:.9rem}}@media print{.help-hero,.help-tabs,.tab-button,.submit-button,.contact-us-button{display:none}.help-content{box-shadow:none;border:1px solid #ddd}.faq-item.active .faq-answer{max-height:none}}.live-chat-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:background .3s ease}.chat-container{flex:1;max-width:1000px;margin:20px auto;width:100%;padding:0 20px 20px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-header{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:20px 20px 0 0;padding:25px 30px;border:2px solid #FFD700;border-bottom:none;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #0003;flex-shrink:0}.chat-header-content{display:flex;align-items:center;gap:20px}.chat-icon{width:60px;height:60px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffd70066;animation:pulse-slow 3s infinite}@keyframes pulse-slow{0%,to{transform:scale(1);box-shadow:0 4px 15px #ffd70066}50%{transform:scale(1.05);box-shadow:0 6px 20px #ffd70099}}.chat-icon svg{width:32px;height:32px;color:#000}.chat-title-section h1{font-size:1.8rem;font-weight:700;color:gold;margin:0}.chat-subtitle{color:#fff;opacity:.9;margin:5px 0 0;font-size:.95rem}.agent-info-header{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:12px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.agent-avatar{font-size:2rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;border:2px solid #fff}.agent-details{display:flex;flex-direction:column;gap:3px}.agent-name{color:#fff;font-weight:600;font-size:.95rem}.agent-status{display:flex;align-items:center;gap:6px;color:#4ade80;font-size:.8rem;font-weight:500}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chat-main{flex:1;background:#fff;border-left:2px solid #FFD700;border-right:2px solid #FFD700;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-main:last-child{border-bottom:2px solid #FFD700;border-radius:0 0 20px 20px}.pre-chat-screen{padding:15px 30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;overflow-y:auto}.welcome-section{text-align:center;max-width:600px;width:100%}.welcome-icon{font-size:3rem;margin-bottom:10px}.welcome-section h2{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 8px}.welcome-section>p{font-size:.95rem;color:#666;margin:0 0 15px}.chat-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#ffd7000d;border-radius:12px;border:1px solid rgba(255,215,0,.2);transition:all .3s ease}.feature-item:hover{background:#ffd7001a;border-color:gold;transform:translateY(-3px)}.feature-icon{font-size:1.8rem}.feature-item span:last-child{font-size:.9rem;font-weight:600;color:#333}.start-chat-button{display:flex;align-items:center;gap:10px;padding:18px 40px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;color:#000;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ffd70066;margin-bottom:30px}.start-chat-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffd70080}.start-chat-button svg{width:24px;height:24px}.quick-actions-section{width:100%}.quick-actions-title{font-size:1rem;font-weight:600;color:#666;margin:0 0 15px;text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{background:#fff;border-color:gold;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.quick-icon{font-size:1.2rem}.alternative-support{margin-top:40px;text-align:center;padding-top:30px;border-top:2px solid #e9ecef}.alternative-support p{color:#666;margin-bottom:15px;font-weight:500}.support-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.support-link-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease}.support-link-btn:hover{border-color:gold;color:#000;box-shadow:0 4px 12px #ffd70033}.support-link-btn svg{width:18px;height:18px}.connecting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.connecting-animation{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.loading-dots{display:flex;gap:8px}.loading-dots span{width:12px;height:12px;background:linear-gradient(135deg,gold,orange);border-radius:50%;animation:loading 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.connecting-screen h3{font-size:1.5rem;font-weight:600;color:#000;margin:0}.connecting-screen p{font-size:1rem;color:#666;margin:0}.active-chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:20px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f8f9fa}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,orange);border-radius:4px}.message{display:flex;gap:12px;animation:slideIn .3s ease-out;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.agent-message{justify-content:flex-start}.message-avatar{font-size:1.8rem;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #ffd7004d}.message-content{display:flex;flex-direction:column;gap:5px;max-width:70%}.user-message .message-content{align-items:flex-start}.agent-message .message-content{align-items:flex-end}.message-sender{font-size:.8rem;font-weight:600;color:#666;padding:0 12px}.message-bubble{padding:12px 18px;border-radius:18px;font-size:.95rem;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 8px #0000001a;white-space:pre-wrap}.user-message .message-bubble{background:#f8f9fa;color:#000;border:1px solid #e9ecef;border-bottom-left-radius:4px}.agent-message .message-bubble{background:linear-gradient(135deg,gold,orange);color:#000;border-bottom-right-radius:4px}.message-time{font-size:.75rem;color:#999;padding:0 12px}.typing-indicator .message-bubble.typing{padding:16px 20px;background:#f8f9fa;border:1px solid #e9ecef;display:flex;gap:6px;align-items:center}.message-bubble.typing span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.message-bubble.typing span:nth-child(1){animation-delay:-.32s}.message-bubble.typing span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.in-chat-quick-replies{padding:15px 25px;background:#ffd7000d;border-top:1px solid rgba(255,215,0,.2)}.quick-replies-label{font-size:.85rem;font-weight:600;color:#666;margin:0 0 10px}.quick-replies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.quick-reply-btn{padding:10px 14px;background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#495057;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.quick-reply-btn:hover{border-color:gold;color:#000;background:#ffd7001a;transform:translateY(-2px)}.chat-footer{background:#fff;border:2px solid #FFD700;border-top:none;border-radius:0 0 20px 20px;padding:20px;box-shadow:0 -4px 15px #0000001a;flex-shrink:0}.chat-actions{display:flex;gap:10px;margin-bottom:12px;justify-content:flex-end}.action-btn{padding:8px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.action-btn:hover{border-color:gold;background:#ffd7001a}.action-btn svg{width:18px;height:18px;color:#495057}.end-chat-btn:hover{border-color:#ef4444;background:#ef44441a}.end-chat-btn:hover svg{color:#ef4444}.input-container{display:flex;gap:12px;align-items:center}.message-input{flex:1;padding:14px 18px;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;color:#495057;background:#f8f9fa;transition:all .3s ease;font-family:inherit}.message-input:focus{outline:none;border-color:gold;background:#fff;box-shadow:0 0 0 3px #ffd7001a}.send-button{width:50px;height:50px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50%;color:#000;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd7004d}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 18px #ffd70066}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.send-button svg{width:22px;height:22px}.end-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.end-chat-modal{background:#fff;border-radius:20px;padding:40px;max-width:450px;width:100%;border:3px solid #FFD700;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.end-chat-modal-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ef444466;animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.end-chat-modal-icon svg{width:40px;height:40px;color:#fff}.end-chat-modal h3{font-size:1.8rem;font-weight:700;color:#000;margin:0 0 15px}.end-chat-modal p{font-size:1rem;color:#666;line-height:1.6;margin:0 0 30px}.end-chat-modal-actions{display:flex;gap:15px;justify-content:center}.end-chat-modal-actions button{padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:center;gap:8px}.cancel-btn{background:#f8f9fa;border-color:#e9ecef;color:#495057}.cancel-btn:hover{background:#e9ecef;border-color:gold;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.confirm-end-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.confirm-end-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.confirm-end-btn svg{width:18px;height:18px}[data-theme=dark] .live-chat-page,body.dark-mode .live-chat-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .chat-main,body.dark-mode .chat-main{background:#2a2a2a;border-color:gold}[data-theme=dark] .welcome-section h2,body.dark-mode .welcome-section h2,[data-theme=dark] .connecting-screen h3,body.dark-mode .connecting-screen h3{color:#fff}[data-theme=dark] .welcome-section>p,body.dark-mode .welcome-section>p,[data-theme=dark] .connecting-screen p,body.dark-mode .connecting-screen p,[data-theme=dark] .quick-actions-title,body.dark-mode .quick-actions-title,[data-theme=dark] .alternative-support p,body.dark-mode .alternative-support p{color:#ccc}[data-theme=dark] .feature-item,body.dark-mode .feature-item{background:#ffd7001a;border-color:#ffd7004d}[data-theme=dark] .feature-item span:last-child,body.dark-mode .feature-item span:last-child{color:#fff}[data-theme=dark] .quick-action-btn,body.dark-mode .quick-action-btn,[data-theme=dark] .support-link-btn,body.dark-mode .support-link-btn,[data-theme=dark] .quick-reply-btn,body.dark-mode .quick-reply-btn{background:#3a3a3a;border-color:#555;color:#ccc}[data-theme=dark] .quick-action-btn:hover,body.dark-mode .quick-action-btn:hover,[data-theme=dark] .support-link-btn:hover,body.dark-mode .support-link-btn:hover,[data-theme=dark] .quick-reply-btn:hover,body.dark-mode .quick-reply-btn:hover{background:#404040;border-color:gold;color:gold}[data-theme=dark] .alternative-support,body.dark-mode .alternative-support{border-top-color:#555}[data-theme=dark] .agent-message .message-bubble,body.dark-mode .agent-message .message-bubble{background:#3a3a3a;border-color:#555;color:#fff}[data-theme=dark] .message-sender,body.dark-mode .message-sender{color:#999}[data-theme=dark] .in-chat-quick-replies,body.dark-mode .in-chat-quick-replies{background:#ffd7001a;border-top-color:#ffd7004d}[data-theme=dark] .quick-replies-label,body.dark-mode .quick-replies-label{color:#ccc}[data-theme=dark] .chat-footer,body.dark-mode .chat-footer{background:#2a2a2a;border-color:gold}[data-theme=dark] .action-btn,body.dark-mode .action-btn{background:#3a3a3a;border-color:#555}[data-theme=dark] .action-btn svg,body.dark-mode .action-btn svg{color:#ccc}[data-theme=dark] .message-input,body.dark-mode .message-input{background:#3a3a3a;border-color:#555;color:#fff}[data-theme=dark] .message-input:focus,body.dark-mode .message-input:focus{background:#404040;border-color:gold}[data-theme=dark] .end-chat-overlay,body.dark-mode .end-chat-overlay{background:#000000d9}[data-theme=dark] .end-chat-modal,body.dark-mode .end-chat-modal{background:#2a2a2a;border-color:gold}[data-theme=dark] .end-chat-modal h3,body.dark-mode .end-chat-modal h3{color:#fff}[data-theme=dark] .end-chat-modal p,body.dark-mode .end-chat-modal p{color:#ccc}[data-theme=dark] .cancel-btn,body.dark-mode .cancel-btn{background:#3a3a3a;border-color:#555;color:#ccc}[data-theme=dark] .cancel-btn:hover,body.dark-mode .cancel-btn:hover{background:#404040;border-color:gold;color:gold}[data-theme=dark] .chat-history-screen,body.dark-mode .chat-history-screen{background:#1a1a1a}[data-theme=dark] .chat-history-header,body.dark-mode .chat-history-header{background:#2a2a2a;border-bottom-color:#3a3a3a}[data-theme=dark] .chat-history-header h2,body.dark-mode .chat-history-header h2{color:#fff}[data-theme=dark] .back-button,body.dark-mode .back-button{background:#3a3a3a;border-color:#555;color:#ccc}[data-theme=dark] .back-button:hover,body.dark-mode .back-button:hover{background:#444;border-color:gold;color:gold}[data-theme=dark] .new-chat-btn,body.dark-mode .new-chat-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}[data-theme=dark] .chat-history-list,body.dark-mode .chat-history-list{background:#1a1a1a}[data-theme=dark] .chat-history-item,body.dark-mode .chat-history-item{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .chat-history-item:hover,body.dark-mode .chat-history-item:hover{background:#333;border-color:gold}[data-theme=dark] .chat-history-icon,body.dark-mode .chat-history-icon{background:#3a3a3a}[data-theme=dark] .chat-history-icon svg,body.dark-mode .chat-history-icon svg{color:gold}[data-theme=dark] .chat-history-preview,body.dark-mode .chat-history-preview{color:#fff}[data-theme=dark] .chat-history-meta,body.dark-mode .chat-history-meta{color:#999}[data-theme=dark] .chat-date,body.dark-mode .chat-date{color:#888}[data-theme=dark] .message-count,body.dark-mode .message-count{background:#3a3a3a;color:#ccc}[data-theme=dark] .chat-history-arrow,body.dark-mode .chat-history-arrow{color:#666}[data-theme=dark] .chat-history-item:hover .chat-history-arrow,body.dark-mode .chat-history-item:hover .chat-history-arrow{color:gold}[data-theme=dark] .no-chats,body.dark-mode .no-chats{color:#999}[data-theme=dark] .no-chats h3,body.dark-mode .no-chats h3{color:#fff}[data-theme=dark] .no-chats p,body.dark-mode .no-chats p{color:#888}[data-theme=dark] .loading-chats,body.dark-mode .loading-chats{color:#999}[data-theme=dark] .load-more-chats-btn,body.dark-mode .load-more-chats-btn{background:#2a2a2a;border-color:#3a3a3a;color:#ccc}[data-theme=dark] .load-more-chats-btn:hover,body.dark-mode .load-more-chats-btn:hover{background:#333;border-color:gold;color:gold}@media(max-width:1024px){.chat-container{padding:0 15px}}@media(max-width:768px){.chat-container{padding:0 10px;margin:10px auto}.chat-header{padding:20px;flex-direction:column;gap:15px;align-items:flex-start}.chat-header-content{gap:15px}.chat-icon{width:50px;height:50px}.chat-icon svg{width:26px;height:26px}.chat-title-section h1{font-size:1.5rem}.agent-info-header{align-self:stretch}.chat-main{min-height:400px;max-height:500px}.pre-chat-screen{padding:30px 20px}.welcome-icon{font-size:4rem}.welcome-section h2{font-size:1.6rem}.welcome-section>p{font-size:1rem}.chat-features{grid-template-columns:repeat(2,1fr);gap:10px}.start-chat-button{padding:16px 32px;font-size:1.1rem}.quick-actions{grid-template-columns:1fr}.support-links{flex-direction:column}.messages-container{padding:20px 15px}.message-content{max-width:80%}.quick-replies-grid{grid-template-columns:1fr}.chat-footer{padding:15px}.end-chat-modal{padding:30px 25px;max-width:90%}.end-chat-modal-icon{width:70px;height:70px}.end-chat-modal-icon svg{width:35px;height:35px}.end-chat-modal h3{font-size:1.5rem}.end-chat-modal p{font-size:.95rem}.end-chat-modal-actions{flex-direction:column;gap:10px}.end-chat-modal-actions button{width:100%;justify-content:center}}@media(max-width:480px){.chat-container{margin:5px auto}.chat-header{padding:15px;border-radius:15px 15px 0 0}.chat-icon{width:45px;height:45px}.chat-icon svg{width:24px;height:24px}.chat-title-section h1{font-size:1.3rem}.chat-subtitle{font-size:.85rem}.agent-avatar{width:38px;height:38px;font-size:1.6rem}.agent-name{font-size:.85rem}.agent-status{font-size:.75rem}.chat-main{min-height:350px;max-height:450px}.pre-chat-screen{padding:20px 15px}.welcome-icon{font-size:3.5rem}.welcome-section h2{font-size:1.4rem}.welcome-section>p{font-size:.9rem}.chat-features{grid-template-columns:1fr;gap:8px}.feature-item{padding:12px}.feature-icon{font-size:1.5rem}.start-chat-button{padding:14px 28px;font-size:1rem;width:100%;justify-content:center}.quick-actions-title{font-size:.9rem}.quick-action-btn{padding:10px 14px;font-size:.85rem}.alternative-support{margin-top:30px;padding-top:20px}.messages-container{padding:15px 10px;gap:15px}.message-avatar{width:35px;height:35px;font-size:1.5rem}.message-content{max-width:85%}.message-bubble{padding:10px 14px;font-size:.9rem}.message-sender{font-size:.75rem}.message-time{font-size:.7rem}.in-chat-quick-replies{padding:12px 15px}.quick-replies-label{font-size:.8rem}.chat-footer{padding:12px;border-radius:0 0 15px 15px}.chat-actions{margin-bottom:10px}.action-btn{padding:6px 10px}.action-btn svg{width:16px;height:16px}.input-container{gap:8px}.message-input{padding:12px 16px;font-size:.95rem}.send-button{width:45px;height:45px}.send-button svg{width:20px;height:20px}.end-chat-modal{padding:25px 20px;max-width:95%}.end-chat-modal-icon{width:60px;height:60px;margin-bottom:15px}.end-chat-modal-icon svg{width:30px;height:30px}.end-chat-modal h3{font-size:1.3rem;margin-bottom:12px}.end-chat-modal p{font-size:.9rem;margin-bottom:20px}.end-chat-modal-actions button{padding:12px 24px;font-size:.95rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){body:not([data-theme=light]):not(.dark-mode) .live-chat-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body:not([data-theme=light]):not(.dark-mode) .chat-main{background:#2a2a2a;border-color:gold}body:not([data-theme=light]):not(.dark-mode) .welcome-section h2,body:not([data-theme=light]):not(.dark-mode) .connecting-screen h3{color:#fff}body:not([data-theme=light]):not(.dark-mode) .welcome-section>p,body:not([data-theme=light]):not(.dark-mode) .connecting-screen p,body:not([data-theme=light]):not(.dark-mode) .quick-actions-title,body:not([data-theme=light]):not(.dark-mode) .alternative-support p{color:#ccc}body:not([data-theme=light]):not(.dark-mode) .feature-item{background:#ffd7001a;border-color:#ffd7004d}body:not([data-theme=light]):not(.dark-mode) .feature-item span:last-child{color:#fff}body:not([data-theme=light]):not(.dark-mode) .quick-action-btn,body:not([data-theme=light]):not(.dark-mode) .support-link-btn,body:not([data-theme=light]):not(.dark-mode) .quick-reply-btn{background:#3a3a3a;border-color:#555;color:#ccc}body:not([data-theme=light]):not(.dark-mode) .quick-action-btn:hover,body:not([data-theme=light]):not(.dark-mode) .support-link-btn:hover,body:not([data-theme=light]):not(.dark-mode) .quick-reply-btn:hover{background:#404040;border-color:gold;color:gold}body:not([data-theme=light]):not(.dark-mode) .alternative-support{border-top-color:#555}body:not([data-theme=light]):not(.dark-mode) .agent-message .message-bubble{background:#3a3a3a;border-color:#555;color:#fff}body:not([data-theme=light]):not(.dark-mode) .message-sender{color:#999}body:not([data-theme=light]):not(.dark-mode) .in-chat-quick-replies{background:#ffd7001a;border-top-color:#ffd7004d}body:not([data-theme=light]):not(.dark-mode) .quick-replies-label{color:#ccc}body:not([data-theme=light]):not(.dark-mode) .chat-footer{background:#2a2a2a;border-color:gold}body:not([data-theme=light]):not(.dark-mode) .action-btn{background:#3a3a3a;border-color:#555}body:not([data-theme=light]):not(.dark-mode) .action-btn svg{color:#ccc}body:not([data-theme=light]):not(.dark-mode) .message-input{background:#3a3a3a;border-color:#555;color:#fff}body:not([data-theme=light]):not(.dark-mode) .message-input:focus{background:#404040;border-color:gold}body:not([data-theme=light]):not(.dark-mode) .end-chat-overlay{background:#000000d9}body:not([data-theme=light]):not(.dark-mode) .end-chat-modal{background:#2a2a2a;border-color:gold}body:not([data-theme=light]):not(.dark-mode) .end-chat-modal h3{color:#fff}body:not([data-theme=light]):not(.dark-mode) .end-chat-modal p{color:#ccc}body:not([data-theme=light]):not(.dark-mode) .cancel-btn{background:#3a3a3a;border-color:#555;color:#ccc}body:not([data-theme=light]):not(.dark-mode) .cancel-btn:hover{background:#404040;border-color:gold;color:gold}}.chat-action-buttons{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:25px}.view-history-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:transparent;border:2px solid #FFD700;color:gold;border-radius:30px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-history-button:hover{background:#ffd7001a;transform:translateY(-2px);box-shadow:0 4px 15px #ffd70033}.view-history-button svg{width:22px;height:22px}.chat-history-screen{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.chat-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.chat-history-header h2{font-size:1.5rem;font-weight:600;color:#333;margin:0}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:2px solid #333;color:#333;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#333;color:#fff}.back-button svg{width:18px;height:18px}.new-chat-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);border:none;color:#000;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.new-chat-btn svg{width:18px;height:18px}.chat-history-list{flex:1;overflow-y:auto;padding-right:10px}.chat-history-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .3s ease}.chat-history-item:hover{border-color:gold;box-shadow:0 4px 12px #ffd70026;transform:translate(5px)}.chat-history-icon{width:50px;height:50px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-history-icon svg{width:24px;height:24px;color:#000}.chat-history-content{flex:1;min-width:0}.chat-history-preview{font-size:1rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.chat-history-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#888}.chat-date{display:flex;align-items:center;gap:5px}.message-count{padding:2px 8px;background:#f0f0f0;border-radius:10px;font-size:.8rem}.chat-history-arrow{flex-shrink:0;color:#ccc;transition:all .3s ease}.chat-history-item:hover .chat-history-arrow{color:gold;transform:translate(3px)}.chat-history-arrow svg{width:20px;height:20px}.no-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-chats-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-chats h3{font-size:1.4rem;color:#333;margin-bottom:10px}.no-chats p{color:#888;margin-bottom:25px}.loading-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-spinner.small{width:24px;height:24px;border-width:2px;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-chats p{color:#888;font-size:.95rem}.load-more-chats-btn{display:block;width:100%;padding:12px;background:transparent;border:2px dashed #ddd;color:#888;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:10px}.load-more-chats-btn:hover{border-color:gold;color:gold}.load-more-chats-btn:disabled{cursor:not-allowed;opacity:.6}.load-more-messages-btn{display:block;margin:15px auto;padding:8px 20px;background:transparent;border:1px solid #ddd;color:#888;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.load-more-messages-btn:hover{border-color:gold;color:gold}.loading-more-messages{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;color:#888;font-size:.85rem}.message.pending .message-bubble{opacity:.7}.message.failed .message-bubble{border:2px solid #e74c3c}.message-footer{display:flex;align-items:center;gap:10px;margin-top:5px}.message-status{font-size:.75rem;color:#888;font-style:italic}.retry-button{padding:3px 10px;background:#e74c3c;border:none;color:#fff;border-radius:12px;font-size:.75rem;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#c0392b}.status-dot.connected{background:#27ae60;box-shadow:0 0 8px #27ae6080}.status-dot.disconnected{background:#f39c12;animation:pulse-warning 1.5s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.connection-warning{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;margin-top:10px}.connection-warning svg{width:18px;height:18px;flex-shrink:0}@media(prefers-color-scheme:dark){body:not([data-theme=light]):not(.dark-mode) .chat-history-header{border-bottom-color:#444}body:not([data-theme=light]):not(.dark-mode) .chat-history-header h2{color:#fff}body:not([data-theme=light]):not(.dark-mode) .back-button{border-color:#888;color:#ccc}body:not([data-theme=light]):not(.dark-mode) .back-button:hover{background:#444;border-color:gold;color:gold}body:not([data-theme=light]):not(.dark-mode) .chat-history-item{background:#3a3a3a;border-color:#555}body:not([data-theme=light]):not(.dark-mode) .chat-history-item:hover{border-color:gold}body:not([data-theme=light]):not(.dark-mode) .chat-history-preview{color:#fff}body:not([data-theme=light]):not(.dark-mode) .chat-history-meta{color:#999}body:not([data-theme=light]):not(.dark-mode) .message-count{background:#444;color:#ccc}body:not([data-theme=light]):not(.dark-mode) .no-chats h3{color:#fff}body:not([data-theme=light]):not(.dark-mode) .no-chats p{color:#999}body:not([data-theme=light]):not(.dark-mode) .load-more-chats-btn{border-color:#555;color:#999}body:not([data-theme=light]):not(.dark-mode) .load-more-chats-btn:hover{border-color:gold;color:gold}body:not([data-theme=light]):not(.dark-mode) .load-more-messages-btn{border-color:#555;color:#999}body:not([data-theme=light]):not(.dark-mode) .connection-warning{background:#433d00;border-color:gold;color:gold}body:not([data-theme=light]):not(.dark-mode) .view-history-button{color:gold;border-color:gold}body:not([data-theme=light]):not(.dark-mode) .view-history-button:hover{background:#ffd70026}}@media(max-width:768px){.chat-history-header{flex-wrap:wrap;gap:10px}.chat-history-header h2{order:-1;width:100%;text-align:center;font-size:1.3rem}.back-button,.new-chat-btn{flex:1;justify-content:center}.chat-history-item{padding:12px 15px}.chat-history-icon{width:40px;height:40px}.chat-history-icon svg{width:20px;height:20px}.chat-action-buttons,.view-history-button{width:100%}}@media(max-width:480px){.chat-history-header{padding-bottom:12px;margin-bottom:15px}.chat-history-header h2{font-size:1.2rem}.back-button,.new-chat-btn{padding:8px 14px;font-size:.85rem}.chat-history-preview{font-size:.9rem}.chat-history-meta{flex-wrap:wrap;gap:8px}}