@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap);*{box-sizing:border-box}html{scroll-behavior:smooth}.container{margin:0 auto;padding:0 20px;width:100%}@media (min-width:1400px){.container{max-width:1320px;padding:0 40px}body{font-size:18px}h1{font-size:3.5rem}h2{font-size:2.8rem}h3{font-size:2.2rem}}@media (min-width:1200px) and (max-width:1399px){.container{max-width:1140px;padding:0 30px}body{font-size:16px}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:1.8rem}}@media (min-width:992px) and (max-width:1199px){.container{max-width:960px;padding:0 25px}body{font-size:16px}h1{font-size:2.8rem}h2{font-size:2.2rem}h3{font-size:1.6rem}}@media (min-width:768px) and (max-width:991px){.container{max-width:720px;padding:0 20px}body{font-size:15px}h1{font-size:2.4rem}h2{font-size:1.9rem}h3{font-size:1.4rem}}@media (min-width:576px) and (max-width:767px){.container{max-width:540px;padding:0 15px}body{font-size:14px}h1{font-size:2.1rem}h2{font-size:1.7rem}h3{font-size:1.3rem}}@media (min-width:480px) and (max-width:575px){.container{max-width:100%;padding:0 12px}body{font-size:14px}h1{font-size:1.9rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}@media (max-width:479px){.container{max-width:100%;padding:0 10px}body{font-size:13px}h1{font-size:1.7rem}h2{font-size:1.4rem}h3{font-size:1.1rem}}@media (max-width:360px){.container{padding:0 8px}body{font-size:12px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1rem}}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:991px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid{gap:15px}}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}@media (max-width:767px){.flex-responsive{flex-direction:column}.flex-responsive>*{margin-bottom:15px}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}@media (max-width:767px){.mt-5{margin-top:2rem}.mb-5{margin-bottom:2rem}.p-5{padding:2rem}}@media (max-width:575px){.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.p-4{padding:1.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:767px){.text-center-mobile{text-align:center}}img{height:auto;max-width:100%}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}@media (max-width:767px){.btn{font-size:.9rem;padding:10px 20px}}@media (max-width:575px){.btn{font-size:.85rem;padding:8px 16px}}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}@media (max-width:767px){.card{border-radius:8px;padding:15px}}@media (max-width:575px){.card{border-radius:6px;padding:12px}}.form-group{margin-bottom:20px}.form-control{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;width:100%}@media (max-width:767px){.form-control{font-size:16px;padding:10px}}.nav-responsive{align-items:center;display:flex;justify-content:space-between}@media (max-width:767px){.nav-responsive{flex-direction:column;gap:15px}}.sidebar{height:100vh;overflow-y:auto;position:fixed;width:250px}@media (max-width:991px){.sidebar{width:200px}}@media (max-width:767px){.sidebar{height:auto;position:relative;width:100%}}.modal{left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.modal{max-height:95vh;width:95vw}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:767px){.table-responsive table{font-size:.9rem}.table-responsive td,.table-responsive th{padding:8px 6px}}@media (max-height:500px) and (orientation:landscape){.container{padding:0 15px}.card{padding:15px}.btn{padding:8px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{box-shadow:0 2px 3px #0000001a}.btn{border-width:.5px}}@media print{.no-print{display:none!important}body{font-size:12pt;line-height:1.4}.container{max-width:none;padding:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.auto-dark{background-color:#1a1a1a;color:#fff}}:focus{outline:2px solid #667eea;outline-offset:2px}@media (hover:none) and (pointer:coarse){.btn:hover,.card:hover{transform:none}}body,html{box-shadow:none!important;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{line-height:1.7}a,p{color:#e0e0e0}a{transition:color .3s ease}a:hover{color:#fff}button{color:#e0e0e0;font-weight:500}button,input,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;transition:all .3s ease}#root,body,html{border:none!important;outline:none!important}.login-prompt{border:2px solid #ffffff1a;color:#e0e0e0}.App{border:none!important;box-shadow:none!important;display:flex;flex-direction:column;min-height:100vh;outline:none!important;padding-top:0}.login-prompt{background:#1a1a2ef2;box-shadow:0 10px 30px #0000001a;margin:20px auto;max-width:600px;padding:60px 20px}.login-prompt h2{color:#e0e0e0;font-size:28px;font-weight:600}.login-prompt p{color:#e0e0e0cc;font-size:16px;margin-bottom:30px}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:16px;padding:14px 28px}.login-btn:hover{box-shadow:0 8px 25px #667eea4d}*{transition:color .3s ease,background-color .3s ease}div,h1,h2,h3,h4,h5,h6,p,span{color:#e0e0e0}input,textarea{background-color:#ffffff1a;color:#e0e0e0}input::placeholder,textarea::placeholder{color:#fff9}a{color:#667eea;text-decoration:none}a:hover{color:#8b9dc3}button{color:#fff}.card,.container,.section{background-color:#1a1a2ef2;color:#e0e0e0}@media (min-width:1200px){.login-prompt{max-width:700px;padding:80px 40px}.login-prompt h2{font-size:32px}.login-btn,.login-prompt p{font-size:18px}.login-btn{padding:16px 32px}}@media (max-width:1199px) and (min-width:768px){.login-prompt{max-width:550px;padding:50px 25px}.login-prompt h2{font-size:26px}.login-btn,.login-prompt p{font-size:15px}.login-btn{padding:12px 24px}}@media (max-width:767px) and (min-width:576px){.login-prompt{margin:15px;max-width:500px;padding:40px 20px}.login-prompt h2{font-size:24px}.login-btn,.login-prompt p{font-size:14px}.login-btn{padding:12px 20px}}@media (max-width:575px) and (min-width:481px){.login-prompt{border-radius:15px;margin:10px;max-width:450px;padding:35px 15px}.login-prompt h2{font-size:22px}.login-btn,.login-prompt p{font-size:13px}.login-btn{border-radius:20px;padding:10px 18px}}@media (max-width:480px){.login-prompt{border-radius:12px;margin:8px;max-width:100%;padding:30px 12px}.login-prompt h2{font-size:20px}.login-btn,.login-prompt p{font-size:12px}.login-btn{border-radius:18px;padding:8px 16px}}@media (max-width:360px){.login-prompt{border-radius:10px;margin:5px;padding:25px 10px}.login-prompt h2{font-size:18px}.login-btn,.login-prompt p{font-size:11px}.login-btn{border-radius:15px;padding:7px 14px}}@media (max-height:500px) and (orientation:landscape){.login-prompt{padding:20px 15px}.login-prompt h2{margin-bottom:10px}.login-prompt p{margin-bottom:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-prompt{border-width:1px}}@media (hover:none) and (pointer:coarse){.login-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){.login-btn{transition:none}.login-btn:hover{transform:none}}.login-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.login-prompt{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000}.login-prompt h2{color:#000}.login-prompt p{color:#333}.login-btn{background:#333;color:#fff}}.nav-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:none!important;border-radius:0!important;box-shadow:none!important;box-shadow:0 0 0 0 #fff0!important;display:flex;justify-content:space-between;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:2000}*,.nav-container{outline:none!important}*{border:none!important;box-shadow:none!important}#root,.App,.hamburger-menu,.nav-container,.nav-links,body,html{border:none!important;box-shadow:none!important;box-shadow:0 0 0 0 #fff0!important;outline:none!important}:after,:before,a,article,aside,button,div,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,main,nav,ol,p,section,select,span,table,td,textarea,th,tr,ul{border:none!important;box-shadow:none!important;outline:none!important}.cart-nav-link,.login-btn,.logout-btn,.nav-links a,.notifications-btn,.register-btn{border:1px solid #ffffff1a!important}::selection,:after,:before,:first-letter,:first-line{border:none!important;box-shadow:none!important;outline:none!important}#root,.App,body,html{margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}body{padding-top:80px}@media (max-width:768px){body{padding-top:60px}}@media (max-width:480px){body{padding-top:45px}}@media (max-width:360px){body{padding-top:40px}}.nav-brand{align-items:center;display:flex;gap:15px;margin-left:auto;position:relative;text-decoration:none;transition:all .3s ease}.nav-brand.admin-brand{gap:8px}.nav-logo{border-radius:20px;height:120px;object-fit:contain;transition:all .3s ease;width:120px}.nav-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:2px;text-shadow:none}.nav-brand-text.admin-text{font-size:1.2rem;letter-spacing:1px}.nav-brand:hover{filter:brightness(1.3);transform:scale(1.05)}.nav-brand:hover .nav-logo{filter:brightness(1.2);transform:scale(1.1)}.nav-brand:hover .nav-brand-text{filter:brightness(1.3)}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0 auto 0 0;padding:0;position:relative;z-index:1001}.nav-links a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 2px 10px #0003;color:#e8e8e8;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-3px)}.nav-links a.active{border-color:#667eea99;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cart-nav-link,.nav-links a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cart-nav-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:30px;box-shadow:0 6px 20px #667eea4d;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 24px;position:relative;transition:all .3s ease}.cart-nav-link:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 10px 30px #667eea66;filter:brightness(1.1);transform:translateY(-4px)}.cart-nav-link svg{fill:#fff;height:20px;width:20px}.cart-count{align-items:center;background:#ff6b6b;border-radius:50%;box-shadow:0 2px 8px #ff6b6b66;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.cart-count.updated{animation:cartBounce .5s ease-in-out}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notifications-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#e8e8e8;cursor:pointer;display:flex;justify-content:center;padding:12px;position:relative;transition:all .3s ease}.notifications-btn:hover{background:#667eea26;box-shadow:0 4px 15px #667eea4d;color:#667eea;transform:translateY(-2px)}.notifications-btn svg{stroke:currentColor;fill:none;height:20px;width:20px}.notification-badge{animation:pulse 2s infinite;background:#ff6b6b;border-radius:50%;box-shadow:0 2px 8px #ff6b6b66;color:#fff;font-size:.7rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.notification-badge,.user-menu{align-items:center;display:flex}.user-menu{gap:15px}.user-info{color:#e8e8e8;font-weight:500;gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;height:35px;justify-content:center;width:35px}.logout-btn{background:#f4433626;border:1px solid #f4433633;border-radius:20px;color:#ff6b6b;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#f4433640;box-shadow:0 4px 15px #f443364d;transform:translateY(-2px)}.auth-buttons{align-items:center;display:flex;gap:15px}.login-btn,.register-btn{border-radius:25px;font-size:.9rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.login-btn{background:#ffffff14;border:1px solid #ffffff26;color:#e8e8e8}.login-btn:hover{background:#667eea26;box-shadow:0 4px 15px #667eea4d;color:#667eea}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.register-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hamburger-menu{background:#0000;border:none;border-radius:8px;box-shadow:none;cursor:pointer;display:none;flex-direction:column;outline:none;padding:8px;transition:all .3s ease;z-index:1000}.hamburger-line{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.close-icon{color:#fff;font-size:24px;font-weight:700}.nav-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.nav-overlay.active{display:block}@media (min-width:769px){.nav-container{height:80px}.nav-brand{gap:12px}.nav-logo{height:55px;width:55px}.nav-brand-text{font-size:2.2rem}.nav-brand-text.admin-text{font-size:1rem}.nav-links{display:flex!important}.hamburger-menu{display:none!important}}@media (max-width:768px){.nav-container{border-bottom:none;box-shadow:none;height:60px;left:0;padding:0 15px;position:fixed;top:0;width:100%;z-index:1000}.nav-brand{gap:10px;margin-right:20px}.nav-logo{height:40px;width:40px}.nav-brand-text{font-size:1.5rem}.nav-brand-text.admin-text{font-size:.9rem}.hamburger-menu{display:flex!important;margin-right:auto;order:-1}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2efa,#16213efa);border-right:1px solid #ffffff1a;box-shadow:2px 0 10px #0000004d;flex-direction:column;gap:8px;height:calc(100vh - 60px);left:-100%;overflow-y:auto;padding:20px 0;position:fixed;top:60px;transition:all .3s ease-in-out;width:250px;z-index:1001}.nav-links.nav-open{left:0}.cart-nav-link,.nav-links a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;font-size:.9rem;justify-content:center;margin:4px auto;padding:12px 15px;position:relative;text-align:center;transition:all .3s ease;width:85%}.cart-nav-link:hover,.nav-links a:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.notifications-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:center;margin:4px auto;padding:12px 15px;transition:all .3s ease;width:85%}.notifications-btn:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.logout-btn{align-items:center;background:#f443361a;border:1px solid #f4433633;border-radius:10px;display:flex;font-size:.9rem;justify-content:center;margin:8px auto;padding:12px 15px;text-align:center;transition:all .3s ease;width:85%}.logout-btn:hover{background:#f4433633;border-color:#f443364d;transform:translateY(-1px)}#root,.App,body{padding-top:0}}@media (max-width:480px){.nav-container{border-bottom:none;box-shadow:none;height:45px;padding:0 8px}.nav-brand{gap:8px}.nav-logo{height:35px;width:35px}.nav-brand-text{font-size:1.3rem}.nav-brand-text.admin-text{font-size:.8rem}.hamburger-menu{padding:4px}.hamburger-line{height:2px;margin:2px 0;width:18px}.nav-links{gap:2px;height:calc(100vh - 45px);left:-100%;padding:8px 0;top:45px;width:180px}.nav-links.nav-open{left:0}.cart-nav-link,.nav-links a{font-size:.75rem;position:relative}.cart-nav-link,.logout-btn,.nav-links a,.notifications-btn{margin:1px auto;padding:4px 8px;width:85%}.logout-btn{font-size:.75rem}#root,.App,body{padding-top:0}}.notifications-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0006;max-height:calc(100vh - 80px);overflow-y:auto;position:fixed;right:20px;top:80px;width:350px;z-index:1002}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notifications-overlay{animation:fadeIn .3s ease-out;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notifications-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:30px;z-index:1001}.notifications-close-btn:hover{background:#fff3;transform:scale(1.1)}@media (max-width:768px){.notifications-panel{max-height:calc(100vh - 70px);right:15px;top:70px;width:300px;z-index:1002}}@media (max-width:480px){.notifications-panel{max-height:calc(100vh - 55px);right:8px;top:55px;width:250px;z-index:1002}}@media (max-width:360px){.nav-container{height:50px;padding:0 10px}.nav-brand{gap:8px}.nav-logo{height:35px;width:35px}.nav-brand-text{font-size:1.2rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-brand-text.admin-text{font-size:.8rem;max-width:100px}.hamburger-menu{padding:4px}.hamburger-line{height:2px;margin:2px 0;width:18px}.nav-links{gap:6px;height:calc(100vh - 50px);padding:15px 0;top:50px;width:230px}.cart-nav-link,.nav-links a{font-size:.85rem}.cart-nav-link,.nav-links a,.notifications-btn{margin:3px auto;padding:10px 12px;width:85%}.logout-btn{font-size:.85rem;margin:6px auto;padding:10px 12px;width:85%}.notifications-panel{margin:0 auto;max-height:calc(100vh - 65px);right:10px;top:55px;width:calc(100% - 20px)}.cart-count{font-size:.75rem;height:20px;right:-6px;top:-6px;width:20px}.notification-badge{font-size:.65rem;height:18px;width:18px}}.cart-page{background:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.cart-page.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0}.cart-header{align-items:center;background:#2d2d2d;border:1px solid #404040;border-radius:15px;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.cart-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.continue-shopping{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-flex;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.continue-shopping:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.empty-cart{background:#2d2d2d;border:1px solid #404040;border-radius:20px;box-shadow:0 4px 15px #0000004d;margin-top:60px!important;padding:60px 20px;text-align:center}.empty-cart h2{color:#fff;font-size:2.5rem;margin-bottom:15px}.empty-cart p{color:#fffc;font-size:1.2rem;margin-bottom:30px}.shop-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.shop-now-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px}.cart-items{background:#2d2d2d;border:1px solid #404040;border-radius:20px;box-shadow:0 4px 15px #0000004d;padding:20px}.cart-item{grid-gap:20px;align-items:center;background:#404040;border:1px solid #555;border-radius:15px;display:grid;gap:20px;grid-template-columns:120px 1fr auto auto auto;margin-bottom:20px;padding:20px;transition:all .3s ease}.cart-item:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.item-image{border-radius:10px;box-shadow:0 4px 15px #0003;height:120px;overflow:hidden;width:120px}.item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-image img:hover{transform:scale(1.1)}.item-details h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 10px}.item-details p{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin:0 0 10px}.item-price{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:10px}.item-availability{margin-top:10px}.availability-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.availability-badge.in-stock{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.availability-badge.out-of-stock{background:#f4433633;border:1px solid #f443364d;color:#f44336}.item-quantity{background:#555;border:1px solid #ffffff1a;border-radius:25px;gap:10px;padding:8px 15px}.item-quantity,.quantity-btn{align-items:center;display:flex}.quantity-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;height:35px;justify-content:center;transition:all .3s ease;width:35px}.quantity-btn:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.1)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quantity{color:#fff;font-size:1.1rem;font-weight:600;min-width:30px;text-align:center}.item-total{color:#667eea;font-size:1.3rem;font-weight:700;text-align:center}.remove-btn{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.remove-btn:hover{box-shadow:0 4px 15px #ff6b6b66;transform:scale(1.1) rotate(90deg)}.cart-summary{background:#2d2d2d;border:1px solid #404040;border-radius:20px;box-shadow:0 4px 15px #0000004d;height:fit-content;padding:30px;position:sticky;top:20px}.cart-summary h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;text-align:center}.summary-item{align-items:center;border-bottom:1px solid #404040;color:#fff;display:flex;font-size:1.1rem;justify-content:space-between;padding:15px 0}.summary-item:last-of-type{border-bottom:none}.summary-item.total{border-bottom:none;border-top:2px solid #667eea4d;color:#667eea;font-size:1.4rem;font-weight:700;margin-top:10px;padding-top:20px}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:25px;padding:18px;transition:all .3s ease;width:100%}.checkout-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.shipping-form-container{align-items:center;background:#1a1a1a;display:flex;justify-content:center;min-height:100vh;padding:20px}.shipping-form-container.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)}.shipping-form{background:#2d2d2d;border:1px solid #404040;border-radius:20px;box-shadow:0 8px 32px #00000080;max-width:800px;padding:40px;width:100%}.form-header{margin-bottom:30px;text-align:center}.form-header h2{color:#fff;font-size:2.5rem;margin:0 0 10px}.form-header p{color:#fffc;font-size:1.1rem;margin:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input[type=tel]{background:linear-gradient(135deg,#667eea1a,#764ba21a);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");background-position:15px;background-repeat:no-repeat;background-size:18px;border:2px solid #667eea4d;padding-left:45px;position:relative}.form-group input[type=tel]:focus{background:linear-gradient(135deg,#667eea26,#764ba226);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 1 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 1 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");background-position:15px;background-repeat:no-repeat;background-size:18px;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-group input[type=tel]:hover{background:linear-gradient(135deg,#667eea33,#764ba233);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 1 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 1 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");background-position:15px;background-repeat:no-repeat;background-size:18px;border-color:#667eea80;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.form-group input[type=tel]::placeholder{color:#667eeab3;font-weight:500}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select option{background:#2d2d2df2;border:none;color:#fff;font-size:1rem;padding:12px 15px}.form-group select option:hover{background:#667eea33}.form-group select option:checked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-group select:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:20px;margin-top:30px}.back-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.back-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.back-btn:hover{background:#fff3}.submit-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px #4ecdc44d;color:#fff}.submit-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.checkout-animation{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;text-align:center}.animation-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;max-width:400px;padding:40px}.animation-container h2{color:#fff;font-size:1.8rem;margin:20px 0 10px}.animation-container p{color:#fffc;font-size:1.1rem}.login-prompt{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:60vh;text-align:center}.login-prompt h2{color:#fff;font-size:2rem;margin-bottom:15px}.login-prompt p{color:#fffc;font-size:1.1rem;margin-bottom:25px}.login-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);border:none;border-radius:25px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}@media (max-width:768px){.cart-content{gap:20px;grid-template-columns:1fr}.form-group select,.form-group select option{font-size:16px;padding:14px 15px}.form-group input[type=tel]{background-position:12px;background-size:16px;font-size:16px;padding:14px 15px 14px 45px}.cart-item{gap:15px;grid-template-columns:80px 1fr;padding:15px}.item-image{height:80px;width:80px}.item-quantity,.item-total,.remove-btn{grid-column:2;justify-self:start;margin-top:10px}.form-row{grid-template-columns:1fr}.cart-header,.form-actions{flex-direction:column}.cart-header{gap:15px;text-align:center}.cart-header h1{font-size:2rem}}@media (max-width:480px){.form-group input[type=tel]{background-position:10px;background-size:14px;font-size:16px;padding:12px 12px 12px 40px}.form-group input[type=tel]::placeholder{font-size:14px}}.notifications-container{animation:none;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 80px);overflow:hidden;overflow-y:auto;position:relative;transition:all .3s ease;width:100%}.notifications-container:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:25px 20px;position:relative}.notifications-header:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.notifications-header h3{font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0;position:relative;z-index:1}.notifications-actions{align-items:center;display:flex;gap:15px;position:relative;z-index:1}.unread-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;box-shadow:0 4px 15px #ff6b6b66;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mark-all-read-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.mark-all-read-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.notifications-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 140px);overflow-y:auto;padding:0}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#ffffff1a}.notifications-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.notification-item{align-items:flex-start;animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:12px;margin:0 10px;padding:15px 20px;transition:all .3s ease}.notification-item:first-child{animation-delay:.1s}.notification-item:nth-child(2){animation-delay:.2s}.notification-item:nth-child(3){animation-delay:.3s}.notification-item:nth-child(4){animation-delay:.4s}.notification-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-item:hover{background:#ffffff1a;border-color:#667eea4d;box-shadow:0 8px 25px #0003;transform:translateY(-3px) scale(1.02)}.notification-item.unread{background:linear-gradient(135deg,#667eea26,#764ba21a);border:2px solid #667eea66;position:relative}.notification-item.unread:before{animation:pulse 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:15px 15px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.notification-item.unread:hover{background:linear-gradient(135deg,#667eea40,#764ba233);border-color:#667eea99;box-shadow:0 8px 25px #667eea4d}.notification-item.unread:active,.notification-item:active{transform:scale(.98)}.notification-icon{align-items:center;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.rejection-icon{color:#ff6b6b}.deletion-icon{color:#ffa726}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.notification-message{color:#fff;font-size:.95rem;font-weight:600;line-height:1.5;margin:0;text-shadow:0 1px 2px #0000004d}.notification-date{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:8px;color:#ffffffb3;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.unread-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #ff6b6b66;flex-shrink:0;height:10px;margin-left:auto;width:10px}.no-notifications{color:#ffffffb3;padding:40px 20px;text-align:center}.no-notifications p{font-size:1rem;font-weight:500;margin:0}.notification-item.loading{opacity:.7}.notification-item.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.notifications-container{max-height:calc(100vh - 70px)}.notifications-header{padding:20px 15px}.notifications-header h3{font-size:1.2rem}.notifications-actions{gap:10px}.unread-badge{font-size:.7rem;height:20px;width:20px}.mark-all-read-btn{font-size:.75rem;padding:5px 10px}.notification-item{border-radius:12px;margin:0 8px;padding:12px 15px}.notification-message{font-size:.85rem}.notification-icon{border-radius:10px;font-size:1.1rem;height:40px;width:40px}.notifications-list{gap:8px}.deletion-icon,.rejection-icon{font-size:1rem}}@media (max-width:480px){.notifications-container{max-height:calc(100vh - 60px)}.notifications-header{padding:15px 12px}.notifications-header h3{font-size:1.1rem}.notification-item{border-radius:10px;margin:0 6px;padding:10px 12px}.notification-message{font-size:.8rem}.notification-date{font-size:.7rem;padding:3px 6px}.unread-indicator{height:8px;width:8px}.notification-icon{border-radius:8px;font-size:1rem;height:35px;width:35px}.notifications-list{gap:6px}}
/*# sourceMappingURL=main.27365788.css.map*/