*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,body{overflow-x:hidden}.App{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;min-height:calc(100vh - 160px);padding-top:80px}.btn{border-radius:8px;display:inline-block;font-family:Poppins,sans-serif;font-weight:500;padding:10px 20px}.btn-primary:hover{box-shadow:0 10px 20px #667eea66}.section-title{color:#333;margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.2rem;margin-bottom:3rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:10px 15px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;min-height:120px;padding:10px 15px;resize:vertical;transition:border-color .3s ease;width:100%}.form-textarea:focus{border-color:#667eea;outline:none}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#667eea;display:inline-block;height:50px;margin:50px auto;width:50px}@media (max-width:1024px){.container{padding:0 15px}.section-title{font-size:2.2rem}}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.main-content{padding-top:70px}.btn{font-size:.9rem;padding:8px 16px}.card{margin-bottom:1rem}}@media (max-width:480px){.container{padding:0 10px}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem;margin-bottom:2rem}.main-content{padding-top:60px}.btn{font-size:.85rem;padding:8px 12px;width:100%}.form-input,.form-select,.form-textarea{font-size:16px}}@media (max-width:360px){.section-title{font-size:1.5rem}.section-subtitle{font-size:.85rem}.container{padding:0 8px}}@media (max-height:500px) and (orientation:landscape){.main-content{padding-top:50px}}@media (max-width:480px){body{font-size:14px;line-height:1.5}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn,button{font-size:1rem;min-height:44px;padding:.75rem 1rem;touch-action:manipulation}input,select,textarea{font-size:16px;min-height:44px;padding:.75rem}.grid,.products-grid,.stats-grid{gap:1rem;grid-template-columns:1fr!important}}@media (min-width:481px) and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.nav-menu{background:#fff;flex-direction:column;height:calc(100vh - 60px);left:-100%;overflow-y:auto;position:fixed;top:60px;transition:left .3s ease;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item{border-bottom:1px solid #f0f0f0;padding:1rem;width:100%}.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.stats-grid{grid-template-columns:1fr!important}.admin-table-container{overflow-x:auto}.products-grid{grid-template-columns:1fr!important}.product-card{display:flex;flex-direction:row;gap:1rem}.product-card img{height:100px;width:100px}.cart-item{flex-direction:column}.cart-summary{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;position:-webkit-sticky;position:sticky}.btn:active,button:active{opacity:.8;transform:scale(.98)}*{-webkit-tap-highlight-color:transparent}}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#667eea;font-size:1.8rem;font-weight:700;gap:10px;text-decoration:none}.logo-icon,.navbar-logo{transition:font-size .3s ease}.logo-icon{font-size:1.6rem}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:#333;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#667eea}.admin-link{color:#f39c12;font-weight:600}.nav-icons{gap:1.5rem;margin-left:auto}.nav-icon-link,.nav-icons{align-items:center;display:flex}.nav-icon-link{color:#333;font-size:1.3rem;justify-content:center;min-height:44px;min-width:44px;position:relative;text-decoration:none;transition:color .3s ease}.nav-icon-link:hover{color:#667eea}.cart-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:20px}.user-menu{position:relative}.user-icon{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;min-height:44px;min-width:44px;transition:color .3s ease}.user-icon:hover{color:#667eea}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:10px;min-width:150px;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transition:all .3s ease;visibility:hidden}.user-menu:hover .user-dropdown{opacity:1;visibility:visible}.user-name{border-bottom:1px solid #eee;font-weight:600;margin-bottom:.5rem}.dropdown-link,.user-name{color:#333;display:block;padding:.5rem 0}.dropdown-link{text-decoration:none;transition:color .3s ease}.dropdown-link:hover{color:#667eea}.logout-btn{background:none;color:#ff4757;font-family:Poppins,sans-serif;font-weight:500;padding:.5rem 0;transition:color .3s ease}.logout-btn:hover{color:#ff6b81}.menu-icon{display:none}@media screen and (max-width:768px){.navbar{height:auto}.navbar-container{min-height:60px;padding:.5rem 1rem}.navbar-logo{font-size:1.2rem;gap:6px}.logo-icon{font-size:1.1rem}.menu-icon{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;min-height:40px;min-width:40px}.nav-menu{background-color:#fff;box-shadow:0 10px 27px #0000000d;flex-direction:column;left:-100%;max-height:calc(100vh - 60px);overflow-y:auto;padding:1rem 0;position:fixed;text-align:center;top:60px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item{padding:.5rem 0}.nav-icons{align-items:center;display:flex;gap:.6rem;margin-left:auto}.nav-icon-link,.user-icon{font-size:1.2rem;min-height:40px;min-width:40px}.cart-badge{font-size:.7rem;height:18px;right:2px;top:2px;width:18px}.user-dropdown{min-width:180px;right:-10px}.dropdown-link{font-size:.95rem;padding:.75rem 1rem}.logout-btn{padding:.75rem 1rem;text-align:left;width:100%}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:60px}.scroll-to-top{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea66;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px;z-index:998}.scroll-to-top:hover{box-shadow:0 10px 25px #667eea99;transform:translateY(-5px)}.footer-main{padding:50px 20px 30px}.footer-container{margin:0 auto;max-width:1200px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:15px}.logo-icon{color:#4caf50;font-size:2rem}.footer-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0}.footer-description{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin-bottom:15px}.footer-badges{display:flex;flex-wrap:wrap;gap:10px}.badge{background:#667eea26;border:1px solid #667eea4d;color:#b0b0b0;font-size:.85rem;gap:6px;padding:6px 12px}.badge svg{color:#667eea}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:#b0b0b0;display:inline-block;font-size:.9rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#667eea;transform:translateX(5px)}.contact-list{display:flex;flex-direction:column;gap:12px}.contact-link{align-items:center;color:#b0b0b0;display:flex;font-size:.9rem;gap:10px;text-decoration:none;transition:color .3s}.contact-link:hover{color:#667eea}.contact-link svg{color:#667eea;font-size:1rem}.mpesa-info{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;color:#b0b0b0;display:flex;font-size:.9rem;gap:8px;margin-top:15px;padding:12px}.mpesa-info svg{color:#4caf50;font-size:1.2rem}.mpesa-info strong{color:#fff}.footer-bottom{background:#0f0f1e;border-top:1px solid #ffffff1a;padding:20px}.footer-bottom-content{justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom-content,.footer-copyright{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.footer-copyright p{color:#888;font-size:.9rem;margin:0}.footer-legal{display:flex;gap:15px}.footer-legal a{color:#b0b0b0;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-legal a:hover{color:#667eea}.footer-social{display:flex;gap:12px}.social-link{background:#ffffff1a;border-radius:50%;color:#fff;font-size:1rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.social-link:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-3px)}.social-link:first-child:hover{background:#1877f2}.social-link:nth-child(2):hover{background:#1da1f2}.social-link:nth-child(3):hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link:nth-child(4):hover{background:#0077b5}.social-link:nth-child(5):hover{background:#25d366}.social-link:nth-child(6):hover{background:red}@media (max-width:1024px){.footer-grid{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-main{padding:30px 15px 20px}.footer-grid{gap:30px;grid-template-columns:1fr}.footer-section h4:after{left:50%;margin:0 auto;transform:translateX(-50%)}.footer-section{text-align:center}.footer-badges,.footer-logo{justify-content:center}.contact-list,.footer-links{align-items:center}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}.footer-copyright{flex-direction:column;gap:10px}.footer-legal,.footer-social{justify-content:center}.scroll-to-top{bottom:20px;height:45px;right:20px;width:45px}}@media (max-width:480px){.footer-logo h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.badge{font-size:.8rem;padding:5px 10px}.social-link{font-size:.9rem;height:36px;width:36px}.footer-copyright p{font-size:.85rem}}.announcement-banner{animation:slideDown .5s ease-out;position:relative;width:100%;z-index:100}.announcement-container{padding:12px 20px;width:100%}.announcement-content{align-items:center;display:flex;gap:15px;margin:0 auto;max-width:1200px;position:relative}.announcement-icon{flex-shrink:0}.priority-icon{font-size:1.5rem}.priority-icon.urgent{animation:pulse 1.5s infinite;color:#fff}.priority-icon.high{color:gold}.priority-icon.normal{color:#fff}.announcement-text{color:#fff;flex:1 1}.announcement-title{font-size:1rem;font-weight:600;margin:0 0 5px}.announcement-message{font-size:.9rem;margin:0;opacity:.95}.announcement-indicator{background:#0003;border-radius:12px;color:#fff;font-size:.85rem;opacity:.7;padding:2px 8px}.announcement-close{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.announcement-close:hover{background:#ffffff1a;transform:translateY(-50%) scale(1.1)}.announcement-normal{background:linear-gradient(135deg,#667eea,#764ba2)}.announcement-high{background:linear-gradient(135deg,#f093fb,#f5576c)}.announcement-urgent{animation:urgentPulse 2s infinite;background:linear-gradient(135deg,#fa709a,#fee140)}@keyframes urgentPulse{0%,to{box-shadow:0 4px 20px #fa709a66}50%{box-shadow:0 4px 30px #fa709a99}}@media (max-width:768px){.announcement-content{padding:0}.announcement-title{font-size:.9rem}.announcement-message{font-size:.85rem}.announcement-indicator{display:none}.announcement-close{margin-left:auto;position:static;transform:none}}.chat-button{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;bottom:100px;box-shadow:0 8px 25px #4caf5066;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:999}.chat-button:hover{box-shadow:0 12px 35px #4caf5099;transform:scale(1.1)}.chat-button.active{animation:none;background:linear-gradient(135deg,#45a049,#4caf50)}.chat-badge{background:#48bb78;border-radius:10px;box-shadow:0 2px 8px #48bb7866;color:#fff;font-size:.65rem;font-weight:700;padding:3px 6px;position:absolute;right:-5px;top:-5px}.chat-backdrop{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:997}.chat-window{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:650px;left:50%;max-height:90vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:450px;z-index:998}.chat-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.chat-header-content{align-items:center;display:flex;gap:12px}.chat-header-actions{align-items:center;display:flex;gap:10px}.chat-mode-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s;width:36px}.chat-mode-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-mode-btn.active{background:#fff6;box-shadow:0 0 0 2px #ffffff80}.chat-action-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s;width:32px}.chat-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-header-icon{animation:rotate 3s linear infinite;font-size:1.8rem}.chat-header h3{font-size:1.1rem;font-weight:700;margin:0}.chat-header p{font-size:.75rem;margin:0;opacity:.9}.chat-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.chat-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.chat-messages{background:#f7fafc;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#e2e8f0}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.message{animation:fadeIn .3s ease-out;display:flex;gap:10px}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.message-content{word-wrap:break-word;border-radius:12px;font-size:.95rem;line-height:1.5;max-width:70%;padding:12px 16px;white-space:pre-wrap}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.assistant-message .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014;color:#2d3748}.typing-indicator{display:flex;gap:4px;padding:16px}.typing-indicator span{animation:typing 1.4s infinite;background:#cbd5e0;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{background:#cbd5e0;transform:translateY(0)}30%{background:#a0aec0;transform:translateY(-10px)}}.quick-questions{background:#fff;border-top:1px solid #e2e8f0;padding:15px 20px}.quick-questions p{color:#718096;font-size:.85rem;font-weight:600;margin:0 0 10px}.quick-questions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.quick-question-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:.8rem;padding:8px 12px;text-align:left;transition:all .3s}.quick-question-btn:hover{background:#e0e7ff;border-color:#667eea;transform:translateY(-2px)}.chat-input-container{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:15px 20px}.chat-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input:disabled{background:#f7fafc;cursor:not-allowed}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;transition:all .3s;width:44px}.chat-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.voice-input-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;transition:all .3s;width:44px}.voice-input-btn:hover:not(:disabled){background:#e0e7ff;border-color:#667eea;transform:scale(1.05)}.voice-input-btn.listening{animation:pulse-voice 1.5s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.voice-input-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes pulse-voice{0%,to{box-shadow:0 0 0 0 #667eeab3}50%{box-shadow:0 0 0 10px #667eea00}}.pulse{animation:pulse-icon 1s infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.message-content-wrapper{display:flex;flex-direction:column;gap:5px;max-width:70%}.voice-btn{align-items:center;align-self:flex-start;background:#667eea1a;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:6px 12px;transition:all .3s}.voice-btn:hover{background:#667eea33;transform:translateY(-1px)}.voice-btn .speaking{animation:pulse-icon .5s infinite;color:#48bb78}.suggested-questions{animation:slideIn .3s ease-out;background:#fffbeb;border-top:1px solid #fef3c7;padding:12px 20px}.suggested-questions p{color:#92400e;font-size:.8rem;font-weight:600;margin:0 0 8px}.suggested-questions-list{display:flex;flex-direction:column;gap:6px}.suggested-question-btn{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:8px;color:#92400e;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:8px 12px;text-align:left;transition:all .3s}.suggested-question-btn:before{color:#fbbf24;content:"→";font-weight:700}.suggested-question-btn:hover{background:#fef3c7;border-color:#f59e0b;transform:translateX(5px)}@media (max-width:768px){.chat-window{border-radius:16px;height:calc(100vh - 100px);left:50%;max-height:calc(100vh - 100px);top:50%;transform:translate(-50%,-50%);width:calc(100vw - 20px)}.chat-button{bottom:90px;font-size:1.3rem;height:56px;right:20px;width:56px}.message{line-height:1.6;max-width:85%;padding:12px 16px}.message,.message-content{font-size:.95rem}.chat-input{font-size:16px!important;min-height:48px;padding:14px}.send-button,.voice-button{font-size:1.2rem;min-height:48px;min-width:48px}.mode-toggle{gap:8px;padding:10px}.mode-button{font-size:.9rem;min-height:44px;padding:10px 16px}.quick-question-btn{font-size:.9rem;min-height:44px;padding:12px 16px}.chat-header h3{font-size:1.1rem}.chat-header p{font-size:.85rem}.header-btn{font-size:1.1rem;height:38px;width:38px}.quick-questions-grid{grid-template-columns:1fr}}@media (max-width:480px){.chat-window{border-radius:0;bottom:0;height:100vh;left:0;right:0;top:0;transform:none;width:100vw}.chat-header{padding:18px 16px}.chat-header h3{font-size:1.05rem}.chat-messages{gap:14px;padding:16px}.message{font-size:1rem;padding:14px 16px}.chat-input-container{gap:10px;padding:14px 16px}.chat-input{font-size:16px!important;padding:14px 16px}.send-button,.voice-button{min-height:50px;min-width:50px}.mode-button{font-size:.95rem;padding:12px 18px}.quick-question-btn{font-size:.95rem;padding:14px 18px}.suggested-question-btn{font-size:.9rem;padding:12px 16px}}.product-image-wrapper{background:#f8f9fa;border-radius:12px;width:100%}.product-image-wrapper.small{height:80px}.product-image-wrapper.medium{height:250px}.product-image-wrapper.large{height:400px}.product-image{height:100%;transition:opacity .3s ease,transform .3s ease;width:100%}.product-image.loading{opacity:0}.product-image.loaded{opacity:1}.product-image:hover{transform:scale(1.05)}.image-loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-shimmer{height:100%;width:100%}.product-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef3);border:2px dashed #d0d7de;border-radius:12px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.product-image-placeholder.small{height:80px}.product-image-placeholder.medium{height:250px}.product-image-placeholder.large{height:400px}.product-image-placeholder:hover{background:linear-gradient(135deg,#e8eef3,#dce4ec);border-color:#b8c5d0}.placeholder-icon{color:#9ca3af;font-size:3rem;margin-bottom:10px}.product-image-placeholder.small .placeholder-icon{font-size:1.5rem;margin-bottom:0}.product-image-placeholder.large .placeholder-icon{font-size:5rem}.placeholder-text{color:#6b7280;font-size:.9rem;font-weight:500;text-align:center}.product-image-placeholder.small .placeholder-text{font-size:.7rem}.product-image-placeholder.large .placeholder-text{font-size:1.1rem}@media (max-width:768px){.product-image-wrapper.medium{height:200px}.product-image-wrapper.large{height:300px}.placeholder-icon{font-size:2rem}.product-image-placeholder.large .placeholder-icon{font-size:3rem}}.quick-view-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.quick-view-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:25px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1100px;overflow-y:auto;position:relative;width:100%}.close-btn{background:#ffffffe6;box-shadow:0 4px 15px #0003;color:#424242;height:45px;position:absolute;right:20px;top:20px;width:45px;z-index:10}.close-btn:hover{transform:rotate(90deg) scale(1.1)}.quick-view-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}.quick-view-left{display:flex;flex-direction:column;gap:20px}.product-image-container{align-items:center;aspect-ratio:1;background:#f8faf9;border-radius:20px;display:flex;justify-content:center;overflow:hidden;position:relative}.product-image-container img{height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:#00000080;bottom:0;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s;z-index:2}.video-overlay:hover{background:#000000b3}.play-icon{animation:pulse 2s infinite;color:#fff;font-size:4rem}.video-overlay span{color:#fff;font-size:1.1rem;font-weight:600}.video-container{padding-top:56.25%;position:relative;width:100%}.video-container iframe{border-radius:15px;height:100%;left:0;position:absolute;top:0;width:100%}.close-video-btn{align-items:center;background:#000c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;position:absolute;right:10px;top:10px;transition:all .3s;z-index:10}.close-video-btn:hover{background:#f44336}.product-badges-row{display:flex;flex-wrap:wrap;gap:10px}.product-badges-row .badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 16px}.badge.fresh{background:#e8f5e9;color:#2e7d32}.badge.organic{background:#fff3e0;color:#f57c00}.badge.video{background:#e3f2fd;color:#1976d2}.quick-view-right{display:flex;flex-direction:column;gap:25px}.product-title{color:#212121;font-size:2rem;font-weight:800;line-height:1.3;margin:0}.product-rating-row{align-items:center;display:flex;gap:12px}.stars{color:#ffc107;display:flex;font-size:1.1rem;gap:4px}.rating-text{color:#757575;font-size:.95rem}.product-price-section{align-items:baseline;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:15px;color:#fff;display:flex;gap:10px;padding:20px}.current-price{font-size:2.5rem;font-weight:900}.price-unit{font-size:1.1rem;opacity:.9}.size-selection{display:flex;flex-direction:column;gap:12px}.size-selection label{color:#424242;font-size:1rem;font-weight:700}.size-buttons{display:flex;flex-wrap:wrap;gap:10px}.size-btn{align-items:center;background:#f8faf9;border:2px solid #e0e0e0;border-radius:12px;color:#424242;cursor:pointer;display:flex;flex-direction:column;font-weight:600;padding:12px 20px;transition:all .3s}.size-btn span{color:#4caf50;font-size:.85rem;font-weight:700}.size-btn:hover{border-color:#4caf50;box-shadow:0 5px 15px #4caf5033;transform:translateY(-3px)}.size-btn.active{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;color:#fff}.size-btn.active span{color:#fff}.ai-description-section{background:#f8faf9;border-left:4px solid #4caf50;border-radius:15px;padding:20px}.ai-description-section h3{align-items:center;color:#2e7d32;display:flex;font-size:1.2rem;gap:10px;margin:0 0 12px}.ai-description-section .spinner{animation:spin 1s linear infinite;color:#4caf50}.loading-placeholder p{color:#757575;font-style:italic;margin:0}.ai-description{color:#424242;font-size:1rem;line-height:1.7;margin:0}.nutritional-benefits{background:#fff3e0;border-left:4px solid #ff9800;border-radius:15px;padding:20px}.nutritional-benefits h3{color:#f57c00;font-size:1.1rem;font-weight:700;margin:0 0 15px}.nutritional-benefits ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.nutritional-benefits li{align-items:center;color:#424242;display:flex;font-weight:600;gap:10px}.nutritional-benefits .check-icon{color:#ff9800;font-size:1.1rem}.cart-actions{align-items:flex-end;display:flex;gap:15px}.quantity-selector{flex:0 0 auto;flex-direction:column;gap:8px}.quantity-selector label{color:#424242;font-size:.95rem;font-weight:700}.quantity-controls{background:#f8faf9;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden}.quantity-controls button{background:#fff;border:none;color:#4caf50;cursor:pointer;font-size:1.5rem;font-weight:700;height:45px;transition:all .2s;width:45px}.quantity-controls button:hover{background:#4caf50;color:#fff}.quantity-controls span{color:#212121;font-size:1.2rem;font-weight:700;min-width:50px;text-align:center}.add-to-cart-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:12px;box-shadow:0 5px 20px #4caf504d;flex:1 1;font-size:1.1rem;gap:10px;padding:16px 30px}.add-to-cart-btn:hover{box-shadow:0 8px 30px #4caf5080;transform:translateY(-3px)}.add-to-cart-btn:active{transform:translateY(0)}.additional-info{border-top:2px solid #f0f0f0;display:flex;flex-direction:column;gap:15px;padding-top:20px}.info-item{align-items:start;gap:15px}.info-item .icon{color:#4caf50;font-size:1.5rem;margin-top:3px}.info-item strong{color:#212121;font-size:1rem;margin-bottom:4px}.info-item p{color:#757575;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:968px){.quick-view-content{gap:30px;grid-template-columns:1fr;padding:30px 25px}.product-title{font-size:1.75rem}.current-price{font-size:2rem}.cart-actions{align-items:stretch;flex-direction:column}.add-to-cart-btn{width:100%}}@media (max-width:768px){.quick-view-modal{border-radius:20px 20px 0 0;margin-top:auto;max-height:95vh}.quick-view-content{padding:25px 20px}.close-btn{font-size:1.3rem;height:40px;right:15px;top:15px;width:40px}.product-title{font-size:1.5rem}.current-price{font-size:1.75rem}.ai-description-section,.nutritional-benefits{padding:15px}}@media (max-width:480px){.quick-view-content{gap:20px;padding:20px 15px}.product-badges-row .badge{font-size:.75rem;padding:6px 12px}.size-btn{font-size:.9rem;padding:10px 16px}.play-icon{font-size:3rem}}.home{overflow-x:hidden;width:100%}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:90vh;overflow:hidden;position:relative}.hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E")}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1400px;padding:60px 5%}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{color:#fff;font-size:.9rem;padding:8px 20px}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin:0 0 25px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:30px;max-width:550px}.hero-features{display:flex;flex-direction:column;gap:12px;margin-bottom:35px}.hero-feature{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:10px}.hero-feature svg{color:#4ade80;font-size:1.2rem}.hero-buttons{margin-bottom:40px}.btn-large{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #0003}.btn-primary:hover{box-shadow:0 6px 25px #0000004d}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.hero-stats{gap:40px}.stat{display:flex;flex-direction:column;gap:5px}.stat strong{color:#fff;font-size:2rem;font-weight:800}.stat span{color:#fffc;font-size:.9rem}.hero-image{animation:fadeInRight .8s ease-out;position:relative}.image-wrapper{border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative}.image-wrapper img{border-radius:20px;display:block;height:auto;width:100%}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;color:#2d3748;display:flex;font-weight:600;gap:10px;padding:15px 25px;position:absolute}.floating-card svg{color:#667eea;font-size:1.5rem}.card-1{right:-20px;top:20px}.card-2{animation-delay:1.5s;bottom:30px;left:-20px}.features{background:#f7fafc;padding:100px 5%}.section-badge{align-items:center;background:linear-gradient(135deg,#fef5e7,#fdebd0);border:2px solid #fbbf24;border-radius:50px;color:#d97706;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:20px;padding:8px 20px}.section-title{font-size:2.5rem;font-weight:800;margin:0 0 15px}.section-description{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.features{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;padding:80px 20px;position:relative}.features:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='%234CAF50' opacity='.1'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.feature-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;min-height:320px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #0000001a;transform:translateY(-10px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;display:flex;height:80px;justify-content:center;margin:0 auto 25px;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-icon{color:#fff;font-size:2.5rem}.feature-card h3{color:#2d3748;font-size:1.4rem;font-weight:700;margin:0 0 15px}.feature-card p{color:#718096;line-height:1.8;margin:0 0 20px}.feature-badge{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;font-size:.85rem;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .3s ease}.feature-card:hover .feature-badge{box-shadow:0 6px 20px #4caf5066;transform:scale(1.05)}.feature-card.featured{padding:45px 35px}.feature-stats{border-bottom:2px solid #e2e8f0;border-top:2px solid #e2e8f0;display:flex;gap:20px;margin:20px 0;padding:15px 0}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-item strong{color:#667eea;font-size:1.3rem;font-weight:800}.stat-item span{color:#718096;font-size:.85rem}.feature-badge,.stat-item span{letter-spacing:.5px;text-transform:uppercase}.feature-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:6px 16px}.benefits-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:20px;margin-top:80px;padding:60px}.benefits-title{color:#2d3748;font-size:2rem;font-weight:800;margin:0 0 40px;text-align:center}.benefits-grid{grid-gap:25px;gap:25px}.benefit-item{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:12px;display:flex;gap:15px;padding:25px;transition:all .3s ease}.benefit-item:hover{border-color:#667eea;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.benefit-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.benefit-content h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 8px}.benefit-content p{color:#718096;font-size:.95rem;line-height:1.6;margin:0}.testimonial-section{margin-left:auto;margin-right:auto;margin-top:80px;max-width:900px}.testimonial-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 60px #667eea4d;padding:50px}.quote-icon{color:#fff3;font-family:Georgia,serif;font-size:6rem;left:30px;line-height:1}.testimonial-text{color:#fff;font-size:1.3rem;margin:0 0 30px}.testimonial-author,.testimonial-text{position:relative;z-index:1}.author-avatar{background:#fff;color:#667eea;font-size:1.8rem;height:60px;width:60px}.author-info{flex:1 1;gap:5px}.author-info strong{color:#fff;font-size:1.1rem;font-weight:700}.author-info span{color:#fffc}.testimonial-rating svg{color:#fbbf24;font-size:1.2rem}.featured-products{background:#fff;padding:100px 5%}.loading-container{padding:80px 20px;text-align:center}.loading-container p{color:#718096}.products-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto 50px;max-width:1200px}.product-card{animation:fadeInUp .6s ease-out both;border:2px solid #e2e8f0;border-radius:15px}.product-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-10px)}.product-image-wrapper{background:#f7fafc;height:200px}.product-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;box-shadow:0 4px 15px #48bb784d;color:#fff;font-size:.8rem;font-weight:700;left:15px;padding:6px 14px;position:absolute;text-transform:uppercase;top:15px}.product-overlay{background:#667eeae6}.btn-quick-view{font-weight:600;padding:12px 24px;transition:all .3s ease}.product-info{padding:18px}.product-name{color:#2d3748;font-size:1rem;font-weight:700;margin:0 0 10px}.product-rating{gap:5px;margin-bottom:12px}.product-rating svg{font-size:.8rem}.product-rating span{font-size:.85rem;margin-left:5px}.product-price{gap:6px;margin-bottom:15px}.price-label{font-size:.85rem}.price-value{color:#667eea;font-size:1.5rem;font-weight:800}.price-unit{color:#718096;font-size:.85rem}.btn-view-product{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .3s ease;width:100%}.btn-view-product:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.view-all{margin-top:50px;text-align:center}.empty-state h3{font-size:1.5rem;margin:0 0 10px}.empty-state p{margin-bottom:25px}.cta{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:100px 5%;position:relative}.cta-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.cta-title{color:#fff;font-size:3rem;font-weight:800;margin:0 0 20px}.cta-description{color:#fffffff2;font-size:1.2rem;line-height:1.8;margin-bottom:35px}.cta-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.cta-feature{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:10px}.cta-feature svg{color:#4ade80;font-size:1.2rem}.cta-buttons{gap:15px}@media (max-width:1024px){.hero-container{gap:40px;grid-template-columns:1fr}.hero-image{order:-1}.hero-title{font-size:2.8rem}.hero-stats{gap:30px}}@media (max-width:768px){.hero{min-height:auto;padding:60px 0}.hero-container{padding:40px 5%}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn-large{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;gap:20px}.stat strong{font-size:1.5rem}.floating-card{font-size:.9rem;padding:10px 15px}.features{overflow:hidden;padding:60px 0}.section-header{padding:0 5%}.section-title{font-size:2rem}.section-description{font-size:1rem}.section-badge{font-size:.85rem;padding:6px 15px}.features-grid{-webkit-overflow-scrolling:touch;display:flex;gap:20px;margin:0 -5%;overflow-x:auto;padding:0 5% 20px;scroll-snap-type:x mandatory}.features-grid::-webkit-scrollbar{height:8px}.features-grid::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.features-grid::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.feature-card{flex:0 0 280px;scroll-snap-align:start}.feature-card.featured{padding:30px 20px}.feature-stats{gap:15px}.stat-item strong{font-size:1.1rem}.benefits-section{margin-top:50px;padding:40px 20px}.benefits-title{font-size:1.6rem}.benefits-grid{gap:15px;grid-template-columns:1fr}.benefit-item{padding:20px}.benefit-icon{font-size:1.3rem;height:45px;width:45px}.testimonial-section{margin-top:50px}.testimonial-card{padding:35px 25px}.quote-icon{font-size:4rem;left:20px;top:15px}.testimonial-text{font-size:1.1rem}.author-avatar{font-size:1.5rem;height:50px;width:50px}.featured-products{padding:60px 5%}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cta{padding:60px 5%}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-features{align-items:center;flex-direction:column;gap:15px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn-large{width:100%}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.hero-badge{font-size:.8rem;padding:6px 15px}.btn-large{font-size:.95rem;padding:14px 24px}.section-title{font-size:1.6rem}.feature-card{padding:30px 20px}.feature-card.featured{padding:25px 15px}.feature-stats{flex-direction:column;gap:10px;padding:10px 0}.stat-item{align-items:center;flex-direction:row;gap:10px}.stat-item strong{font-size:1rem}.stat-item span{font-size:.8rem}.benefits-section{margin-top:40px;padding:30px 15px}.benefits-title{font-size:1.4rem}.benefits-grid{gap:12px}.benefit-item{flex-direction:column;padding:15px;text-align:center}.benefit-icon{font-size:1.2rem;height:40px;width:40px}.benefit-content h4{font-size:1rem}.benefit-content p{font-size:.9rem}.testimonial-card{padding:25px 20px}.quote-icon{font-size:3rem;left:15px;top:10px}.testimonial-text{font-size:1rem}.testimonial-author{flex-direction:column;gap:10px;text-align:center}.author-avatar{font-size:1.3rem;height:45px;width:45px}.author-info{align-items:center}.testimonial-rating{justify-content:center}.feature-icon-wrapper{height:70px;width:70px}.feature-icon{font-size:2rem}.products-grid{grid-template-columns:1fr}.product-image-wrapper{height:220px}.cta-title{font-size:1.6rem}}.shop{background:#f7fafc;min-height:100vh;width:100%}.shop-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 5% 50px;text-align:center}.shop-header h1{font-size:2.5rem;font-weight:800;margin:0 0 12px}.shop-header p{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.95}.shop-controls{margin:-40px auto 30px;max-width:1200px;padding:0 5%;position:relative;z-index:10}.controls-row{display:flex;gap:12px;margin-bottom:15px}.search-bar{background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 2px 15px #00000014;padding:0 24px;position:relative;transition:all .3s}.search-bar:focus-within{border-color:#667eea;box-shadow:0 4px 20px #667eea33}.search-icon{color:#667eea;font-size:1.1rem;margin-right:12px}.search-bar input{color:#2d3748;font-size:.95rem;padding:14px 0}.search-bar input::placeholder{color:#a0aec0}.clear-search{background:none;border:none;color:#cbd5e0;cursor:pointer;font-size:1.8rem;padding:0 5px;transition:color .3s}.clear-search:hover{color:#667eea}.view-toggle{background:#fff;border-radius:50px;display:flex;gap:0}.view-btn{background:#0000;border:none;border-radius:50px;color:#a0aec0;cursor:pointer;font-size:1.2rem;padding:10px 20px;transition:all .3s}.view-btn:hover{background:#f7fafc;color:#667eea}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea4d;color:#fff}.filters-row{align-items:flex-end;background:#fff;border:1px solid #f0f4f8;border-radius:15px;box-shadow:0 2px 15px #0000000f;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;transition:all .3s}.filter-select{-webkit-appearance:none;appearance:none;background:#f7fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.9rem;font-weight:500;outline:none;padding:10px 40px 10px 14px;transition:all .3s}.filter-select:hover{border-color:#764ba2;box-shadow:0 2px 8px #667eea33}.filter-select:focus{background:#fff;box-shadow:0 0 0 3px #667eea1a}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.filter-label{color:#718096}.filter-label,.filter-tag{font-size:.85rem;font-weight:600}.filter-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;gap:8px;padding:6px 12px}.filter-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 2px}.filter-tag button:hover{opacity:.8}.products-container{margin:0 auto;max-width:1200px;padding:0 5% 80px}.results-header{margin-bottom:25px}.results-header p{color:#718096;font-size:1rem}.results-header strong{color:#2d3748;font-weight:700}.loading-spinner{padding:100px 20px;text-align:center}.loading-spinner p{color:#718096;font-size:1.1rem;margin-top:20px}.no-products{padding:100px 20px}.no-products h3{color:#2d3748;font-size:1.8rem;margin:0 0 10px}.no-products p{color:#718096;margin-bottom:25px}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s}.btn-reset:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.products-grid.list{grid-template-columns:1fr}.products-grid.list .product-card{grid-gap:25px;display:grid;gap:25px;grid-template-columns:250px 1fr}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s ease}.product-card:hover{border-color:#667eea;box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.product-image-wrapper{background:#f9fafb;height:160px;overflow:hidden;position:relative}.product-image-link{display:block;height:100%}.product-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image-wrapper img{transform:scale(1.1)}.product-badges{display:flex;flex-direction:column;gap:8px;left:15px;position:absolute;top:15px;z-index:2}.badge{align-items:center;border-radius:6px;box-shadow:0 2px 6px #00000026;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.badge.fresh{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.badge.organic{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.product-overlay{align-items:center;background:#667eeaf2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.btn-quick-view{background:#fff;border-radius:8px;color:#667eea;font-size:.9rem;font-weight:700;padding:10px 24px;text-decoration:none;transition:all .3s}.btn-quick-view:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.product-details{padding:10px}.product-details h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1a202c;display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 5px;overflow:hidden}.product-title-link{color:inherit;text-decoration:none;transition:color .3s}.product-title-link:hover h3{color:#667eea}.product-rating{align-items:center;display:flex;gap:3px;margin-bottom:6px}.product-rating svg{color:#fbbf24;font-size:.7rem}.product-rating span{color:#718096;font-size:.7rem;margin-left:3px}.product-description{display:none}.product-price{align-items:baseline;display:flex;gap:4px;margin-bottom:10px}.price-label{color:#718096;font-size:.75rem;font-weight:500}.price{font-size:1.15rem}.unit{color:#718096;font-size:.8rem}.product-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:.95rem;margin-bottom:15px;overflow:hidden}.size-selector{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:1px solid #667eea;border-radius:8px;margin-bottom:10px;padding:8px 10px}.size-label{color:#5b21b6;display:block;font-size:.75rem;font-weight:600;margin-bottom:6px}.size-select{background:#fff;border:1px solid #667eea;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.85rem;font-weight:500;outline:none;padding:8px 10px;transition:all .3s ease;width:100%}.size-select:hover{border-color:#764ba2;box-shadow:0 2px 8px #667eea33}.size-select:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.size-select option{font-size:.9rem;padding:10px}.custom-amount-section{background:linear-gradient(135deg,#fef5e7,#fdebd0);border:1px solid #fbbf24;border-radius:8px;margin-bottom:12px;padding:10px}.custom-amount-label{color:#d97706;font-size:.75rem;font-weight:600;margin:0 0 6px}.custom-amount-input{align-items:center;background:#fff;border:2px solid #fbbf24;border-radius:8px;display:flex;overflow:hidden}.currency{background:#fbbf24;color:#fff;font-size:.9rem;font-weight:700;padding:12px 15px}.custom-amount-input input{border:none;flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:12px 15px}.add-to-cart-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s;width:100%}.add-to-cart-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.products-grid.list .product-image-wrapper{height:100%;min-height:200px}.products-grid.list .product-details{display:flex;flex-direction:column;justify-content:space-between}.products-grid.list .product-description{-webkit-line-clamp:3;line-clamp:3}@media (max-width:1024px){.products-grid.list{grid-template-columns:1fr}.products-grid.list .product-card{grid-template-columns:200px 1fr}}@media (max-width:768px){.shop-header{padding:40px 5% 30px}.shop-header h1{font-size:1.8rem}.shop-header p{font-size:.95rem}.shop-controls{margin:-20px 5% 25px;padding:0}.controls-row{flex-direction:column;gap:12px}.search-bar{box-shadow:0 2px 10px #00000014;padding:0 15px}.search-bar input{font-size:16px;padding:14px 0}.view-toggle{justify-content:center;padding:8px;width:100%}.view-btn{flex:1 1;font-size:1.2rem;padding:14px}.filters-row{flex-direction:column;gap:12px;padding:15px}.filter-group{min-width:auto;width:100%}.filter-group label{font-size:.8rem}.filter-select{font-size:16px;padding:14px 12px}.active-filters{align-items:flex-start;flex-direction:column;margin-left:0;width:100%}.products-container{padding:0 5% 60px}.results-header{margin-bottom:20px}.results-header p{font-size:.9rem}.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:12px;box-shadow:0 2px 8px #00000014}.product-image-wrapper{height:150px}.product-badges{gap:5px;left:8px;top:8px}.badge{font-size:.65rem;padding:4px 8px}.product-details{padding:12px}.product-details h3{font-size:.9rem;line-height:1.3;margin-bottom:5px}.product-rating{margin-bottom:6px}.product-rating span,.product-rating svg{font-size:.7rem}.product-description{-webkit-line-clamp:2;line-clamp:2;font-size:.75rem;line-height:1.4;margin-bottom:8px}.product-price{margin-bottom:10px}.price-label{font-size:.7rem}.price{font-size:1.2rem}.unit{font-size:.7rem}.size-selector{margin-bottom:10px;padding:8px 10px}.size-label{font-size:.7rem;margin-bottom:5px}.size-select{font-size:16px;padding:8px 10px}.custom-amount-section{margin-bottom:10px;padding:8px}.custom-amount-label{font-size:.7rem;margin-bottom:5px}.custom-amount-input{border-radius:6px}.custom-amount-input input{font-size:16px;padding:8px 10px}.currency{font-size:.75rem;padding:8px 10px}.add-to-cart-btn{font-size:.8rem;padding:10px 12px}.products-grid.list .products-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.products-grid.list .product-image-wrapper{height:140px}.products-grid.list .product-details{padding:15px 15px 15px 0}.products-grid.list .product-description{display:none}.products-grid.list .custom-amount-section{padding:10px}.products-grid.list .add-to-cart-btn{font-size:.85rem;padding:10px 14px}}@media (max-width:480px){.shop-header{padding:35px 5% 25px}.shop-header h1{font-size:1.5rem}.shop-header p{font-size:.9rem}.shop-controls{margin:-15px 4% 20px}.search-bar{padding:0 12px}.search-icon{font-size:1rem;margin-right:10px}.search-bar input{font-size:16px;padding:12px 0}.view-toggle{padding:6px}.view-btn{font-size:1.1rem;padding:12px}.filters-row{gap:10px;padding:12px}.filter-select{padding:12px 10px}.products-container{padding:0 4% 50px}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:10px}.product-image-wrapper{height:140px}.product-badges{gap:4px;left:6px;top:6px}.badge{font-size:.6rem;padding:3px 8px}.product-details{padding:10px}.product-details h3{font-size:.85rem;line-height:1.2;margin-bottom:4px}.product-rating{margin-bottom:5px}.product-rating span,.product-rating svg{font-size:.65rem}.product-description{-webkit-line-clamp:2;line-clamp:2;font-size:.7rem;line-height:1.3;margin-bottom:6px}.product-price{margin-bottom:8px}.price-label{font-size:.65rem}.price{font-size:1.1rem}.unit{font-size:.65rem}.size-selector{border-radius:6px;margin-bottom:8px;padding:6px 8px}.size-label{font-size:.65rem;margin-bottom:4px}.size-select{border-radius:6px;font-size:16px;padding:6px 8px}.custom-amount-section{border-radius:6px;margin-bottom:8px;padding:6px}.custom-amount-label{font-size:.65rem;margin-bottom:4px}.custom-amount-input{border-radius:5px}.currency{font-size:.7rem;padding:6px 8px}.custom-amount-input input{font-size:16px;padding:6px 8px}.add-to-cart-btn{border-radius:6px;font-size:.75rem;margin-top:8px;padding:8px 12px}.products-grid.list .product-card{gap:12px;grid-template-columns:100px 1fr}.products-grid.list .product-image-wrapper{height:120px}.products-grid.list .product-details{padding:12px 12px 12px 0}.products-grid.list .product-details h3{font-size:.95rem}.products-grid.list .price{font-size:1.2rem}.products-grid.list .custom-amount-section{padding:8px}.products-grid.list .add-to-cart-btn{font-size:.8rem;margin-top:10px;padding:8px 12px}.no-products{padding:60px 15px}.empty-icon{font-size:3.5rem}.no-products h3{font-size:1.3rem}.btn-reset{font-size:.9rem;padding:10px 24px}}.about-enhanced-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.about-hero-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:600px;overflow:hidden;padding:120px 20px 80px;position:relative;text-align:center}.hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16v224H0Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content-enhanced{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-badge{align-items:center;animation:fadeInDown .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:25px;padding:10px 24px}.hero-title-animated{animation:fadeInUp 1s ease;font-size:3.8rem;font-weight:900;line-height:1.2;margin-bottom:25px;text-shadow:2px 2px 8px #0000004d}.hero-title-animated .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4caf50,#8bc34a);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle-enhanced{animation:fadeIn 1.2s ease;font-size:1.4rem;line-height:1.7;margin-bottom:35px;opacity:.95}.hero-stats-quick{animation:fadeIn 1.4s ease;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:35px 0}.quick-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:flex;gap:10px;padding:12px 24px;transition:all .3s ease}.quick-stat:hover{background:#ffffff40;transform:translateY(-3px)}.stat-icon-hero{color:gold;font-size:1.5rem}.quick-stat span{font-size:1rem;font-weight:600}.hero-cta-buttons{animation:fadeIn 1.6s ease;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:35px}.btn-primary-hero,.btn-secondary-hero{align-items:center;border-radius:50px;box-shadow:0 5px 20px #0003;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;padding:16px 40px;text-decoration:none;transition:all .3s ease}.btn-primary-hero{background:#fff;color:#667eea}.btn-primary-hero:hover{background:#f8f9fa;box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.btn-secondary-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.btn-secondary-hero:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.hero-scroll-indicator{animation:bounce 2s infinite;bottom:30px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.hero-scroll-indicator span{display:block;font-size:.85rem;margin-bottom:10px;opacity:.8}.scroll-arrow{border-bottom:2px solid #fff;border-left:2px solid #fff;height:24px;margin:0 auto;transform:rotate(-45deg);width:24px}.stats-animated-section{background:#fff;margin-top:-50px;padding:80px 20px;position:relative;z-index:2}.stats-grid-enhanced{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card-enhanced{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 5px 20px #00000014;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.stat-card-enhanced:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:5px;left:0;position:absolute;right:0;top:0}.stat-card-enhanced:hover{box-shadow:0 15px 40px #4caf5033;transform:translateY(-10px)}.stat-icon-wrapper{color:#4caf50;display:inline-block;font-size:3.5rem;margin-bottom:20px;transition:transform .3s ease}.stat-card-enhanced:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-number-animated{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#45a049);-webkit-background-clip:text;background-clip:text;color:#333;display:block;font-size:3rem;font-weight:900;margin-bottom:10px}.stat-label-enhanced{color:#555;font-size:1.1rem;font-weight:700;margin-bottom:8px}.stat-description{color:#999;font-size:.9rem;font-style:italic}.tabbed-content-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:80px 20px}.section-header-center{margin-bottom:50px;text-align:center}.tabs-navigation{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px}.tab-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 10px #0000000d;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.tab-btn:hover{box-shadow:0 5px 20px #4caf5033;color:#4caf50}.tab-btn.active,.tab-btn:hover{border-color:#4caf50;transform:translateY(-3px)}.tab-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 5px 20px #4caf5066;color:#fff}.tab-btn svg{font-size:1.2rem}.tab-content{min-height:400px}.fade-in,.tab-pane{animation:fadeIn .5s ease}.story-content{grid-gap:50px;align-items:start;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:grid;gap:50px;grid-template-columns:1fr 1fr;padding:50px}.story-text h3{color:#333;font-size:2rem;font-weight:800;margin-bottom:20px}.story-text p{color:#555;font-size:1.05rem;line-height:1.8;margin-bottom:20px}.story-highlights{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:30px}.highlight-item{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:10px}.highlight-item svg{color:#4caf50;flex-shrink:0;font-size:1.2rem}.story-image{border-radius:15px;box-shadow:0 10px 30px #00000026;height:500px;overflow:hidden;position:relative}.story-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.story-image:hover img{transform:scale(1.05)}.image-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50px;bottom:20px;box-shadow:0 5px 20px #4caf5066;color:#fff;display:flex;font-weight:700;gap:8px;left:20px;padding:12px 24px;position:absolute}.mission-vision-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.mission-card,.vision-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px 40px;transition:all .3s ease}.mission-card:hover,.vision-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-5px)}.mission-icon,.vision-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 5px 20px #4caf504d;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:25px;width:80px}.vision-icon{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 5px 20px #ff98004d}.mission-card h3,.vision-card h3{color:#333;font-size:1.8rem;font-weight:800;margin-bottom:20px}.mission-card p,.vision-card p{color:#555;font-size:1.05rem;line-height:1.8;margin-bottom:25px}.mission-points,.vision-points{list-style:none;margin:0;padding:0}.mission-points li,.vision-points li{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:12px;margin-bottom:15px}.mission-points li svg{color:#4caf50;flex-shrink:0;font-size:1.2rem}.vision-points li svg{color:#ff9800;flex-shrink:0;font-size:1.2rem}.team-section{background:#fff;padding:80px 20px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.team-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 5px 20px #00000014;overflow:hidden;transition:all .3s ease}.team-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.team-image-wrapper{height:320px;overflow:hidden;position:relative;width:100%}.team-image-wrapper img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.team-card:hover .team-image-wrapper img{transform:scale(1.1)}.team-overlay{align-items:center;background:linear-gradient(135deg,#4caf50e6,#45a049e6);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-card:hover .team-overlay{opacity:1}.team-overlay svg{animation:heartbeat 1.5s infinite;color:#fff;font-size:4rem}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.team-info{padding:30px 25px;text-align:center}.team-info h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:8px}.team-role{color:#4caf50;display:block;font-size:1rem;font-weight:600;margin-bottom:15px}.team-bio{color:#666;font-size:.95rem;line-height:1.6}.why-choose-section{background:#fff;padding:80px 20px}.story-content{margin:0 auto;max-width:900px}.story-intro{margin-bottom:50px;text-align:center}.story-intro h2{color:#333;font-size:2.5rem;margin-bottom:15px}.story-intro p{color:#666;font-size:1.2rem;line-height:1.8}.story-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 5px 20px #00000014;margin-bottom:30px;padding:40px}.story-section h3{align-items:center;color:#4caf50;display:flex;font-size:1.8rem;gap:10px;margin-bottom:15px}.story-section p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.mission-content{margin:0 auto;max-width:900px}.mission-statement{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 10px 30px #4caf504d;color:#fff;margin-bottom:50px;padding:50px 40px;text-align:center}.mission-statement h2{font-size:2.5rem;margin-bottom:20px}.mission-statement p{font-size:1.3rem;line-height:1.8;opacity:.95}.values-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.value-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:35px 25px}.value-card:hover{border-color:#4caf50;box-shadow:0 15px 40px #4caf5033;transform:translateY(-10px)}.value-icon{color:#4caf50;font-size:3.5rem;margin-bottom:20px}.value-card h3{font-size:1.5rem;margin-bottom:15px}.value-card p{font-size:1rem}.team-content{margin:0 auto;max-width:1000px}.team-intro{margin-bottom:50px;text-align:center}.team-intro h2{color:#333;font-size:2.5rem;margin-bottom:15px}.team-intro p{color:#666;font-size:1.2rem}.team-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.team-member-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:all .3s ease}.team-member-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.team-member-image{border-bottom:4px solid #4caf50;height:280px;object-fit:cover;width:100%}.team-member-info{padding:25px;text-align:center}.team-member-info h3{color:#333;font-size:1.5rem;margin-bottom:8px}.team-member-role{color:#4caf50;display:block;font-size:1rem;font-weight:600;margin-bottom:15px}.team-member-info p{color:#666;font-size:.95rem;line-height:1.6}.journey-content{margin:0 auto;max-width:900px}.journey-intro{margin-bottom:50px;text-align:center}.journey-intro h2{color:#333;font-size:2.5rem;margin-bottom:15px}.journey-intro p{color:#666;font-size:1.2rem}.timeline{padding:20px 0;position:relative}.timeline:before{background:linear-gradient(180deg,#4caf50,#45a049);border-radius:2px;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px}.timeline-item{display:flex;margin-bottom:50px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px;position:relative;width:45%}.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:auto}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;margin-right:0}.timeline-year{color:#4caf50;font-size:2rem;font-weight:800;margin-bottom:10px}.timeline-content h3{color:#333;font-size:1.5rem;margin-bottom:10px}.timeline-content p{color:#666;font-size:1rem;line-height:1.6}.timeline-dot{background:#4caf50;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #4caf5033;height:20px;left:50%;position:absolute;top:30px;transform:translateX(-50%);width:20px}.testimonials-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:80px 20px}.section-header{margin-bottom:60px}.section-title-main{color:#333;font-size:2.8rem;font-weight:800;margin-bottom:15px}.section-subtitle-main{color:#666;font-size:1.2rem}.testimonials-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014;padding:35px;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.quote-icon{color:#4caf50;font-size:3rem;left:20px;opacity:.2;position:absolute;top:20px}.testimonial-rating{color:#ffc107;display:flex;font-size:1.2rem;gap:5px;margin-bottom:20px}.testimonial-text{color:#555;font-size:1.05rem;font-style:italic;line-height:1.8;margin-bottom:25px}.testimonial-author{border-top:2px solid #f0f0f0;gap:15px;padding-top:20px}.testimonial-author img{border:3px solid #4caf50;border-radius:50%;box-shadow:0 3px 10px #4caf504d;height:55px;object-fit:cover;width:55px}.author-avatar{background:linear-gradient(135deg,#4caf50,#45a049);font-size:1.2rem}.author-info h4{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:3px}.author-info p{margin:0}.author-info p,.author-location{color:#999;font-size:.9rem}.star-filled{color:gold}.features-comparison-section{background:#fff;padding:80px 20px}.features-comparison-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.feature-comparison-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 5px 20px #00000014;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.feature-comparison-card:before{background:linear-gradient(90deg,#4caf50,#45a049);content:"";height:5px;left:0;position:absolute;right:0;top:0}.feature-comparison-card:hover{box-shadow:0 15px 40px #4caf5033;transform:translateY(-10px)}.feature-icon-large{color:#4caf50;font-size:4rem;margin-bottom:20px}.feature-comparison-card h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:15px}.feature-comparison-card p{color:#666;font-size:1rem;line-height:1.7;margin-bottom:20px}.feature-badge-blue,.feature-badge-green,.feature-badge-orange,.feature-badge-purple{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase}.feature-badge-green{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.feature-badge-blue{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.feature-badge-orange{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.feature-badge-purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.cta-section-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.cta-section-enhanced:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16V0H0Z'/%3E%3C/svg%3E") no-repeat top;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.cta-content-enhanced{margin:0 auto;max-width:800px;position:relative;z-index:1}.cta-content-enhanced h2{font-size:3rem;font-weight:800;margin-bottom:20px;text-shadow:2px 2px 4px #0003}.cta-content-enhanced p{font-size:1.3rem;margin-bottom:40px;opacity:.95}.cta-buttons-enhanced{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.btn-cta-primary,.btn-cta-secondary{align-items:center;border-radius:50px;box-shadow:0 5px 20px #0003;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;padding:16px 40px;text-decoration:none;transition:all .3s ease}.btn-cta-primary{background:#fff;color:#667eea}.btn-cta-primary:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.btn-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;color:#fff}.btn-cta-secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.cta-trust-badges{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.trust-badge{font-size:1rem;font-weight:600;gap:8px;opacity:.95}.contact-info-section{background:#fff;padding:80px 20px}.contact-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.contact-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 5px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.contact-info-card:hover{box-shadow:0 15px 40px #4caf5033;transform:translateY(-5px)}.contact-icon{color:#4caf50;font-size:3.5rem;margin-bottom:20px}.contact-info-card h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:10px}.contact-info-card p{color:#4caf50;font-size:1.2rem;font-weight:600;margin-bottom:8px}.contact-info-card span{color:#666;font-size:.95rem}@media (max-width:768px){.hero-title-animated{font-size:2.5rem}.hero-subtitle-enhanced{font-size:1.1rem}.hero-stats-quick{gap:20px}.hero-cta-buttons{gap:15px}.stats-grid-enhanced{gap:20px;grid-template-columns:repeat(2,1fr)}.tabbed-content-section{padding:60px 20px}.tabs-navigation{gap:10px}.tab-btn{font-size:.95rem;padding:12px 24px}.story-content{gap:40px;grid-template-columns:1fr;padding:40px 30px}.story-image{height:400px}.mission-vision-grid,.story-highlights{grid-template-columns:1fr}.mission-vision-grid{gap:30px}.mission-card,.vision-card{padding:40px 30px}.values-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-content{margin:0!important;width:100%!important}.timeline-dot{left:30px}.section-title-main{font-size:2.2rem}.features-comparison-grid,.testimonials-grid{gap:25px;grid-template-columns:1fr}.cta-content-enhanced h2{font-size:2.2rem}.cta-buttons-enhanced{align-items:center;flex-direction:column}.btn-cta-primary,.btn-cta-secondary{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.about-hero-enhanced{min-height:500px;padding:80px 15px 60px}.hero-title-animated{font-size:2rem;line-height:1.3}.hero-subtitle-enhanced{font-size:1rem}.hero-stats-quick{flex-direction:column;gap:15px}.quick-stat{justify-content:center;width:100%}.hero-cta-buttons{flex-direction:column;width:100%}.btn-primary-hero,.btn-secondary-hero{justify-content:center;width:100%}.stats-animated-section{margin-top:-30px;padding:60px 15px}.stats-grid-enhanced{gap:20px;grid-template-columns:1fr}.stat-number-animated{font-size:2.5rem}.tabbed-content-section{padding:50px 15px}.section-title-main{font-size:1.8rem}.section-subtitle-main{font-size:1rem}.tabs-navigation{flex-direction:column;gap:10px}.tab-btn{justify-content:center;padding:14px 20px;width:100%}.story-content{gap:30px;grid-template-columns:1fr;padding:30px 20px}.story-text h3{font-size:1.6rem}.story-text p{font-size:1rem}.story-highlights{gap:12px;grid-template-columns:1fr}.highlight-item{font-size:.95rem}.story-image{height:300px}.image-badge{font-size:.9rem;padding:10px 20px}.mission-vision-grid{gap:25px;grid-template-columns:1fr}.mission-card,.vision-card{padding:30px 20px}.mission-icon,.vision-icon{font-size:2rem;height:60px;width:60px}.mission-card h3,.vision-card h3{font-size:1.5rem}.mission-card p,.vision-card p{font-size:1rem}.mission-points li,.vision-points li{font-size:.95rem}.values-grid{gap:20px;grid-template-columns:1fr}.value-card{padding:30px 20px}.value-icon{font-size:3rem}.value-card h3{font-size:1.3rem}.value-card p{font-size:.95rem}.timeline{padding:10px 0}.timeline:before{left:20px}.timeline-item{margin-bottom:30px;padding-left:50px}.timeline-content{padding:20px}.timeline-year{font-size:1.5rem}.timeline-content h3{font-size:1.2rem}.timeline-content p{font-size:.95rem}.timeline-dot{height:16px;left:20px;width:16px}.team-grid{gap:25px;gap:30px;grid-template-columns:1fr}.team-image-wrapper{height:280px}.team-info{padding:25px 20px}.team-info h3{font-size:1.3rem}.team-role{font-size:.95rem}.team-bio{font-size:.9rem}.testimonials-section{padding:60px 15px}.testimonials-grid{gap:20px;grid-template-columns:1fr}.testimonial-card{padding:25px 20px}.testimonial-text{font-size:1rem}.features-comparison-section{padding:60px 15px}.features-comparison-grid{gap:20px;grid-template-columns:1fr}.feature-comparison-card{padding:30px 20px}.feature-icon-large{font-size:3rem}.feature-comparison-card h3{font-size:1.3rem}.feature-comparison-card p{font-size:.95rem}.cta-section-enhanced{padding:60px 15px}.cta-content-enhanced h2{font-size:1.8rem}.cta-content-enhanced p{font-size:1.1rem}.cta-buttons-enhanced{flex-direction:column;width:100%}.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%}.cta-trust-badges{flex-direction:column;gap:15px}.contact-info-section{padding:60px 15px}.contact-info-grid{gap:20px;grid-template-columns:1fr}.contact-info-card{padding:30px 20px}}@media print{.contact-info-section,.cta-section-enhanced,.tabs-navigation{display:none}.about-enhanced-page{background:#fff}.about-hero-section{background:#667eea;page-break-after:avoid}}.btn-cta-primary:focus,.btn-cta-secondary:focus,.tab-button:focus{outline:3px solid #4caf50;outline-offset:3px}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#4f46e5;--text-color:#333;--text-light:#666;--text-lighter:#888;--bg-light:#f8f9fa;--white:#fff;--success:#10b981;--error:#ef4444;--border-radius:12px;--box-shadow:0 4px 20px #00000014;--transition:all 0.3s ease}.contact{color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;width:100%}.container{padding:0 5%}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:var(--text-color);display:inline-block;font-size:2.5rem;margin-bottom:15px;position:relative}.section-header h2:after{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-header p{color:#666;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:700px}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:120px 5% 100px;position:relative;text-align:center}.contact-hero:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxwYXRoIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiIGQ9Ik0wIDBoMjB2MjBIMHoiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.contact-hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 10px #0000001a}.contact-hero p{font-size:1.3rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.btn,.hero-buttons{justify-content:center}.btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn svg{font-size:1.1em;margin-right:8px}.btn-primary{background:#fff;background:var(--white);color:#667eea;color:var(--primary-color)}.btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#128c7e;box-shadow:0 6px 20px #25d3664d;transform:translateY(-3px)}.contact-info-section{background:#f8f9fa;background:var(--bg-light);overflow:hidden;padding:100px 0;position:relative}.contact-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.contact-card{background:var(--white);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);overflow:hidden;padding:35px 25px;position:relative;text-align:center;transition:var(--transition)}.contact-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%}.contact-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-10px)}.contact-card .card-icon{align-items:center;background:#667eea1a;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;transition:var(--transition);width:70px}.contact-card:hover .card-icon{background:#667eea;background:var(--primary-color);transform:rotateY(180deg)}.contact-card:hover .contact-icon{color:#fff}.contact-icon{color:#667eea;color:var(--primary-color);font-size:1.8rem;transition:all .3s ease;transition:var(--transition)}.contact-card h3{color:#333;color:var(--text-color);font-size:1.4rem;font-weight:700;margin-bottom:15px}.contact-card p{color:var(--text-light);line-height:1.6;margin-bottom:8px}.contact-card a{color:#667eea;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.contact-card a:hover{color:#764ba2;color:var(--secondary-color);text-decoration:underline}.availability{align-items:center;color:#888;color:var(--text-lighter);display:flex;font-size:.95rem;gap:8px;justify-content:center;margin:10px 0 15px}.status-dot{background:#ccc;border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.open{background:#10b981;background:var(--success);box-shadow:0 0 10px #10b981;box-shadow:0 0 10px var(--success)}.status-dot.closed{background:#ef4444;background:var(--error);box-shadow:0 0 10px #ef4444;box-shadow:0 0 10px var(--error)}.contact-action{align-items:center;background:#667eea1a;border-radius:50px;color:#667eea!important;color:var(--primary-color)!important;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:15px;padding:8px 20px;text-decoration:none!important;transition:all .3s ease;transition:var(--transition)}.contact-action:hover{background:#667eea;background:var(--primary-color);box-shadow:0 5px 15px #667eea4d;color:#fff!important;text-decoration:none;transform:translateY(-2px)}.business-status{margin-top:15px}.status-badge{border-radius:50px;margin-top:10px;padding:5px 15px}.status-badge.open{background:#10b9811a;color:#10b981;color:var(--success)}.status-badge.closed{background:#ef44441a;color:#ef4444;color:var(--error)}.social-links{margin-top:60px;text-align:center}.social-links h3{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:20px}.social-icons{flex-wrap:wrap;gap:15px}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:1.5rem;height:50px;transition:all .3s ease;transition:var(--transition);width:50px}.social-icon:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.social-icon.whatsapp{background:#25d366}.social-icon.facebook{background:#3b5998}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.twitter{background:#1da1f2}.social-icon.linkedin{background:#0077b5}.map-section{background:#fff;background:var(--white);padding:80px 0}.map-container{border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);overflow:hidden}.faq-section{background:var(--bg-light)}.faq-container{margin:0 auto;max-width:800px}.faq-item{background:var(--white);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:15px;overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:all .3s ease;transition:var(--transition)}.faq-question:hover{background:#667eea0d}.faq-question h3{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0;transition:all .3s ease;transition:var(--transition)}.faq-item.active .faq-question h3,.faq-toggle{color:#667eea;color:var(--primary-color)}.faq-toggle{font-size:1.2rem;transition:all .3s ease;transition:var(--transition)}.faq-item.active .faq-toggle{transform:rotate(180deg)}.faq-answer{background:#667eea08;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{color:#666;color:var(--text-light);line-height:1.7;margin:0;padding:0 25px 25px}.contact-form-section{background:#fff;background:var(--white);overflow:hidden;padding:100px 0;position:relative}.form-container{grid-gap:60px;align-items:flex-start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.form-header h2{color:#333;color:var(--text-color);font-size:2.2rem;font-weight:700;margin-bottom:15px}.form-header p{color:#666;color:var(--text-light);font-size:1.1rem;line-height:1.7;margin-bottom:0}.contact-form{margin-top:30px}.form-group label{color:var(--text-color)}.input-group{position:relative}.input-group input,.input-group select,.input-group textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;border-radius:var(--border-radius);font-size:1rem;padding:12px 15px 12px 45px;transition:all .3s ease;transition:var(--transition);width:100%}.input-group textarea{min-height:150px;padding:15px;resize:vertical}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background-color:#fff;background-color:var(--white);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33;outline:none}.input-icon{color:#888;color:var(--text-lighter);font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition)}.input-group:focus-within .input-icon{color:#667eea;color:var(--primary-color)}.form-actions{margin-top:30px}.submit-btn{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));display:inline-flex;min-width:180px;transition:var(--transition)}.submit-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.submit-btn:active{transform:translateY(1px)}.submit-btn .btn-icon{font-size:1.1em;margin-right:8px}.submit-btn .spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:10px;width:20px}.form-footer{margin-top:20px;text-align:center}.privacy-notice{color:#888;color:var(--text-lighter);font-size:.85rem}.privacy-notice a{color:#667eea;color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.privacy-notice a:hover{color:#764ba2;color:var(--secondary-color);text-decoration:underline}.contact-sidebar{position:-webkit-sticky;position:sticky;top:30px}.sidebar-card{background:#fff;background:var(--white);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:30px}.sidebar-card h3{border-bottom:1px solid #eee;color:var(--text-color);font-size:1.4rem;padding-bottom:15px;position:relative}.sidebar-card h3:after{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:-1px;content:"";height:2px;left:0;position:absolute;width:50px}.help-item{border-bottom:1px dashed #eee;display:flex;gap:15px;margin-bottom:25px;padding-bottom:25px}.help-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.help-icon{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:45px}.help-item:hover .help-icon{background:#667eea;background:var(--primary-color);color:#fff;transform:scale(1.1)}.help-content h4{color:#333;color:var(--text-color);font-size:1.1rem;margin:0 0 5px}.help-content p{color:#666;color:var(--text-light);font-size:.9rem;margin:0 0 10px}.help-link{align-items:center;border-radius:4px;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-top:5px;padding:6px 12px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.help-link.whatsapp{background:#25d3661a;color:#25d366}.help-link.email{background:#ea43351a;color:#ea4335}.help-link.phone{background:#4285f41a;color:#4285f4}.help-link:hover{text-decoration:none;transform:translateX(5px)}.help-link.whatsapp:hover{background:#25d36633}.help-link.email:hover{background:#ea433533}.help-link.phone:hover{background:#4285f433}.business-hours{border-top:1px dashed #eee;margin-top:30px;padding-top:20px}.business-hours h4{color:#333;color:var(--text-color);font-size:1.1rem;margin-bottom:15px}.business-hours ul{list-style:none;margin:0 0 20px;padding:0}.business-hours li{border-bottom:1px solid #f5f5f5;color:#666;color:var(--text-light);display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0}.business-hours li:last-child{border-bottom:none}.business-hours li span{color:#333;color:var(--text-color);font-weight:600}.current-status{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;font-size:.95rem;gap:10px;margin-top:15px;padding:12px 15px}.status-indicator{background:#ccc;height:10px;width:10px}.status-indicator.open{background:#10b981;background:var(--success);box-shadow:0 0 10px #10b981;box-shadow:0 0 10px var(--success)}.status-indicator.closed{background:#ef4444;background:var(--error);box-shadow:0 0 10px #ef4444;box-shadow:0 0 10px var(--error)}.social-card{background:#fff;background:var(--white);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);padding:25px;text-align:center}.social-card h4{color:#333;color:var(--text-color);font-size:1.3rem;margin:0 0 10px}.social-card p{color:#666;color:var(--text-light);font-size:.95rem;margin-bottom:20px}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-btn{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.social-btn svg{font-size:1.2em}.social-btn.facebook{background:#3b5998}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-btn.twitter{background:#1da1f2}.social-btn:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.trust-badges{background:#f8f9fa;background:var(--bg-light);border-bottom:1px solid #0000000d;border-top:1px solid #0000000d;padding:30px 0}.trust-badges .container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.trust-badge{align-items:center;color:#333;color:var(--text-color);display:flex;font-weight:500;gap:10px}.badge-icon{color:#10b981;color:var(--success);font-size:1.2rem}.contact-form{width:100%}.submit-btn{border-radius:30px;padding:15px 40px}.submit-btn:hover{box-shadow:0 10px 25px #667eea4d}.contact-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;padding:30px}.sidebar-card h3{color:#333;font-size:1.3rem;margin-bottom:20px}.payment-info p{color:#666;margin-bottom:10px}.payment-info strong{color:#333}.payment-note{background:#fff3cd;border-radius:5px;color:#856404;font-size:.9rem;margin-top:15px;padding:10px}.social-links{display:flex;flex-direction:column;gap:15px}.social-link{align-items:center;color:#666;display:flex;font-size:1.1rem;gap:10px;text-decoration:none;transition:color .3s}.social-link:hover{color:#667eea}.faq-section{background:#f8f9fa;padding:80px 0}.faq-section h2{color:#333;font-size:2.5rem;margin-bottom:50px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.faq-item h3{color:#667eea;font-size:1.2rem;margin-bottom:15px}.faq-item p{color:#666;line-height:1.6}.map-section{background:url(https://images.unsplash.com/photo-1524634126442-357e0eac3c14?w=1200) 50%/cover;height:400px;position:relative}.map-container{height:100%;position:relative}.map-overlay{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.map-overlay h3{color:#333;font-size:1.5rem;margin-bottom:15px}.map-overlay p{color:#666;margin-bottom:8px}@media (max-width:968px){.form-container{gap:40px;grid-template-columns:1fr}.contact-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.contact-hero h1,.form-content h2{font-size:2rem}.faq-grid,.form-row{grid-template-columns:1fr}.map-overlay{padding:20px;width:90%}}.recipes{min-height:100vh;width:100%}.recipes-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 5%;text-align:center}.recipes-hero h1{font-size:3rem;margin-bottom:15px}.recipes-hero p{font-size:1.3rem;margin-bottom:30px;opacity:.95}.btn-add-recipe{align-items:center;background:#fff;border:none;border-radius:30px;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 35px;transition:all .3s}.btn-add-recipe:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.recipes-filter{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:30px 5%}.filter-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.filter-container button{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 25px;transition:all .3s}.filter-container button:hover{border-color:#667eea;color:#667eea}.filter-container button.active{background:#667eea;border-color:#667eea;color:#fff}.recipes-grid-section{background:#f8f9fa;padding:60px 5%}.recipes-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px}.recipe-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;overflow:hidden;transition:transform .3s}.recipe-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.recipe-image{height:200px;overflow:hidden;position:relative}.recipe-image img{height:100%;object-fit:cover;width:100%}.recipe-category{background:#667eea;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 15px;position:absolute;right:15px;text-transform:capitalize;top:15px}.recipe-content{padding:25px}.recipe-content h3{color:#333;font-size:1.5rem;margin-bottom:10px}.recipe-description{color:#666;line-height:1.5;margin-bottom:15px}.recipe-meta{color:#999;display:flex;font-size:.9rem;gap:20px;margin-bottom:10px}.recipe-meta span{align-items:center;display:flex;gap:5px}.recipe-author{color:#999;font-size:.9rem;font-style:italic}.recipe-author,.recipe-ingredients{margin-bottom:20px}.recipe-ingredients h4{color:#333;font-size:1.1rem;margin-bottom:10px}.recipe-ingredients ul{list-style:none;padding-left:0}.recipe-ingredients li{color:#666;padding:5px 0 5px 20px;position:relative}.recipe-ingredients li:before{color:#667eea;content:"•";left:0;position:absolute}.recipe-instructions{margin-bottom:20px}.recipe-instructions h4{color:#333;font-size:1.1rem;margin-bottom:10px}.recipe-instructions p{color:#666;line-height:1.6}.recipe-actions{border-top:1px solid #eee;display:flex;gap:15px;padding-top:20px}.like-btn,.share-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .3s}.like-btn{background:#f8f9fa;color:#666}.like-btn.liked,.like-btn:hover{background:#ffebee;color:#f44}.share-btn{background:#f8f9fa;color:#666}.share-btn:hover{background:#e3f2fd;color:#2196f3}.recipe-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-header{border-bottom:1px solid #eee;padding:30px}.modal-header h2{font-size:2rem}.modal-content form{padding:30px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn-cancel,.btn-submit{padding:12px 30px}.btn-cancel{background:#f8f9fa}@media (max-width:768px){.recipes-hero h1{font-size:2rem}.recipes-grid{grid-template-columns:1fr}.filter-container{align-items:center;flex-direction:column}.filter-container button{width:200px}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:after,.login-page:before{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;content:"";position:absolute}.login-page:before{animation-delay:0s;height:400px;left:-100px;top:-100px;width:400px}.login-page:after{animation-delay:10s;bottom:-50px;height:300px;right:-50px;width:300px}.login-container{background:#fff;box-shadow:0 30px 90px #00000040;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;min-height:600px;overflow:hidden}.login-form-section{display:flex;flex-direction:column;justify-content:center;padding:60px 50px}.login-header{margin-bottom:40px}.login-header h1{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin:0 0 10px}.login-header p{color:#718096;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:25px}.form-group input{background:#f7fafc}.form-group input:hover{background:#fff;border-color:#cbd5e0}.form-group input:focus{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;border:2px solid #0000;box-shadow:0 0 0 3px #667eea26,0 4px 12px #667eea1a}.form-options{margin-top:-10px}.remember-me{color:#718096}.remember-me input[type=checkbox]{cursor:pointer;height:18px;width:18px}.forgot-password{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#764ba2}.login-btn{align-items:center;box-shadow:0 4px 15px #667eea4d;display:flex;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:16px 24px;transition:all .3s ease}.login-btn:before{background:#ffffff4d;border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.login-btn:hover:not(:disabled):before{height:300px;width:300px}.login-btn:hover:not(:disabled){box-shadow:0 12px 35px #667eea80;transform:translateY(-3px)}.login-btn:active:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.login-btn:disabled{opacity:.7}.login-footer{border-top:2px solid #e2e8f0}.login-footer p{color:#718096;font-size:.95rem}.register-link{color:#667eea;display:inline-block;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s}.register-link:hover{color:#764ba2;transform:translateX(5px)}.login-image-section{align-items:center;background:linear-gradient(135deg,#667eeaf2,#764ba2f2),url(https://images.unsplash.com/photo-1488459716781-31db52582fe9?w=800) 50%/cover;display:flex;justify-content:center;padding:50px;position:relative}.features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:30px}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;font-weight:600;padding:15px 20px}@media (max-width:968px){.login-container{grid-template-columns:1fr}.login-image-section{display:none}.login-form-section{padding:50px 40px}}@media (max-width:768px){.login-page{padding:15px}.login-form-section{padding:40px 30px}.login-header h1{font-size:1.8rem}.login-header p{font-size:.95rem}.form-options{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:480px){.login-form-section{padding:30px 20px}.login-header h1{font-size:1.6rem}.form-group input{font-size:16px;padding:12px 16px}.login-btn{font-size:1rem;padding:14px 20px}.features{grid-template-columns:1fr}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;min-height:650px;overflow:hidden;width:100%}.register-form-section{display:flex;flex-direction:column;justify-content:center;max-height:90vh;overflow-y:auto;padding:50px}.register-header{margin-bottom:35px}.register-header h1{color:#2d3748;font-size:2.2rem;font-weight:800;margin:0 0 10px}.register-header p{color:#718096;font-size:1rem;margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.9rem}.form-group input{background:#fff;border:2px solid #e2e8f0;padding:14px 18px}.form-group input::placeholder{color:#cbd5e0}.form-group input.error{border-color:#f56565}.error-message{gap:5px;margin-top:-5px}.password-strength{margin-top:5px}.strength-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:5px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s}.strength-fill.weak{background:#f56565;width:33%}.strength-fill.medium{background:#ed8936;width:66%}.strength-fill.strong{background:#48bb78;width:100%}.strength-text{color:#718096;font-size:.8rem}.terms-checkbox{align-items:flex-start;display:flex;gap:10px;margin-top:5px}.terms-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.terms-checkbox label{color:#718096;cursor:pointer;font-size:.9rem;line-height:1.5}.terms-checkbox a{color:#667eea;font-weight:600;text-decoration:none}.terms-checkbox a:hover{color:#764ba2}.register-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:16px 24px;transition:all .3s}.register-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.7}.register-footer{border-top:2px solid #e2e8f0;margin-top:25px;padding-top:25px;text-align:center}.register-footer p{color:#718096;font-size:.95rem;margin:0 0 10px}.login-link{color:#667eea;font-size:1.05rem;font-weight:700;transition:all .3s}.login-link:hover{color:#764ba2;transform:translateX(5px)}.register-image-section{align-items:center;background:linear-gradient(135deg,#667eeaf2,#764ba2f2),url(https://images.unsplash.com/photo-1542838132-92c53300491e?w=800) 50%/cover;display:flex;justify-content:center;padding:50px;position:relative}.image-overlay{color:#fff;position:relative;text-align:center;z-index:1}.image-overlay h2{font-size:2.5rem;font-weight:800;margin:0 0 15px}.image-overlay>p{font-size:1.1rem;margin-bottom:40px;opacity:.95}.benefits{display:flex;flex-direction:column;gap:15px;margin-top:30px}.benefit{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;display:flex;font-weight:600;gap:10px;padding:15px 20px;text-align:left}@media (max-width:968px){.register-container{grid-template-columns:1fr}.register-image-section{display:none}.register-form-section{max-height:none;padding:40px 35px}}@media (max-width:768px){.register-page{padding:15px}.register-form-section{padding:35px 30px}.register-header h1{font-size:1.8rem}.register-header p{font-size:.95rem}.form-row{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.register-form-section{padding:30px 20px}.register-header h1{font-size:1.6rem}.form-group input{font-size:16px;padding:12px 16px}.register-btn{font-size:1rem;padding:14px 20px}.terms-checkbox{font-size:.85rem}}.cart{background:#f8f9fa;min-height:100vh;padding:40px 5%}.cart h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.cart-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:100px 20px;text-align:center}.empty-cart-icon{color:#ccc;font-size:5rem;margin-bottom:20px}.cart-empty h2{color:#333;font-size:2rem;margin-bottom:15px}.cart-empty p{color:#666;font-size:1.1rem;margin-bottom:30px}.cart-empty .btn{background:#667eea;border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s}.cart-empty .btn:hover{background:#5568d3;transform:translateY(-2px)}.cart-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px}.cart-items{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.cart-header{border-bottom:2px solid #eee;color:#666;font-weight:600;margin-bottom:20px;padding-bottom:15px}.cart-header,.cart-item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1.5fr 1fr 80px}.cart-item{align-items:center;border-bottom:1px solid #f0f0f0;padding:20px 0}.cart-item:last-child{border-bottom:none}.product-info{align-items:center;gap:15px}.product-info img{border-radius:10px;height:80px;object-fit:cover;width:80px}.product-info h3{font-size:1.1rem;margin-bottom:5px}.custom-amount-badge{background:#e8f5e9;border-radius:12px;color:#4caf50;display:inline-block;font-size:.85rem;font-weight:600;padding:3px 8px}.item-price{color:#666;font-size:1rem}.quantity-controls{align-items:center;display:flex;gap:10px}.quantity-btn{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.quantity-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity{font-size:1rem;font-weight:600;min-width:30px;text-align:center}.custom-quantity{color:#4caf50;font-weight:600}.item-total{color:#333;font-size:1.1rem}.remove-btn{background:#f44;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px;transition:background .3s}.remove-btn:hover{background:#f33}.cart-summary{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 20px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.cart-summary h2{color:#2d3748;font-size:1.4rem;font-weight:700;margin:0}.item-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.summary-items-list{margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:5px}.summary-items-list::-webkit-scrollbar{width:6px}.summary-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.summary-items-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.summary-items-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.summary-item-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:12px;transition:all .3s ease}.summary-item-card:hover{background:#edf2f7;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.summary-item-image{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.summary-item-image img{height:100%;object-fit:cover;width:100%}.summary-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.summary-item-info h4{color:#2d3748;font-size:.9rem;font-weight:600;line-height:1.3;margin:0}.item-details{color:#718096;font-size:.8rem;gap:2px;margin:0}.custom-label{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.item-qty{color:#4a5568;font-size:.85rem}.summary-item-price{align-items:center;display:flex;flex-shrink:0}.summary-item-price span{color:#2d3748;font-size:.95rem;font-weight:700}.summary-totals{margin-bottom:20px}.delivery-notice{background:linear-gradient(135deg,#e6f7ff,#d6f0ff);border:2px solid #91d5ff;border-radius:10px;margin:15px 0;padding:15px;text-align:center}.delivery-notice p{color:#0050b3;font-size:.9rem;font-weight:500;margin:0 0 8px}.delivery-notice strong{color:#003a8c;font-weight:700}.delivery-notice small{color:#096dd9;display:block;font-size:.8rem;font-style:italic}.summary-row{align-items:center;font-size:.95rem;margin-bottom:12px}.summary-row .label{color:#4a5568;font-weight:500}.summary-row .value{color:#2d3748;font-weight:600}.free-tag{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.delivery-progress{background:linear-gradient(135deg,#fef5e7,#fdebd0);border:2px dashed #f59e0b;border-radius:12px;margin:20px 0;padding:15px}.progress-bar{background:#e2e8f0;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#92400e;font-size:.9rem;margin:0;text-align:center}.progress-text strong{color:#d97706;font-weight:700}.free-delivery-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;margin:15px 0;padding:12px;text-align:center}.summary-divider{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);height:2px;margin:15px 0}.summary-row.total{font-size:1rem;margin-bottom:0;padding-top:15px}.summary-row.total .label{color:#2d3748;font-size:1.1rem;font-weight:700}.total-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-bottom:15px;padding:15px;transition:all .3s;width:100%}.checkout-btn:hover{background:#5568d3;transform:translateY(-2px)}.clear-cart-btn{background:#0000;border:2px solid #f44;border-radius:25px;color:#f44;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:15px;padding:12px;transition:all .3s;width:100%}.clear-cart-btn:hover{background:#f44;color:#fff}.continue-shopping{color:#667eea;display:block;font-weight:600;margin-top:15px;text-align:center;text-decoration:none;transition:color .3s}.continue-shopping:hover{color:#5568d3}@media (max-width:968px){.cart-container{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart h1{font-size:2rem}.cart-header{display:none}.cart-item{background:#f8f9fa;border:none;border-radius:10px;gap:15px;grid-template-columns:1fr;margin-bottom:15px;padding:20px}.product-info{justify-content:flex-start}.item-price:before{content:"Price: ";font-weight:600}.item-total:before{content:"Total: ";font-weight:600}.quantity-controls{background:#fff;border-radius:8px;justify-content:center;padding:10px}.remove-btn{width:100%}}.receipt-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.receipt-wrapper{background:#fff;border-radius:10px;box-shadow:0 10px 50px #0000004d;max-height:95vh;max-width:900px;overflow-y:auto;width:100%}.receipt-actions{background:#f5f5f5;border-bottom:2px solid #ddd;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-print{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-print:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-download{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-download:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.btn-close{background:#666;color:#fff}.btn-close:hover{background:#555}.receipt-container{background:#fff;font-family:Arial,sans-serif;padding:40px}.receipt-header{border-bottom:3px solid #333;margin-bottom:30px;padding-bottom:25px;text-align:center}.company-logo{color:#4caf50;font-size:3rem;margin-bottom:10px}.company-name{color:#333;font-size:2.2rem;font-weight:700;margin:10px 0}.company-tagline{color:#666;font-size:1.1rem;margin:5px 0}.receipt-title{color:#667eea;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin:20px 0 15px}.receipt-status{align-items:center;background:#e8f5e9;border-radius:25px;color:#4caf50;display:inline-flex;font-weight:600;gap:8px;margin-top:10px;padding:10px 20px}.receipt-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;margin:30px 0;padding:20px}.receipt-section h3{align-items:center;border-bottom:2px solid #667eea;color:#333;display:flex;font-size:1.4rem;gap:10px;margin-bottom:20px;padding-bottom:10px}.receipt-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#fff;border:1px solid #e0e0e0;padding:15px;transition:all .3s ease}.info-item:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.info-item.full-width{grid-column:1/-1}.info-label{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:700;gap:6px;margin-bottom:8px}.info-value{color:#333;font-size:1.05rem;line-height:1.6}.status-badge{background:#fff3cd;color:#856404;font-size:.95rem;padding:6px 15px}.items-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow:hidden;width:100%}.items-table td,.items-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.items-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.items-table tbody tr:hover{background:#f5f5f5}.items-table tbody tr:last-child td{border-bottom:none}.items-table td:last-child,.items-table th:last-child{font-weight:600;text-align:right}.totals-section{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;margin-top:30px;padding:25px}.total-row{color:#333;font-size:1.1rem;padding:12px 0}.total-row:not(:last-child){border-bottom:1px solid #e0e0e0}.grand-total{border-top:3px solid #333;color:#4caf50;font-size:1.6rem;font-weight:700;margin-top:15px;padding-top:20px}.receipt-footer{border-top:3px solid #333;color:#666;margin-top:40px;padding-top:30px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px;text-align:left}.footer-left{display:flex;flex-direction:column;gap:20px}.footer-right{align-items:center;display:flex;justify-content:center}.company-contact{margin-bottom:0}.company-contact p{align-items:center;display:flex;font-size:1rem;gap:8px;margin:8px 0}.payment-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:15px}.payment-info p{color:#1976d2;margin:5px 0}.qr-code-section{align-items:center;background:linear-gradient(135deg,#fff,#f0f9f0 50%,#e8f5e9);background-clip:padding-box;border:3px solid #0000;border-radius:16px;box-shadow:0 8px 24px #4caf5026;display:flex;flex-direction:column;gap:12px;padding:25px;position:relative;transition:all .3s ease}.qr-code-section:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#81c784,#4caf50);border-radius:16px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes borderGlow{0%,to{filter:brightness(1);opacity:1}50%{filter:brightness(1.2);opacity:.8}}.qr-code-section:hover{box-shadow:0 12px 32px #4caf5040;transform:translateY(-3px)}.qr-code-label{align-items:center;color:#2e7d32;display:flex;font-size:1.05rem;font-weight:700;gap:10px;letter-spacing:1px;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.qr-code-label svg{animation:pulse 2s ease-in-out infinite;font-size:1.3rem}.qr-code-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a,0 0 0 4px #4caf501a,inset 0 0 0 1px #4caf5033;padding:12px;position:relative;transition:all .3s ease}.qr-code-wrapper:after{background:linear-gradient(45deg,#0000 30%,#4caf501a 50%,#0000 70%);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.qr-code-wrapper:hover:after{opacity:1}.qr-code-wrapper svg{border-radius:6px;display:block}.qr-code-hint{color:#2e7d32;font-size:.9rem;font-weight:600;letter-spacing:.3px;line-height:1.4;margin:0;max-width:180px;text-align:center}.thank-you{font-size:1.1rem;margin:25px 0;text-align:center}.thank-you p:first-child{color:#4caf50;font-size:1.3rem;margin-bottom:10px}.receipt-timestamp{color:#999;font-size:.85rem;font-style:italic;margin-top:20px}@media print{@page{size:A4;margin:10mm}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0}.receipt-modal,body{background:#fff;padding:0}.receipt-modal{overflow:visible;position:static}.receipt-wrapper{border-radius:0;box-shadow:none;max-height:none;max-width:100%;overflow:visible}.no-print,.receipt-actions{display:none!important}.receipt-container{max-width:100%;padding:15px;page-break-after:avoid;transform:scale(.95);transform-origin:top center}.items-table,.receipt-footer,.receipt-header,.receipt-section,.totals-section{page-break-after:avoid;page-break-inside:avoid}.items-table th{background:linear-gradient(135deg,#667eea,#764ba2)!important}.items-table th,.payment-info,.qr-code-section,.status-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.qr-code-section{background:linear-gradient(135deg,#fff,#f0f9f0 50%,#e8f5e9)!important;border:3px solid #4caf50!important;page-break-inside:avoid}.qr-code-section:before{display:none!important}.qr-code-wrapper{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.qr-code-wrapper svg{height:auto!important;max-width:100px!important}.receipt-section{background:#fafafa!important;margin:10px 0!important;padding:12px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.receipt-section h3{font-size:1.2rem!important;margin-bottom:12px!important}.info-item{background:#fff!important;padding:10px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.receipt-info{gap:10px!important}.totals-section{background:#fafafa!important;margin-top:15px!important;padding:15px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.total-row{font-size:1rem!important;padding:8px 0!important}.grand-total{color:#4caf50!important;font-size:1.3rem!important;padding-top:12px!important}.grand-total,.receipt-footer{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.receipt-footer{margin-top:20px!important;padding-top:15px!important}.footer-content{gap:20px!important;page-break-inside:avoid}.payment-info{background:#e3f2fd!important;padding:10px!important}.receipt-header{margin-bottom:15px!important;padding-bottom:15px!important}.company-logo{font-size:2rem!important}.company-name{font-size:1.6rem!important}.receipt-title{font-size:1.3rem!important;margin:10px 0!important}.items-table td,.items-table th{font-size:.9rem!important;padding:8px!important}.items-table{margin:12px 0!important}.delivery-address,.order-items{page-break-inside:avoid}*{animation:none!important;transition:none!important}}@media (max-width:768px){.receipt-container{padding:20px}.company-name{font-size:1.6rem}.receipt-title{font-size:1.4rem}.receipt-info{grid-template-columns:1fr}.items-table{font-size:.9rem}.items-table td,.items-table th{padding:10px 8px}.total-row{font-size:1rem}.grand-total{font-size:1.3rem}.receipt-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}.footer-content{gap:20px;grid-template-columns:1fr}.footer-left,.footer-right{text-align:center}.company-contact p{justify-content:center}.qr-code-section{margin:0 auto;padding:20px}.qr-code-label{font-size:.95rem}.qr-code-hint{font-size:.85rem}}.checkout{background:#f8f9fa;min-height:100vh;padding:40px 5%}.checkout h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.checkout-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px}.checkout-form{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.form-section h2{border-bottom:2px solid #eee;color:#333;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px}.form-row{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{padding:12px}.form-group small{margin-top:5px}.payment-method{margin-bottom:20px}.radio-option{background:#f8f0ff;border:2px solid #667eea;border-radius:10px;padding:15px}.radio-option span{font-weight:600}.payment-instructions{margin:25px 0}.payment-box{background:#fff8e1;border:2px solid #ffd54f;border-radius:10px;padding:20px}.payment-box h3{align-items:center;color:#f57c00;display:flex;gap:10px;margin-bottom:15px}.payment-box ol{color:#666;line-height:1.8;margin-bottom:20px;margin-left:20px}.payment-box ol li{margin-bottom:8px}.payment-details{background:#fff;margin-top:15px;padding:15px}.payment-details p{color:#333;margin-bottom:8px}.payment-details strong{color:#f57c00}.place-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:30px;padding:18px;transition:all .3s;width:100%}.place-order-btn:hover{box-shadow:0 15px 30px #667eea4d;transform:translateY(-2px)}.order-summary{border-radius:15px;box-shadow:0 5px 15px #00000014;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.order-summary h2{color:#333;font-size:1.5rem;margin-bottom:25px}.order-items{margin-bottom:25px;max-height:300px;overflow-y:auto}.order-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px 0}.order-item:last-child{border-bottom:none}.order-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-details h4{color:#333;font-size:1rem;margin-bottom:5px}.item-details p{color:#666;font-size:.9rem}.order-totals{border-top:2px solid #eee;padding:20px 0}.total-row{color:#666;margin-bottom:12px}.total-row.final{border-top:2px solid #eee;color:#333;font-size:1.2rem;font-weight:700;margin-top:15px;padding-top:15px}.contact-info{background:#f8f9fa;border-radius:10px;margin-top:25px;padding:15px}.contact-info h3{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:8px;margin-bottom:10px}.contact-info p{color:#666;font-size:.95rem;margin-bottom:5px}.order-success{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.success-icon{animation:checkmark .5s ease-in-out;color:#4caf50;margin-bottom:20px}@keyframes checkmark{0%{transform:scale(0) rotate(45deg)}50%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.order-success h1{color:#333;font-size:2.5rem;margin-bottom:15px}.order-success p{color:#666;font-size:1.1rem;margin-bottom:10px}.order-success .order-number{background:#f0f0f0;border-radius:8px;color:#333;font-size:1.3rem;margin:20px 0;padding:15px}.order-success .order-number strong{color:#667eea;font-size:1.4rem}.success-actions{flex-wrap:wrap;gap:15px;margin-top:30px}.btn-continue,.btn-view-receipt{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.btn-view-receipt{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view-receipt:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-3px)}.btn-continue{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-continue:hover{box-shadow:0 10px 25px #4caf5066;transform:translateY(-3px)}@media (max-width:968px){.checkout-container{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:768px){.checkout h1{font-size:2rem}.form-row{grid-template-columns:1fr}.checkout-form,.order-summary{padding:20px}}.checkout-enhanced{background:linear-gradient(180deg,#f7fafc 0,#fff);margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px}.checkout-header{margin-bottom:30px;text-align:center}.checkout-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 8px}.checkout-header p{color:#718096;font-size:1rem}.progress-steps{justify-content:center;margin-bottom:35px;margin-left:auto;margin-right:auto;max-width:600px;padding:0 20px}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;position:relative}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#a0aec0;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:50px}.step.active .step-number{background:#4299e1;color:#fff}.step.completed .step-number{background:#48bb78;color:#fff}.step-label{color:#718096;font-size:.9rem;font-weight:500}.step.active .step-label{color:#2d3748;font-weight:600}.step-line{background:#e2e8f0;height:2px;margin:0 10px 30px;width:120px}.checkout-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px;margin-top:30px}.checkout-main{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px}.form-step h2{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:1.8rem;gap:12px;margin-bottom:30px;padding-bottom:20px}.form-step h2 svg{color:#4299e1}.form-group{margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;padding:12px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group input.error,.form-group select.error{border-color:#f56565}.error-message{align-items:center;color:#f56565;display:flex;font-size:.85rem;gap:6px;margin-top:6px}.error-message svg{flex-shrink:0}.delivery-types{grid-template-columns:1fr 1fr;margin:30px 0}.delivery-types.single-option{margin:30px auto}.delivery-type-card{display:block}.delivery-type-card input{opacity:0;position:absolute}.delivery-type-card .card-content{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.delivery-type-card input:checked+.card-content{background:linear-gradient(135deg,#ebf8ff,#f7fafc);border-color:#4299e1}.delivery-type-card .card-icon{color:#4299e1;font-size:2.5rem;margin-bottom:12px}.delivery-type-card h4{color:#2d3748;font-size:1.1rem;margin:0 0 8px}.delivery-type-card p{color:#718096;font-size:.9rem;margin:0 0 12px}.delivery-type-card .price{background:#4299e1;border-radius:20px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:4px;padding:6px 16px}.delivery-type-card .price-note{color:#718096;display:block;font-size:.75rem;font-style:italic;margin-top:8px}.payment-instructions-box{background:linear-gradient(135deg,#ebf8ff,#f7fafc);border:2px solid #4299e1;border-radius:12px;margin-bottom:30px;padding:24px}.payment-instructions-box h3{color:#2d3748;font-size:1.2rem;margin:0 0 16px}.payment-instructions-box ol{margin:0 0 20px;padding-left:20px}.payment-instructions-box li{color:#4a5568;line-height:1.6;margin-bottom:8px}.payment-instructions-box .highlight{background:#fbbf24;border-radius:4px;color:#1a202c;padding:2px 8px}.payment-summary-box{background:#fff;border-radius:8px;margin-top:16px;padding:16px}.summary-row.highlight-row{border-top:2px dashed #cbd5e0;color:#2d3748;font-size:1.1rem;margin-top:8px;padding-top:12px}.step-actions{border-top:2px solid #e2e8f0;display:flex;gap:16px;margin-top:40px;padding-top:30px}.btn-back,.btn-next,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s ease}.btn-back{border:2px solid #e2e8f0;color:#4a5568}.btn-back:hover{background:#f7fafc;border-color:#cbd5e0}.btn-next,.btn-submit{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.btn-next:hover,.btn-submit:hover:not(:disabled){box-shadow:0 10px 25px #4299e14d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.order-summary-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.order-summary-sidebar h3{color:#2d3748;font-size:1.5rem;margin:0 0 24px}.summary-items{margin-bottom:24px}.summary-item{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px}.summary-item:last-child{border-bottom:none}.summary-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.summary-item .item-info{flex:1 1}.summary-item h4{color:#2d3748;font-size:.95rem;margin:0 0 4px}.summary-item p{color:#718096;font-size:.85rem}.summary-item .item-total{color:#2d3748;font-weight:600}.promo-code-section{background:#f7fafc;margin-bottom:24px;padding:20px}.promo-code-section h4{align-items:center;color:#2d3748;display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.promo-input-group{margin-bottom:8px}.promo-input-group input{border:2px solid #e2e8f0;border-radius:6px;padding:10px 12px}.btn-apply{background:#48bb78;border-radius:6px;padding:10px 20px;transition:all .3s ease}.btn-apply:hover{background:#38a169}.promo-code-section small{color:#718096;font-size:.8rem}.price-breakdown{border-top:2px solid #e2e8f0;padding:20px 0}.breakdown-row{color:#4a5568;padding:10px 0}.breakdown-row.discount-row{color:#48bb78}.breakdown-row.discount-row svg{margin-right:4px}.breakdown-row.total-row{border-top:2px solid #2d3748;color:#2d3748;font-size:1.3rem;font-weight:700;margin-top:10px;padding-top:16px}.help-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;margin-top:24px;padding:20px;text-align:center}.help-section h4{align-items:center;color:#2d3748;display:flex;gap:8px;justify-content:center;margin:0 0 12px}.help-section p{color:#4a5568;font-size:.9rem;margin:6px 0}.help-section .hours{color:#718096;font-size:.85rem;margin-top:8px}.order-success-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:60px auto;max-width:600px;padding:60px 40px;text-align:center}.success-icon{color:#48bb78;font-size:5rem;margin-bottom:24px}.order-success-container h1{color:#2d3748;font-size:2rem;margin-bottom:16px}.success-message{color:#718096;font-size:1.1rem;margin-bottom:30px}.order-details-box{background:#f7fafc;border-radius:12px;margin:30px 0;padding:24px;text-align:left}.order-details-box h3{color:#2d3748;margin:0 0 16px}.order-details-box p{color:#4a5568;margin:8px 0}.success-note{color:#718096;font-size:.95rem;margin-bottom:30px}.success-actions{display:flex;gap:16px;justify-content:center}.btn-primary,.btn-secondary{border-radius:8px;padding:14px 28px}.btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce)}.btn-primary:hover{box-shadow:0 10px 25px #4299e14d}.btn-secondary{border:2px solid #e2e8f0;color:#4a5568}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.delivery-timing-info{background:linear-gradient(135deg,#fef5e7,#fef9f3);border:2px solid #f59e0b;border-radius:16px;margin-bottom:30px;padding:24px}.timing-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.timing-header h3{color:#2d3748;font-size:1.2rem;margin:0}.clock-icon{color:#f59e0b;font-size:1.5rem}.timing-rules{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.timing-rule{background:#fff;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.timing-rule:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.timing-rule.same-day{border-left:4px solid #48bb78}.timing-rule.next-day{border-left:4px solid #4299e1}.timing-rule.express-option{border-left:4px solid #f59e0b}.rule-icon{flex-shrink:0;font-size:2rem}.rule-content h4{color:#2d3748;font-size:1rem;margin:0 0 8px}.rule-content p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.rule-content strong{color:#2d3748;font-weight:600}.current-time-display{align-items:center;background:#fff;border-radius:8px;color:#4a5568;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.current-time-display svg{color:#f59e0b;margin-right:8px}.delivery-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 16px}.same-day-badge{background:#c6f6d5;color:#22543d}.next-day-badge{background:#bee3f8;color:#2c5282}.express-badge{background:#fef3c7;color:#92400e}.gps-location-section{background:linear-gradient(135deg,#ebf8ff,#f0fff4);border:2px solid #4299e1;border-radius:16px;margin:30px 0;padding:30px}.gps-location-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.3rem;gap:10px;margin:0 0 10px}.gps-location-section h3 svg{color:#4299e1}.gps-description{color:#4a5568;line-height:1.6;margin-bottom:20px}.btn-get-location{align-items:center;background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:16px 24px;transition:all .3s ease;width:100%}.btn-get-location:hover:not(:disabled){box-shadow:0 10px 25px #4299e14d;transform:translateY(-2px)}.btn-get-location:disabled{cursor:not-allowed;opacity:.7}.location-error{align-items:center;background:#fff5f5;border:2px solid #fc8181;border-radius:8px;color:#c53030;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.location-display{background:#fff;border-radius:12px;margin-top:20px;padding:24px}.location-success{align-items:center;border-bottom:2px solid #e2e8f0;color:#38a169;display:flex;font-size:1.05rem;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:16px}.location-success svg{font-size:1.3rem}.location-info{margin-bottom:20px}.info-row{color:#4a5568}.info-row.highlight{background:linear-gradient(135deg,#ebf8ff,#e0f2fe);border-bottom:none;border-radius:8px;margin-bottom:12px;padding:12px 16px}.distance-value{color:#2563eb;font-size:1.1rem;font-weight:700}.fee-value{color:#10b981;font-size:1.2rem;font-weight:700}.info-row strong{color:#2d3748;min-width:120px}.address-text{flex:1 1;font-size:.9rem;text-align:right}.pricing-info{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:16px;padding:12px 16px}.pricing-note{color:#78350f;font-size:.9rem;line-height:1.6;margin:0}.pricing-note strong{color:#92400e}.map-preview{margin-top:20px}.map-link{align-items:center;background:#ebf8ff;color:#4299e1;display:inline-flex;gap:8px;margin-bottom:12px;padding:8px 16px}.map-link:hover{background:#bee3f8;transform:translateX(4px)}.map-iframe-container{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:12px;overflow:hidden}.gps-benefits{background:#f7fafc;border-radius:10px;margin-top:24px;padding:20px}.gps-benefits h4{color:#2d3748;font-size:1rem;margin:0 0 12px}.gps-benefits ul{list-style:none;margin:0 0 12px;padding:0}.gps-benefits li{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.gps-benefits li svg{color:#48bb78;flex-shrink:0;font-size:.9rem}.gps-benefits small{border-top:1px solid #e2e8f0;color:#718096;display:block;font-size:.85rem;line-height:1.5;padding-top:8px}@media (max-width:1024px){.checkout-content{grid-template-columns:1fr}.order-summary-sidebar{order:-1;position:static}}@media (max-width:768px){.checkout-enhanced{padding:20px 10px}.checkout-header h1{font-size:1.8rem}.progress-steps{margin-bottom:30px}.step-line{width:60px}.checkout-main{padding:24px}.form-step h2{font-size:1.4rem}.delivery-types,.form-row,.timing-rules{grid-template-columns:1fr}.current-time-display{flex-direction:column;gap:10px;text-align:center}.step-actions,.success-actions{flex-direction:column}.order-summary-sidebar{padding:20px}.checkout-enhanced{padding:15px 10px}.checkout-header h1{font-size:1.5rem}.checkout-header p{font-size:.9rem}.progress-steps{margin-bottom:25px;padding:0 10px}.step-number{font-size:1rem;height:40px;width:40px}.step-label{font-size:.75rem}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.order-summary-sidebar{margin-top:20px;position:static}.summary-item{padding:12px 0}button{font-size:1rem;min-height:48px}.btn-primary,.btn-secondary{padding:14px 20px}}@media (max-width:480px){.checkout-enhanced{padding:10px 8px}.checkout-header h1{font-size:1.3rem}.step-connector{width:30px}.form-row{gap:10px}.promo-input-group input{font-size:14px}}@media (min-width:769px) and (max-width:1024px){.checkout-container{gap:30px}.checkout-form{flex:1 1}.order-summary-sidebar{flex:0 0 350px}}@media print{.checkout-header,.progress-steps,.step-actions,button{display:none}.order-summary-sidebar{border:1px solid #000;box-shadow:none;position:static}}.summary-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.summary-header h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0}.item-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.summary-items{margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:5px}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.summary-items::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.summary-items::-webkit-scrollbar-thumb:hover{background:#a0aec0}.summary-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;transition:all .3s ease}.summary-item:hover{background:#edf2f7;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.item-image{background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.item-name{font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.item-quantity{font-size:.85rem;margin:0}.custom-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.item-price{align-items:center;display:flex;flex-shrink:0}.price-amount{color:#2d3748;font-size:1rem;font-weight:700}.promo-code-section{background:linear-gradient(135deg,#fef5e7,#fdebd0);border:2px dashed #f59e0b;border-radius:12px;margin-bottom:20px;padding:18px}.promo-header{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:12px}.promo-icon{color:#f59e0b;font-size:1.2rem}.promo-input-group{display:flex;gap:8px;margin-bottom:10px}.promo-input-group input{background:#fff;border:2px solid #f59e0b;border-radius:8px;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 14px;text-transform:uppercase;transition:all .3s}.promo-input-group input:focus{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.btn-apply{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:12px 20px;transition:all .3s;white-space:nowrap}.btn-apply:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.promo-suggestions{text-align:center}.promo-suggestions small{color:#92400e;font-size:.8rem}.promo-suggestions strong{color:#d97706;font-weight:700}.price-breakdown{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.breakdown-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.breakdown-row .label{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:8px}.breakdown-row .value{color:#2d3748;font-weight:600}.icon-small{color:#667eea;font-size:.9rem}.distance-info{color:#a0aec0;font-size:.75rem;font-weight:400;margin-left:4px}.discount-row{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px;margin:8px -10px;padding:12px 10px}.discount-row .label{color:#155724;font-weight:600}.discount-row .savings{color:#28a745;font-size:1.05rem;font-weight:700}.breakdown-divider{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);height:2px;margin:15px 0}.total-row{padding:15px 0 0}.total-row .label{color:#2d3748;font-size:1.1rem;font-weight:700}.total-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.savings-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:12px;text-align:center}@media (max-width:768px){.summary-header h3{font-size:1.1rem}.item-count{font-size:.8rem;padding:5px 12px}.summary-item{gap:10px;padding:12px}.item-image{height:60px;width:60px}.item-name{font-size:.9rem}.item-quantity{font-size:.8rem}.price-amount{font-size:.95rem}.promo-code-section{padding:15px}.promo-input-group{flex-direction:column}.btn-apply{justify-content:center;width:100%}.total-amount{font-size:1.3rem}}.delivery-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.delivery-types.single-option{grid-template-columns:1fr;max-width:500px}.delivery-type-card{background:#fff;border:3px solid #e2e8f0;border-radius:15px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.delivery-type-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.delivery-type-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.delivery-type-card.selected{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#667eea;box-shadow:0 8px 25px #667eea4d}.delivery-type-card.express{border-color:#f59e0b}.delivery-type-card.express:hover{border-color:#d97706;box-shadow:0 8px 20px #f59e0b33}.delivery-type-card.express.selected{background:linear-gradient(135deg,#fef5e7,#fdebd0);border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b4d}.card-content{padding:25px 20px;position:relative;text-align:center}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;display:flex;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.card-icon-wrapper.express-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.card-icon{color:#fff;font-size:2rem}.card-content h4{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0 0 10px}.delivery-description{color:#718096;font-size:.9rem;margin:0 0 15px}.price-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin:15px 0}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.delivery-type-card.express .price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.distance-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.original-price{color:#a0aec0;font-size:.9rem;text-decoration:line-through}.price-note{color:#718096;display:block;font-size:.8rem;margin-top:5px}.express-badge-top{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;font-size:.7rem;letter-spacing:1px;padding:5px 12px;right:10px}.express-badge-top,.selected-badge{border-radius:20px;color:#fff;font-weight:700;position:absolute;top:10px}.selected-badge{animation:slideIn .3s ease;background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d;font-size:.75rem;left:10px;padding:6px 14px}.delivery-info-banner{grid-gap:15px;background:linear-gradient(135deg,#e6f7ff,#d6f0ff);border:2px solid #91d5ff;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:20px}.info-item{align-items:center;gap:10px}.info-item div{color:#0050b3;font-size:.85rem}.info-item strong{color:#003a8c;display:block;font-weight:700;margin-bottom:2px}@media (max-width:768px){.delivery-types{gap:15px;grid-template-columns:1fr;margin-bottom:20px}.delivery-type-card{border-width:2px}.card-content{padding:20px 15px}.card-icon-wrapper{height:65px;width:65px}.card-icon{font-size:1.8rem}.card-content h4{font-size:1.15rem}.delivery-description{font-size:.9rem}.price{font-size:1.6rem}.distance-badge{font-size:.75rem;padding:4px 10px}.price-note{font-size:.8rem}.express-badge-top{font-size:.65rem;padding:4px 10px;right:8px;top:8px}.selected-badge{font-size:.7rem;left:8px;padding:5px 12px;top:8px}.delivery-info-banner{gap:10px;grid-template-columns:1fr;margin:20px 0;padding:15px}.info-item{background:#fff;border-radius:8px;justify-content:flex-start;padding:8px;text-align:left}.info-icon{font-size:1.3rem}.info-item div{font-size:.85rem}.info-item strong{font-size:.8rem}}@media (max-width:480px){.delivery-types{gap:12px}.card-content{padding:18px 12px}.card-icon-wrapper{height:60px;width:60px}.card-icon{font-size:1.6rem}.card-content h4{font-size:1.05rem}.delivery-description{font-size:.85rem}.price{font-size:1.4rem}.distance-badge{font-size:.7rem;padding:3px 8px}.price-note{font-size:.75rem}.delivery-info-banner{gap:8px;padding:12px}.info-item{padding:6px}.info-icon{font-size:1.2rem}}@media (max-width:768px){.checkout-enhanced{padding:20px 15px}.checkout-header h1{font-size:1.6rem}.checkout-header p{font-size:.9rem}.progress-steps{margin-bottom:25px;padding:0 10px}.step-number{font-size:1.1rem;height:45px;width:45px}.step-label{font-size:.8rem;margin-top:6px}.step-connector{margin:0 8px;width:30px}.checkout-container{flex-direction:column;gap:20px}.checkout-form{padding:20px 15px;width:100%}.step-content h2{font-size:1.3rem}.form-row{flex-direction:column;gap:15px}.form-group{width:100%}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px}.step-actions{flex-direction:column-reverse;gap:12px}.btn-back,.btn-next,.btn-submit{font-size:1rem;padding:16px;width:100%}.order-summary-sidebar{margin-top:20px;padding:20px 15px;position:static;width:100%}.location-picker{padding:15px}.map-container{height:250px}.payment-instructions{padding:15px}.payment-step{padding:12px}.success-message{padding:30px 20px}.success-icon{font-size:3.5rem}.success-message h2{font-size:1.5rem}}@media (max-width:480px){.checkout-enhanced{padding:15px 10px}.checkout-header h1{font-size:1.4rem}.checkout-header p{font-size:.85rem}.step-number{font-size:1rem;height:40px;width:40px}.step-label{display:none;font-size:.7rem}.step-connector{margin:0 5px;width:20px}.checkout-form{padding:15px 12px}.step-content h2{font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{padding:12px}.btn-back,.btn-next,.btn-submit{font-size:.95rem;padding:14px}.order-summary-sidebar{padding:15px 12px}.map-container{height:200px}.success-message{padding:25px 15px}.success-icon{font-size:3rem}.success-message h2{font-size:1.3rem}}@media (max-width:768px) and (orientation:landscape){.map-container{height:200px}.progress-steps{margin-bottom:20px}.step-label{display:none}}.delivery-schedule-section{background:#fff;border:2px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin:30px 0;padding:30px}.section-title{align-items:center;color:#2d3748;display:flex;font-size:1.4rem;font-weight:700;gap:12px;margin:0 0 25px}.section-title svg{color:#667eea;font-size:1.6rem}.enhanced-label{color:#2d3748;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:5px;margin-bottom:12px}.label-hint{color:#718096;font-size:.85rem;font-style:italic;font-weight:400}.date-picker-group{margin-bottom:30px}.date-input-wrapper{position:relative}.enhanced-date-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:1rem;padding:15px;transition:all .3s;width:100%}.enhanced-date-input:hover{border-color:#667eea}.enhanced-date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-display{background:linear-gradient(135deg,#e6f7ff,#d6f0ff);border:2px solid #91d5ff;border-radius:10px;color:#003a8c;font-size:1.05rem;font-weight:600;margin-top:12px;padding:15px;text-align:center}.time-slot-group{margin-bottom:30px}.time-slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:15px}.time-slot-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;text-align:center;transition:all .3s ease}.time-slot-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.time-slot-card:hover{border-color:#667eea;box-shadow:0 6px 15px #667eea33;transform:translateY(-3px)}.time-slot-card.selected{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#667eea;box-shadow:0 6px 20px #667eea4d}.slot-content{display:flex;flex-direction:column;gap:8px;width:100%}.slot-icon{font-size:2rem}.slot-time{color:#2d3748;font-size:.95rem;font-weight:700}.slot-label{color:#718096;font-size:.8rem}.selected-check{align-items:center;animation:checkPop .3s ease;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;box-shadow:0 2px 8px #48bb784d;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.delivery-summary-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-top:25px;padding:25px}.delivery-summary-box h4{color:#166534;font-size:1.2rem;font-weight:700;margin:0 0 20px}.summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:flex-start;background:#fff;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:12px;padding:15px}.summary-icon{flex-shrink:0;font-size:1.8rem}.summary-item div{flex:1 1}.summary-item strong{color:#166534;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.summary-item p{color:#15803d;font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.delivery-schedule-section{margin:20px 0;padding:15px}.section-title{font-size:1.1rem;gap:8px}.section-title svg{font-size:1.3rem}.enhanced-label{font-size:.95rem}.label-hint{font-size:.8rem}.enhanced-date-input{font-size:1.05rem;padding:18px}.date-display{font-size:.95rem;padding:12px}.time-slots-grid{gap:12px;grid-template-columns:1fr}.time-slot-card{min-height:80px;padding:18px}.slot-icon{font-size:2rem}.slot-time{font-size:1rem;font-weight:700}.slot-label{font-size:.85rem}.selected-check{font-size:1rem;height:28px;width:28px}.summary-details{gap:10px;grid-template-columns:1fr}.summary-item{padding:12px}.summary-icon{font-size:1.5rem}.summary-item strong{font-size:.8rem}.summary-item p{font-size:.95rem}.delivery-summary-box{padding:15px}.delivery-summary-box h4{font-size:1.1rem}}@media (max-width:480px){.delivery-schedule-section{border-radius:10px;padding:12px}.section-title{align-items:flex-start;flex-direction:column;font-size:1rem;gap:5px}.enhanced-date-input{font-size:1rem;padding:16px}.date-display{font-size:.9rem;padding:10px}.time-slot-card{min-height:75px;padding:15px}.slot-icon{font-size:1.8rem}.slot-time{font-size:.95rem}.slot-label{font-size:.8rem}.delivery-summary-box{padding:12px}.summary-item{padding:10px}}.admin-chat-support{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 200px);overflow:hidden}.chat-sessions-panel{background:#f7fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.panel-header h3{color:#2d3748;font-size:1.2rem;margin:0}.session-count{background:#4caf50;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.sessions-list{flex:1 1;overflow-y:auto;padding:10px}.sessions-list::-webkit-scrollbar{width:6px}.sessions-list::-webkit-scrollbar-track{background:#e2e8f0}.sessions-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.empty-sessions{align-items:center;color:#a0aec0;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-sessions svg{font-size:3rem;margin-bottom:10px;opacity:.5}.session-item{align-items:center;background:#fff;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:15px;position:relative;transition:all .3s}.session-item:hover{background:#edf2f7;transform:translateX(5px)}.session-item.active{background:#e6f7e6;border-left:4px solid #4caf50}.session-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;position:relative;width:50px}.status-indicator{border:2px solid #fff;bottom:2px;position:absolute;right:2px}.status-indicator.online{color:#48bb78}.session-info{flex:1 1;min-width:0}.session-name{color:#2d3748;font-size:.95rem;font-weight:600}.session-email,.session-name{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-email{color:#718096;font-size:.8rem}.session-time{color:#a0aec0;font-size:.75rem}.close-session-btn{background:none;border:none;border-radius:50%;color:#e53e3e;cursor:pointer;font-size:1rem;opacity:0;padding:8px;transition:all .3s}.session-item:hover .close-session-btn{opacity:1}.close-session-btn:hover{background:#fed7d7;transform:scale(1.1)}.chat-conversation-panel{background:#fff;display:flex;flex-direction:column}.conversation-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;display:flex;justify-content:space-between;padding:20px}.customer-info{align-items:center;gap:15px}.customer-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.customer-info h4{font-size:1.1rem;margin:0}.customer-info p{font-size:.85rem;margin:0;opacity:.9}.close-chat-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.close-chat-btn:hover{background:#ffffff4d}.conversation-messages{background:#f7fafc;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-track{background:#e2e8f0}.conversation-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chat-message{animation:messageSlide .3s ease-out;display:flex}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.customer-message{justify-content:flex-start}.chat-message.admin-message{justify-content:flex-end}.message-bubble{border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:70%;padding:12px 16px}.customer-message .message-bubble{background:#fff;border-bottom-left-radius:4px}.admin-message .message-bubble{background:linear-gradient(135deg,#4caf50,#45a049);border-bottom-right-radius:4px;color:#fff}.message-text{word-wrap:break-word;font-size:.95rem;line-height:1.5}.message-meta{font-size:.75rem;gap:8px;margin-top:6px;opacity:.8}.message-meta,.message-status{align-items:center;display:flex}.conversation-input{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px}.conversation-input input{border:2px solid #e2e8f0;border-radius:25px;flex:1 1;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s}.conversation-input input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.send-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:50px;justify-content:center;transition:all .3s;width:50px}.send-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf5066;transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.no-conversation-selected{align-items:center;color:#a0aec0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-conversation-selected svg{font-size:4rem;margin-bottom:20px;opacity:.3}.no-conversation-selected h3{color:#718096;margin:0 0 10px}.no-conversation-selected p{font-size:.95rem;margin:0}@media (max-width:768px){.admin-chat-support{grid-template-columns:1fr;height:calc(100vh - 150px)}.chat-sessions-panel{display:none}.chat-conversation-panel,.chat-sessions-panel.show-mobile{display:flex}.message-bubble{max-width:85%}.conversation-input{padding:15px}.send-btn{height:45px;width:45px}}.admin-dashboard{background:#f8f9fa;min-height:100vh;padding-bottom:40px}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 5%}.admin-header h1{font-size:2.5rem;margin-bottom:10px}.admin-header p{font-size:1.1rem;opacity:.95}.admin-tabs{background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;gap:30px;padding:0 5%}.admin-tabs button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:20px 30px;position:relative;transition:color .3s}.admin-tabs button.active,.admin-tabs button:hover{color:#667eea}.admin-tabs button.active:after{background:#667eea;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.admin-content{margin:0 auto;max-width:1400px;padding:40px 5%}.overview-section h2{color:#333;font-size:2rem;margin-bottom:30px}.stats-grid{grid-gap:30px;gap:30px}.stat-card{box-shadow:0 5px 15px #00000014;transition:transform .3s}.stat-card:hover{box-shadow:0 10px 30px #00000026}.stat-icon{border-radius:50%;font-size:1.5rem;height:60px;width:60px}.stat-info h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.products-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.section-header{margin-bottom:30px}.section-header h2{color:#333;font-size:2rem}.btn-add{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:background .3s}.btn-add:hover{background:#45a049}.orders-table,.products-table{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f8f9fa}th{border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;text-align:left}td,th{padding:15px}td{border-bottom:1px solid #f0f0f0;vertical-align:middle}tbody tr:hover{background:#f8f9fa}.product-thumb{border-radius:8px;height:60px;object-fit:cover;width:60px}.table-actions{display:flex;gap:10px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s;width:35px}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.orders-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.orders-section h2{color:#333;font-size:2rem;margin-bottom:30px}.small-text{color:#999;font-size:.85rem;margin-top:5px}.status-badge{padding:5px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#cce5ff;color:#004085}.status-badge.shipped{background:#d1ecf1;color:#0c5460}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-select{border:1px solid #ddd;padding:6px 10px}.messages-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px}.messages-section h2{color:#333;font-size:2rem;margin-bottom:30px}.messages-list{display:flex;flex-direction:column;gap:20px}.message-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.message-header h3{color:#333;font-size:1.2rem;text-transform:capitalize}.message-date{color:#999;font-size:.9rem}.message-from{color:#666;font-size:.95rem;margin-bottom:15px}.message-body{color:#333;line-height:1.6}.no-data{color:#999;font-size:1.1rem;padding:60px;text-align:center}.product-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-header{border-bottom:1px solid #e0e0e0;padding:25px}.modal-header h2{color:#333}.close-btn{background:none;color:#999;font-size:2rem;transition:color .3s}.close-btn:hover{color:#333}.modal-content form{padding:25px}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd}.modal-actions{margin-top:25px}.btn-cancel,.btn-submit{border-radius:5px;padding:10px 25px;transition:all .3s}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#667eea}.btn-submit:hover{background:#5568d3}.staff-section{animation:fadeIn .5s ease}.staff-section h2{color:#333;font-size:2rem;margin-bottom:25px}.staff-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.staff-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.staff-tab-btn.active{border-bottom-color:#667eea;color:#667eea}.staff-tab-btn:hover{color:#667eea}.staff-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.staff-management-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.section-header{flex-wrap:wrap;gap:15px}.section-header h3{font-size:1.5rem}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.search-input{border-radius:8px;min-width:250px}.filter-select,.search-input{font-size:.95rem;padding:10px 15px;transition:border-color .3s ease}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer}.filter-select:focus{border-color:#667eea;outline:none}.staff-table-container{margin-bottom:30px;overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table thead{background:#f8f9fa}.staff-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:15px;text-align:left}.staff-table td{border-bottom:1px solid #e0e0e0;padding:15px}.staff-table tbody tr:hover{background:#f8f9fa}.staff-info{gap:10px}.staff-avatar,.staff-info{align-items:center;display:flex}.staff-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.2rem;height:40px;justify-content:center;padding:8px;width:40px}.status-badge.online{background:#d4edda;color:#155724}.status-badge.offline{background:#f8d7da;color:#721c24}.status-badge.busy{background:#fff3cd;color:#856404}.status-badge.terminated{background:#f8d7da;color:#721c24}.status-badge.inactive{background:#e0e0e0;color:#666}.license-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:6px 12px;text-transform:uppercase}.license-badge.valid{background:#d4edda;color:#155724}.license-badge.valid:before{content:"✓";font-weight:700}.license-badge.expiring{background:#fff3cd;color:#856404}.license-badge.expiring:before{content:"⚠"}.license-badge.expired{background:#f8d7da;color:#721c24}.license-badge.expired:before{content:"✖";font-weight:700}.license-badge.pending{background:#e3f2fd;color:#1976d2}.license-badge.pending:before{content:"⏳"}.reflector-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:6px 12px;text-transform:uppercase}.reflector-badge.collected{background:#d4edda;color:#155724}.reflector-badge.collected:before{content:"✓";font-weight:700}.reflector-badge.ready{background:#fff3cd;color:#856404}.reflector-badge.ready:before{content:"🎯"}.reflector-badge.pending{background:#e3f2fd;color:#1976d2}.reflector-badge.pending:before{content:"⏳"}.rating{font-weight:600}.action-btn{font-size:.85rem;margin-right:5px;padding:6px 12px}.action-btn.view{background:#e3f2fd;color:#1976d2}.action-btn.view:hover{background:#1976d2}.action-btn.edit{background:#fff3e0;color:#f57c00}.action-btn.edit:hover{background:#f57c00;color:#fff}.action-btn.delete{background:#ffebee;color:#c62828}.action-btn.delete:hover{background:#c62828;color:#fff}.resume-download{display:flex;flex-direction:column;gap:10px}.download-resume-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.download-resume-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.performance-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:30px}.performance-section h3{color:#333;font-size:1.3rem;margin-bottom:20px}.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.performance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px}.performance-card h4{font-size:1rem;margin-bottom:15px;opacity:.9}.performance-value{font-size:2rem;font-weight:700;margin:0}.top-performer{align-items:center;display:flex;gap:15px}.performer-icon{font-size:2.5rem;opacity:.9}.performer-name{font-size:1.2rem;font-weight:600;margin:0 0 5px}.performer-stat{font-size:.9rem;margin:0;opacity:.9}@media (max-width:768px){.admin-header h1{font-size:2rem}.admin-tabs{overflow-x:auto;padding:0 20px}.admin-tabs button{font-size:.9rem;padding:15px 20px}.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}table{font-size:.9rem}td,th{padding:10px}.modal-content{border-radius:0;max-height:100vh}}.product-detail{margin:0 auto;max-width:1200px;padding:40px 5%}.loading{color:#666;font-size:1.2rem;padding:100px;text-align:center}.back-btn{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;padding:10px 20px}.back-btn:hover{background:#667eea}.product-detail-container{grid-gap:60px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:40px}.product-image-section img{border-radius:15px;height:400px;object-fit:cover;width:100%}.product-features{display:flex;flex-direction:column;gap:15px;margin-top:30px}.feature{align-items:center;color:#333;display:flex;font-size:1rem;gap:10px}.feature svg{color:#4caf50}.product-info-section h1{color:#333;font-size:2.5rem;margin-bottom:15px}.product-description{font-size:1.1rem;margin-bottom:25px}.price-display{align-items:baseline;background:#f8f9fa;border-radius:10px;display:flex;gap:10px;margin-bottom:30px;padding:15px}.price{font-size:2rem}.unit{color:#999;font-size:1rem}.purchase-options{margin-bottom:30px}.purchase-options h3{color:#333;font-size:1.2rem;margin-bottom:20px}.option-group{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.radio-option{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:15px}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option span{color:#333;font-size:1rem}.quantity-selector{align-items:center;display:flex;gap:10px;margin-left:28px}.quantity-btn{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1.2rem;height:35px;transition:all .3s;width:35px}.quantity-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.quantity-input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:8px;text-align:center;width:60px}.quantity-unit{color:#666;margin-left:5px}.custom-amount-selector{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:28px}.currency-prefix{color:#333;font-size:1.1rem;font-weight:600}.amount-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:1rem;min-width:150px;padding:10px}.amount-info{color:#4caf50;font-size:.9rem;margin-top:5px;width:100%}.total-section{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px}.total-row{align-items:center;display:flex;justify-content:space-between}.total-row span:first-child{color:#666;font-size:1.1rem}.total-price{color:#667eea;font-size:1.5rem;font-weight:700}.add-to-cart-btn-large{align-items:center;background:#667eea;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s;width:100%}.add-to-cart-btn-large:hover:not(:disabled){background:#5568d3;box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.add-to-cart-btn-large:disabled{background:#ccc;cursor:not-allowed}.product-additional-info{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.product-additional-info h3{color:#333;font-size:1.3rem;margin-bottom:20px}.info-grid{grid-gap:15px;gap:15px}.info-item{background:#f8f9fa;border-radius:8px;padding:10px}.info-item strong{color:#333;margin-right:10px}@media (max-width:768px){.product-detail-container{gap:30px;grid-template-columns:1fr;padding:20px}.product-info-section h1{font-size:2rem}.price{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.custom-amount-selector,.quantity-selector{margin-left:0;margin-top:10px}}.careers-page{background:#f8f9fa;min-height:100vh}.empty-state,.loading-state{padding:60px 20px}.empty-icon,.loading-state svg{color:#22c55e;font-size:4rem;margin-bottom:20px}.loading-state p{color:#6b7280;font-size:1.1rem}button:disabled{cursor:not-allowed;opacity:.6}.careers-hero{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:4rem 2rem;text-align:center}.careers-hero h1{font-size:3rem;margin-bottom:1rem}.careers-hero p{font-size:1.2rem;opacity:.95}.careers-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.vacancies-header{margin-bottom:3rem;text-align:center}.vacancies-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.vacancies-header p{color:#666;font-size:1.1rem}.vacancies-grid{grid-gap:2rem;gap:2rem}.vacancy-card{border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;transition:transform .3s,box-shadow .3s}.vacancy-card:hover{box-shadow:0 5px 20px #00000026}.vacancy-header{align-items:start;margin-bottom:1rem}.vacancy-header h3{color:#333}.department-tag{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.vacancy-meta{color:#666;display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.vacancy-meta span{align-items:center;display:flex;gap:.3rem}.vacancy-description{color:#555;line-height:1.6;margin-bottom:1.5rem}.requirements{margin-bottom:1.5rem}.requirements h4{color:#333;font-size:1rem;margin-bottom:.5rem}.requirements ul{list-style:none;padding:0}.requirements li{color:#666;padding:.25rem 0 .25rem 1.5rem;position:relative}.requirements li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.apply-btn{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:transform .3s}.apply-btn:hover{transform:translateX(5px)}.no-vacancies{background:#fff;border-radius:10px;color:#666;padding:4rem 2rem;text-align:center}.application-form-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.back-btn{background:none;border:none;color:#4ade80;margin-bottom:1.5rem;padding:.5rem 0;transition:color .3s}.back-btn:hover{color:#22c55e}.application-form-container h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:2rem;padding-bottom:1rem}.application-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9f9f9;border-radius:8px;padding:1.5rem}.form-section h3{font-size:1.2rem;margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{border-radius:5px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4ade80}.file-upload{display:flex;flex-direction:column;gap:.5rem}.file-upload-label{align-items:center;background:#f0f0f0;border:2px dashed #ccc;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.file-upload-label:hover{background:#e0e0e0;border-color:#4ade80}.file-upload small{color:#666;font-size:.85rem}.form-actions{justify-content:center;margin-top:1rem}.submit-application-btn{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:transform .3s,box-shadow .3s}.submit-application-btn:hover{box-shadow:0 5px 15px #22c55e4d;transform:translateY(-2px)}@media (max-width:768px){.careers-hero h1{font-size:2rem}.form-row,.vacancies-grid{grid-template-columns:1fr}}.employee-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.employee-login:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.login-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 30px 60px #0003,inset 0 0 0 1px #ffffff1a;max-width:450px;padding:3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2.5rem;position:relative;text-align:center}.login-icon{-webkit-text-fill-color:#0000;animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3.5rem;margin-bottom:1rem}.login-header h1{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:.5rem 0}.login-header p{color:#666;font-size:.95rem;line-height:1.5;margin-top:.5rem}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.75rem;position:relative}.form-group label{gap:.5rem;margin-bottom:.75rem;transition:color .3s}.form-group label svg,.form-group:focus-within label{color:#667eea}.form-group input{background:#f8f9fa;border-radius:12px;padding:1rem 1.25rem;transition:all .3s;width:100%}.form-group input:focus{box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-group input::placeholder{color:#aaa}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1.1rem;position:relative;transition:all .3s;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){box-shadow:0 15px 30px #667eea66;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-left:10px;width:20px}.login-links{background:linear-gradient(180deg,#fafafa,#0000);border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-bottom:1.5rem;padding:1.75rem 0;text-align:center}.login-links p{color:#666;font-size:.95rem;margin-bottom:.75rem}.careers-link{border-radius:6px;color:#667eea;display:inline-block;font-weight:600;padding:5px 10px;position:relative;text-decoration:none;transition:all .3s}.careers-link:after{background:#667eea;bottom:2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:0}.careers-link:hover{background:#667eea1a;color:#764ba2}.careers-link:hover:after{width:80%}.demo-credentials{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;text-align:center}.demo-credentials:before{content:"🔐";font-size:3rem;opacity:.1;position:absolute;right:-10px;top:-10px}.demo-credentials p{color:#555;font-size:.9rem;font-weight:500;margin:0 0 .75rem}.demo-credentials code{background:#2d3748;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;color:#4ade80;display:block;font-family:Fira Code,Courier New,monospace;font-size:.9rem;letter-spacing:.5px;padding:.75rem}.forgot-password{margin-top:1rem;text-align:center}.forgot-password a{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.login-container{margin:1rem;padding:2rem}.login-header h1{font-size:1.75rem}.login-icon{font-size:3rem}.form-group input{font-size:.95rem;padding:.875rem 1rem}.login-btn{font-size:1rem}.demo-credentials,.login-btn{padding:1rem}.demo-credentials code{font-size:.8rem;padding:.5rem}}.employee-portal{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;overflow-x:hidden;position:relative}.employee-portal:before{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-clip-path:polygon(0 0,100% 0,100% 75%,0 85%);clip-path:polygon(0 0,100% 0,100% 75%,0 85%);content:"";height:400px;left:0;position:absolute;right:0;top:0;z-index:0}.portal-container{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.portal-header{align-items:center;animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #ffffff80;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2.5rem}.portal-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}.employee-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;color:#fff;display:flex;gap:1.5rem;padding:1rem 1.5rem}.logout-btn{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:25px;box-shadow:0 4px 15px #ff47574d;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s}.logout-btn:hover{box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.portal-stats{grid-gap:2rem;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;box-shadow:10px 10px 30px #0000001a,-10px -10px 30px #fff;padding:2rem;text-align:center}.stat-card:before{height:4px;width:100%}.stat-card:hover{box-shadow:15px 15px 35px #00000026,-15px -15px 35px #fff}.stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.stat-card h3{color:#666;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}.stat-value{color:#333;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#999;text-transform:capitalize}.stat-value.success{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b894,#00d4aa);-webkit-background-clip:text;background-clip:text}.stat-value.warning{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fdcb6e,#ffb142);-webkit-background-clip:text;background-clip:text}.stat-value.danger{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4757,#ff6b7a);-webkit-background-clip:text;background-clip:text}.portal-tabs{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.portal-tabs button{align-items:center;background:#0000;border:none;border-radius:5px;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.portal-tabs button:hover{background:#f0f0f0}.portal-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.portal-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.profile-section h2,.tasks-section h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem}.no-tasks{color:#999;font-size:1.1rem;padding:3rem;text-align:center}.tasks-list{grid-gap:1.5rem;gap:1.5rem}.task-card{background:#fafafa;border:2px solid #f0f0f0;border-radius:8px;padding:1.5rem;transition:all .3s}.task-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-card.completed{background:#00b8941a;border-color:#00b894}.task-card.in-progress{background:#fdcb6e1a;border-color:#fdcb6e}.task-card.pending{background:#ff47571a;border-color:#ff4757}.task-header{margin-bottom:1rem}.task-header h3{color:#333;margin:0}.status-icon{font-size:1.5rem}.status-icon.completed{color:#00b894}.status-icon.in-progress{color:#fdcb6e}.status-icon.pending{color:#ff4757}.task-description{color:#666;margin-bottom:1rem}.task-meta{font-size:.9rem;gap:2rem;margin-bottom:1rem}.priority{color:#666}.due-date{color:#999}.task-actions{display:flex;justify-content:flex-end}.status-select{background:#fff;border:2px solid #e0e0e0;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .3s}.status-select:focus{border-color:#667eea;outline:none}.profile-section{max-width:600px}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem}.profile-field{align-items:center;background:#f9f9f9;border-radius:5px;display:grid;grid-template-columns:150px 1fr;padding:1rem}.profile-field label{color:#666;font-weight:600}.profile-field span{color:#333}@media (max-width:768px){.employee-portal{padding:1rem}.portal-header{flex-direction:column;gap:1rem;text-align:center}.portal-stats{grid-template-columns:repeat(2,1fr)}.task-meta{flex-direction:column;gap:.5rem}.profile-field{gap:.5rem;grid-template-columns:1fr}}.employee-signup-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.signup-header{color:#fff;margin-bottom:40px}.signup-header h1{margin-bottom:10px}.signup-header p{opacity:.95}.signup-form-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:900px;padding:40px}.employee-signup-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:25px}.form-section h3{color:#333;font-size:1.3rem;margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr}.form-group input,.form-group select,.form-group textarea{padding:12px 15px}.form-group small{font-style:italic}.form-group textarea{min-height:80px}.form-actions{padding-top:20px}.btn-cancel,.btn-submit{padding:14px 30px}.info-box{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;margin-top:10px;padding:15px}.info-box p{color:#1976d2;font-size:.95rem;line-height:1.6;margin:0}.access-denied-container,.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:20px}.loading-container .spinner{color:#fff}.access-denied-container{text-align:center}.access-denied-container h2{font-size:2rem;margin:20px 0 10px}.access-denied-container p{font-size:1.1rem;margin-bottom:30px;opacity:.95}.btn-back{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 30px;transition:all .3s ease}.btn-back:hover{box-shadow:0 5px 15px #ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.signup-header h1{font-size:2rem}.signup-form-container{padding:25px}.form-section{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.employee-dashboard{background:#f8f9fa;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:40px 5%}.header-content h1{font-size:2.5rem;margin-bottom:10px}.header-content p{font-size:1.1rem;opacity:.95}.logout-btn{align-items:center;background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.logout-btn:hover{background:#fff;color:#667eea}.dashboard-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px;padding:40px 5%}.dashboard-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:12px;padding:20px 25px}.card-header h2{font-size:1.3rem;margin:0}.card-body{padding:25px}.profile-info{display:flex;flex-direction:column;gap:15px}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;padding:12px 0}.info-row .label{color:#666;font-size:.95rem;font-weight:600}.info-row .value{color:#333;font-size:1rem;text-align:right}.status-badge{text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.tasks-card{grid-column:1/-1}.tasks-list{grid-gap:15px;display:grid;gap:15px}.task-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.task-header h4{color:#333;font-size:1.1rem;margin:0}.task-status{align-items:center;border-radius:15px;display:flex;font-size:.85rem;font-weight:600;gap:5px;padding:5px 12px;text-transform:capitalize}.task-status.pending{background:#fff3cd;color:#856404}.task-status.in_progress{background:#cce5ff;color:#004085}.task-status.completed{background:#d4edda;color:#155724}.task-item p{color:#666;line-height:1.6;margin:10px 0}.task-item small{color:#999;font-size:.85rem}.security-card .card-body p{color:#666;line-height:1.6;margin-bottom:20px}.change-password-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.change-password-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.password-form{display:flex;flex-direction:column;gap:20px}.form-group input{border:2px solid #e0e0e0;border-radius:8px}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#666}.form-actions{gap:15px;padding-top:10px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-submit:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-container .spinner{color:#667eea}.error-container button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px}@media (max-width:768px){.dashboard-header{padding:30px 20px}.header-content h1{font-size:2rem}.dashboard-content{gap:20px;grid-template-columns:1fr;padding:20px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.tasks-overview-card .tasks-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.stat-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center;transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px)}.stat-box.pending{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-box.in-progress{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-box.completed{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-box.total{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-number{font-size:2.5rem;margin-bottom:5px}.stat-label{font-weight:500;opacity:.95}.task-item-enhanced{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .3s ease}.task-item-enhanced:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.task-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.priority-badge.high{background:#fee;color:#c00}.priority-badge.medium{background:#ffeaa7;color:#d63031}.priority-badge.low{background:#dfe6e9;color:#636e72}.task-description{color:#555;line-height:1.6;margin:10px 0}.task-meta{background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:20px;margin:15px 0;padding:10px}.task-meta small{color:#666;font-size:.85rem}.ai-instructions{background:linear-gradient(135deg,#e0f7fa,#e1bee7);border-left:4px solid #7b1fa2;border-radius:10px;margin:15px 0;padding:15px}.ai-header{align-items:center;color:#6a1b9a;display:flex;font-size:1rem;gap:8px;margin-bottom:10px}.ai-content{color:#4a148c;line-height:1.8;white-space:pre-wrap}.ai-content p{margin:8px 0}.task-notes{background:#fff9e6;border-left:4px solid #ffc107;border-radius:10px;margin:15px 0;padding:15px}.notes-header{align-items:center;color:#f57c00;display:flex;font-size:1rem;gap:8px;margin-bottom:10px}.note-item{background:#fff;border-left:3px solid #ffc107;border-radius:6px;margin:10px 0;padding:10px}.note-meta{color:#888;display:block;font-size:.75rem;margin-bottom:5px}.note-item p{color:#555;margin:5px 0 0}.task-actions{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.task-note-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;margin-bottom:10px;padding:10px;resize:vertical;transition:border-color .3s ease;width:100%}.task-note-input:focus{border-color:#667eea;outline:none}.action-buttons{flex-wrap:wrap;gap:10px}.action-buttons button{align-items:center;display:flex;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-start{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-start:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-complete{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.btn-complete:hover:not(:disabled){box-shadow:0 4px 12px #43e97b66;transform:translateY(-2px)}.btn-note{background:#ffc107;color:#333}.btn-note:hover:not(:disabled){background:#ffb300;transform:translateY(-2px)}.btn-details{background:#6c757d;color:#fff}.btn-details:hover{background:#5a6268;transform:translateY(-2px)}.action-buttons button:disabled{cursor:not-allowed;opacity:.5}.completed-badge{align-items:center;background:#d4edda;border-radius:8px;color:#155724;display:flex;font-weight:600;gap:8px;margin-top:15px;padding:12px}.empty-state{color:#999;padding:40px 20px}.empty-state p{color:#666;margin:15px 0 5px}.empty-state small{color:#999}@media (max-width:768px){.tasks-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.task-header{align-items:flex-start;flex-direction:column}.task-meta{gap:8px}.action-buttons,.task-meta{flex-direction:column}.action-buttons button{justify-content:center;width:100%}}.rider-signup{background:linear-gradient(135deg,#3b82f6,#1e40af);min-height:100vh;padding:2rem}.signup-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;margin:0 auto;max-width:800px;padding:3rem}.signup-header{margin-bottom:2rem;text-align:center}.rider-icon{color:#3b82f6;font-size:4rem;margin-bottom:1rem}.signup-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.signup-header p{color:#666;font-size:1.1rem}.progress-bar{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.progress-bar:before{background:#e0e0e0;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:0}.progress-step{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#999;display:flex;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s;width:40px;z-index:1}.progress-step.active{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}.progress-step.completed{background:#10b981;border-color:#10b981;color:#fff}.rider-form{margin-top:2rem}.form-step{animation:fadeIn .5s}.form-step h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group,.form-row{margin-bottom:1rem}.form-group label{color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-info{background:#f0f9ff;border-radius:8px;color:#1e40af;font-size:.95rem;margin-bottom:2rem;padding:1rem}.document-upload{grid-gap:2rem;display:grid;gap:2rem}.upload-section{background:#f9f9f9;border-radius:8px;padding:1.5rem}.upload-section h3{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.upload-label{align-items:center;background:#fff;border:2px dashed #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s}.upload-label:hover{background:#f0f9ff;border-style:solid}.file-success{align-items:center;color:#10b981;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.document-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;margin-top:2rem;padding:1rem}.document-note p{font-size:.95rem;margin:0}.emergency-section,.terms-section{margin-bottom:2rem}.emergency-section h3,.terms-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.terms-box{background:#f9f9f9;border-radius:8px;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:1.5rem}.terms-box p{color:#555;font-weight:500;margin-bottom:1rem}.terms-box ul{list-style:none;padding:0}.terms-box li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.terms-box li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:1rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-actions{border-top:2px solid #f0f0f0;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s}.btn-secondary{background:#e0e0e0;color:#666}.btn-secondary:hover{background:#d0d0d0}.btn-primary{background:#3b82f6;margin-left:auto}.btn-primary:hover{background:#2563eb;transform:translateX(5px)}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-left:auto}.btn-submit:hover{box-shadow:0 10px 20px #10b9814d;transform:scale(1.05)}@media (max-width:768px){.signup-container{padding:2rem}.signup-header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr}.progress-bar{gap:.5rem}.progress-step{font-size:.9rem;height:35px;width:35px}.form-actions{flex-direction:column}.btn-primary,.btn-submit{margin-left:0;width:100%}}.partner-with-us{background:#f8f9fa;min-height:100vh}.partner-hero{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:100px 20px 80px;position:relative;text-align:center}.partner-hero:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-content h1{animation:slideDown .8s ease-out;margin-bottom:1rem}.hero-subtitle{animation:slideDown .8s ease-out .2s both;font-weight:400}.hero-description{animation:slideDown .8s ease-out .4s both}.why-partner{background:#fff;padding:80px 20px}.why-partner h2{color:#333;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.why-partner h2:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:4rem}.benefit-card{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #fffc;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:15px 15px 35px #0000001f,-15px -15px 35px #ffffffe6;transform:translateY(-10px)}.benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1.5rem}.benefit-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.benefit-card p{color:#666;line-height:1.6}.partnership-types{background:#f8f9fa;padding:80px 20px}.partnership-types h2{color:#333;font-size:2.5rem;margin-bottom:4rem;position:relative;text-align:center}.partnership-types h2:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.partner-type-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.partner-type-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.partner-type-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.type-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1.5rem}.partner-type-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.type-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.benefits-list li{font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.check-icon{color:#4ade80;font-size:1rem}.success-stories{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;position:relative}.success-stories h2{color:#fff;font-size:2.5rem;margin-bottom:4rem;text-align:center}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.story-card{background:#fffffffa;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.story-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.story-quote{color:#333;font-size:1.1rem;font-style:italic;line-height:1.8;margin-bottom:1.5rem;padding-left:2rem;position:relative}.story-quote:before{color:#667eea;content:'"';font-size:3rem;left:0;opacity:.3;position:absolute;top:-10px}.story-author{display:flex;flex-direction:column;gap:.25rem}.story-author strong{color:#333;font-size:1.1rem}.story-author span{color:#666;font-size:.9rem}.partner-application{background:#fff;padding:80px 20px}.partner-application h2{color:#333;font-size:2.5rem;margin-bottom:1rem;text-align:center}.form-intro{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.partner-form{background:#f8f9fa;border-radius:20px;box-shadow:0 10px 30px #00000014;margin:0 auto;max-width:800px;padding:3rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border-radius:10px;padding:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #667eea1a}.form-group textarea{font-family:inherit}.submit-btn{border-radius:50px;box-shadow:0 4px 15px #667eea4d;gap:.75rem;margin:2rem auto 0;padding:1rem 2rem;transition:all .3s}.submit-btn:hover{box-shadow:0 6px 25px #667eea66}.partner-contact{background:#f8f9fa;padding:80px 20px;text-align:center}.partner-contact h2{color:#333;font-size:2.5rem;margin-bottom:.5rem}.partner-contact>.container>p{color:#666;font-size:1.1rem;margin-bottom:3rem}.contact-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:600px}.contact-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:2rem;transition:all .3s ease}.contact-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.contact-card .contact-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.contact-card h4{color:#333;margin-bottom:.5rem}.contact-card p{color:#666;margin-bottom:.25rem}.contact-hours{color:#999;font-size:.9rem}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.partner-form{padding:2rem}.form-grid{grid-template-columns:1fr}}.work-with-us{background:#f8f9fa;min-height:100vh}.work-hero{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 20px 80px;position:relative}.work-hero:before{animation:rotate 40s linear infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content{margin-bottom:4rem;text-align:center}.hero-content h1{animation:fadeInUp .8s ease-out;color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#fffffff2;font-size:1.5rem;margin-bottom:1rem}.hero-description{animation:fadeInUp .8s ease-out .4s both;color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin:0 auto 2rem;max-width:800px}.hero-actions{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-btn{align-items:center;border-radius:50px;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.cta-btn.primary{background:#fff;box-shadow:0 4px 15px #0003;color:#667eea}.cta-btn.primary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.cta-btn.secondary{background:#fff3;border:2px solid #fff;color:#fff}.cta-btn.secondary:hover{background:#fff;color:#667eea}.cta-btn.outline{background:#0000;border:2px solid #fff;color:#fff}.cta-btn.outline:hover{background:#fff;color:#667eea}.hero-stats{animation:fadeInUp .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.stat{text-align:center}.stat-number{color:#fff;display:block;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#ffffffe6;font-size:1rem}.container{margin:0 auto;max-width:1200px;padding:0 20px}.our-values{background:#fff;padding:80px 20px}.our-values h2{color:#333;font-size:2.5rem;margin-bottom:1rem;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:4rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.value-card{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;box-shadow:10px 10px 30px #00000014,-10px -10px 30px #fffc;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:15px 15px 35px #0000001f,-15px -15px 35px #ffffffe6;transform:translateY(-5px)}.value-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1.5rem}.value-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.value-card p{color:#666;line-height:1.6}.life-at-company{background:#f8f9fa;padding:80px 20px}.life-at-company h2{color:#333;font-size:2.5rem;margin-bottom:4rem;text-align:center}.life-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.life-text h3{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.life-text p{color:#666;line-height:1.8;margin-bottom:1.5rem}.image-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.image-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-weight:600;height:150px;justify-content:center;transition:transform .3s}.image-card:hover{transform:scale(1.05)}.benefits-perks{background:#fff;padding:80px 20px}.benefits-perks h2{color:#333;font-size:2.5rem;margin-bottom:1rem;text-align:center}.perks-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.perk-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:2rem;transition:all .3s ease}.perk-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.perk-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.perk-card h3{color:#333;margin-bottom:1rem}.perk-list{list-style:none;padding:0}.perk-list li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.perk-list li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.employee-testimonials{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px}.employee-testimonials h2{color:#fff;font-size:2.5rem;margin-bottom:4rem;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:#fffffffa;border-radius:16px;padding:2rem;position:relative}.quote-icon{color:#667eea;font-size:2rem;margin-bottom:1rem;opacity:.3}.testimonial-quote{color:#333;font-style:italic;line-height:1.8;margin-bottom:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-info{display:flex;flex-direction:column}.author-info strong{color:#333}.author-info span{color:#666;font-size:.9rem}.departments{background:#f8f9fa;padding:80px 20px}.departments h2{color:#333;font-size:2.5rem;margin-bottom:1rem;text-align:center}.departments-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.department-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:2rem;transition:all .3s ease}.department-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.department-card h3{color:#333;margin-bottom:1rem}.department-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.department-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1rem}.openings,.view-jobs{color:#667eea;font-weight:600}.view-jobs{align-items:center;display:flex;gap:.5rem;text-decoration:none;transition:gap .3s}.view-jobs:hover{gap:.75rem}.growth-path{background:#fff;padding:80px 20px}.growth-path h2{color:#333;font-size:2.5rem;margin-bottom:4rem;text-align:center}.path-timeline{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1000px}.path-item{flex:1 1;min-width:200px;text-align:center}.path-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.path-item h3{color:#333;margin-bottom:.5rem}.path-item p{color:#666;font-size:.95rem}.path-arrow{color:#667eea;font-size:2rem;font-weight:700}.work-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;text-align:center}.work-cta h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.work-cta p{color:#ffffffe6;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.life-content{grid-template-columns:1fr}.path-timeline{flex-direction:column}.path-arrow{transform:rotate(90deg)}.departments-grid,.testimonials-grid,.values-grid{grid-template-columns:1fr}}.order-tracking-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:80px 20px 40px}.tracking-header{animation:fadeInDown .8s ease;color:#fff;margin-bottom:40px;text-align:center}.tracking-header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.tracking-header p{font-size:1.2rem;opacity:.95}.tracking-search-section{animation:fadeInUp .8s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto 40px;max-width:600px;padding:30px}.search-method-toggle{display:flex;gap:10px;margin-bottom:30px}.method-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.method-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.method-btn:hover:not(.active){border-color:#667eea;color:#667eea}.tracking-form{display:flex;flex-direction:column;gap:20px}.search-input-group{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;font-size:1.2rem;left:15px;position:absolute}.tracking-input{border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.tracking-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.track-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.track-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.track-btn:disabled{cursor:not-allowed;opacity:.6}.orders-list{animation:fadeIn .8s ease;margin:0 auto 40px;max-width:1200px}.orders-list h2{color:#fff;font-size:1.8rem;margin-bottom:20px}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.order-card{background:#fff;border:3px solid #0000;border-radius:15px;cursor:pointer;padding:20px;transition:all .3s ease}.order-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.order-card.selected{background:linear-gradient(135deg,#667eea10,#764ba210);border-color:#667eea}.order-card-header{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.order-id{color:#667eea}.order-date{color:#6b7280;font-size:.85rem}.order-card-body{justify-content:space-between}.order-card-body,.order-status{align-items:center;display:flex}.order-status{gap:8px}.status-icon{font-size:1.2rem}.status-icon.pending{color:#f59e0b}.status-icon.processing{color:#3b82f6}.status-icon.shipped{color:#8b5cf6}.status-icon.delivered{color:#10b981}.order-amount{color:#1f2937;font-size:1.1rem;font-weight:700}.tracking-results{animation:fadeInUp .8s ease;margin:0 auto;max-width:900px}.order-summary-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.order-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.order-header h2{color:#1f2937;font-size:1.8rem}.tracking-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.order-status-banner{align-items:center;border-radius:15px;display:flex;gap:20px;margin-bottom:40px;padding:25px}.order-status-banner .status-icon{font-size:3rem}.status-text h3{color:#1f2937;font-size:1.4rem;margin:0}.status-text p{color:#6b7280;margin:5px 0 0}.tracking-timeline{margin-bottom:40px;padding-left:40px;position:relative}.tracking-timeline:before{background:#e5e7eb;bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-step{padding-bottom:30px;position:relative}.timeline-step:last-child{padding-bottom:0}.step-indicator{align-items:center;background:#fff;border-radius:50%;display:flex;height:30px;justify-content:center;left:-25px;position:absolute;width:30px}.timeline-step.completed .step-indicator{color:#10b981;font-size:1.5rem}.timeline-step.pending .pending-dot{background:#d1d5db;border-radius:50%;height:12px;width:12px}.step-content h4{color:#1f2937;font-size:1.1rem;margin:0 0 5px}.step-content p{color:#6b7280;font-size:.95rem;margin:0 0 5px}.step-date{color:#9ca3af;font-size:.85rem}.order-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.info-card{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.info-card:hover{background:#f3f4f6;transform:translateY(-2px)}.info-icon{color:#667eea;flex-shrink:0;font-size:1.5rem}.info-card>div{display:flex;flex-direction:column;gap:5px}.info-label{color:#6b7280;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1f2937;font-size:1rem;font-weight:600}.rider-info{background:linear-gradient(135deg,#667eea10,#764ba210);border-left:4px solid #667eea;border-radius:12px;margin-bottom:30px;padding:20px}.rider-info h3{color:#1f2937;margin:0 0 15px}.rider-details{display:flex;flex-direction:column;gap:10px}.rider-item{align-items:center;color:#4b5563;display:flex;gap:10px}.rider-item svg{color:#667eea}.show-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:12px;transition:all .3s ease;width:100%}.show-details-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.order-items{background:#f9fafb;border-radius:12px;margin-bottom:30px;padding:25px}.order-items h3{color:#1f2937;margin:0 0 20px}.items-list{display:flex;flex-direction:column;gap:15px}.item-row{background:#fff;border-radius:8px;padding:10px}.item-name{color:#1f2937}.item-quantity{color:#6b7280}.item-price{color:#667eea;flex:1 1;font-weight:600;text-align:right}.items-summary{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:20px}.summary-row{color:#4b5563}.summary-row.total{border-top:1px solid #e5e7eb;color:#1f2937;padding-top:10px}.delivery-address{background:#f9fafb;border-radius:12px;padding:25px}.delivery-address h3{color:#1f2937;margin:0 0 15px}.address-details{display:flex;gap:15px}.address-details svg{color:#667eea;flex-shrink:0;font-size:1.5rem;margin-top:5px}.address-details div p{color:#4b5563;line-height:1.6;margin:5px 0}.address-details div p:first-child{color:#1f2937;font-weight:600}.empty-state{color:#fff;padding:80px 20px}.empty-icon{opacity:.8}.empty-state h3{font-size:1.8rem;margin-bottom:10px}.empty-state p{opacity:.9}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tracking-header h1{font-size:2rem}.order-header{flex-direction:column;gap:10px;text-align:center}.order-info-grid{grid-template-columns:1fr}.order-status-banner{flex-direction:column;text-align:center}.tracking-timeline{padding-left:30px}.item-row{flex-direction:column;gap:5px}.item-price,.item-quantity,.item-row{text-align:left}}.payment-status-banner{animation:slideIn .5s ease;border-left:6px solid;border-radius:12px;margin:20px 0;padding:24px}.payment-status-banner.verified{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981}.payment-status-banner.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.payment-status-banner.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ef4444}.payment-status-content{align-items:center;display:flex;gap:20px}.payment-icon{flex-shrink:0;font-size:3rem}.payment-icon.verified{animation:scaleIn .6s ease;color:#10b981}.payment-icon.pending{animation:pulse 2s ease infinite;color:#f59e0b}.payment-icon.rejected{animation:shake .5s ease;color:#ef4444}.payment-text h3{color:#1f2937;font-size:1.5rem;margin:0 0 8px}.payment-text p{color:#4b5563;font-size:1rem;margin:0 0 12px}.payment-details{background:#ffffff80;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:12px}.payment-details small{align-items:center;color:#374151;display:flex;font-size:.875rem;line-height:1.5}.payment-details small strong{color:#1f2937;font-weight:600;margin-right:6px;min-width:120px}.payment-text small{background:#fff;border-radius:6px;color:#6b7280;display:block;font-family:monospace;font-size:.9rem;margin-top:8px;padding:6px 12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.payment-status-content{flex-direction:column;text-align:center}.payment-text h3{font-size:1.2rem}}.admin-reports-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.reports-header{align-items:center;background:#fffffffa;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.reports-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.reports-controls{align-items:center;display:flex;gap:20px}.period-selector{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:10px;padding:10px 20px}.period-selector svg{color:#667eea;font-size:1.2rem}.period-selector select{background:#0000;border:none;color:#333;cursor:pointer;font-size:1rem;outline:none}.export-btn:hover{box-shadow:0 5px 20px #667eea66}.metrics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.metric-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.metric-icon{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;font-size:2rem;padding:12px}.revenue-card .metric-icon{color:#10b981}.orders-card .metric-icon{color:#3b82f6}.customers-card .metric-icon{color:#8b5cf6}.avg-order-card .metric-icon{color:#f59e0b}.metric-label{color:#6b7280;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#1f2937;font-size:2.5rem;margin-bottom:10px}.metric-change{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.metric-change.positive{background:#10b98110;color:#10b981}.metric-change.negative{background:#ef444410;color:#ef4444}.chart-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px}.chart-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:30px}.revenue-chart{overflow-x:auto;width:100%}.chart-container{align-items:flex-end;display:flex;gap:15px;height:300px;min-width:800px;padding:20px 0}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bar{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;justify-content:center;min-height:20px;width:100%}.chart-bar:hover{box-shadow:0 -5px 20px #667eea4d;transform:scaleY(1.05)}.bar-value{color:#667eea;font-size:.8rem;white-space:nowrap}.bar-label{margin-left:10px;margin-top:10px;transform:rotate(-45deg);transform-origin:top left}.reports-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.report-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.report-card h2{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.3rem;margin-bottom:25px;padding-bottom:10px}.top-products-list{display:flex;flex-direction:column;gap:15px}.product-item{align-items:center;background:#f8f9fa}.product-item:hover{background:#e9ecef}.product-rank{color:#667eea;font-size:1.5rem;font-weight:700;min-width:40px}.product-name{color:#1f2937;font-weight:600}.product-category{color:#6b7280}.product-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.units-sold{color:#6b7280;font-size:.9rem}.product-revenue{color:#10b981;font-weight:600}.status-distribution{display:flex;flex-direction:column;gap:15px}.status-item{align-items:center;display:flex;gap:12px;position:relative}.status-indicator{border-radius:50%;height:12px;width:12px}.status-indicator.pending{background:#f59e0b}.status-indicator.processing{background:#3b82f6}.status-indicator.completed{background:#10b981}.status-indicator.cancelled{background:#ef4444}.status-name{color:#1f2937;flex:1 1;font-weight:500;text-transform:capitalize}.status-count{color:#6b7280;font-size:.9rem}.status-bar{background:#f3f4f6;border-radius:2px;bottom:-8px;height:4px;left:0;overflow:hidden;position:absolute;right:0}.status-fill{height:100%;transition:width .5s ease}.status-fill.pending{background:#f59e0b}.status-fill.processing{background:#3b82f6}.status-fill.completed{background:#10b981}.status-fill.cancelled{background:#ef4444}.payment-methods{display:flex;flex-direction:column;gap:20px}.payment-method-item{background:linear-gradient(135deg,#667eea10,#764ba210);border-left:4px solid #667eea;border-radius:12px;padding:15px}.payment-method-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.method-name{color:#1f2937;font-weight:600;text-transform:capitalize}.method-amount{color:#667eea;font-size:1.1rem;font-weight:700}.method-stats{color:#6b7280;display:flex;font-size:.85rem;justify-content:space-between}.delivery-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.delivery-stat-item{background:#f8f9fa;border-radius:12px;padding:15px;text-align:center}.stat-label{display:block;font-size:.85rem;margin-bottom:8px}.stat-value{display:block;font-size:1.5rem}.stat-value.success{color:#10b981}.stat-value.warning{color:#f59e0b}@media (max-width:768px){.reports-header{flex-direction:column;gap:20px;text-align:center}.reports-header h1{font-size:1.8rem}.reports-controls{flex-direction:column;width:100%}.period-selector{justify-content:center;width:100%}.metrics-grid,.reports-grid{grid-template-columns:1fr}.chart-container{min-width:100%}.delivery-stats{grid-template-columns:repeat(2,1fr)}}.admin-jobs-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.jobs-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.jobs-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.create-job-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-job-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.jobs-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-icon{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.stat-card.pending .stat-icon{background:#f59e0b20}.stat-card.accepted .stat-icon{background:#10b98120;color:#10b981}.stat-value{font-size:2rem}.jobs-tabs{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:10px}.jobs-tabs button{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.jobs-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.jobs-tabs button:hover:not(.active){background:#f3f4f6;color:#667eea}.vacancies-section{animation:fadeIn .5s ease}.vacancies-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vacancy-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:25px;transition:all .3s ease}.vacancy-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.vacancy-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.vacancy-header h3{color:#1f2937;font-size:1.3rem;margin:0}.vacancy-status{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.vacancy-status.active{background:#10b98120;color:#10b981}.vacancy-status.closed{background:#ef444420;color:#ef4444}.vacancy-details p{color:#4b5563;font-size:.95rem;margin:8px 0}.vacancy-details strong{color:#1f2937;margin-right:5px}.vacancy-actions{display:flex;gap:10px;margin-top:20px}.vacancy-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:5px;justify-content:center;padding:8px 12px;transition:all .3s ease}.view-btn{background:#3b82f620;color:#3b82f6}.view-btn:hover{background:#3b82f6}.edit-btn{background:#f59e0b20;color:#f59e0b}.edit-btn:hover{background:#f59e0b;color:#fff}.delete-btn{background:#ef444420;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff}.applications-section{animation:fadeIn .5s ease}.selected-vacancy-info{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.selected-vacancy-info h2{color:#1f2937;margin:0}.selected-vacancy-info button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.selected-vacancy-info button:hover{background:#4b5563}.applications-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.applications-table table{border-collapse:collapse;width:100%}.applications-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.applications-table th{font-weight:600;padding:15px;text-align:left}.applications-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.applications-table tbody tr:hover{background:#f9fafb}.applications-table td{color:#4b5563;padding:12px 15px}.status-badge.reviewing{background:#3b82f620;color:#3b82f6}.status-badge.accepted{background:#10b98120;color:#10b981}.status-badge.interview_scheduled{background:#8b5cf620;color:#8b5cf6}.accept-btn{background:#10b98120;color:#10b981}.accept-btn:hover{background:#10b981;color:#fff}.schedule-btn{background:#8b5cf620;color:#8b5cf6}.schedule-btn:hover{background:#8b5cf6;color:#fff}.modal-content{max-width:800px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;padding:10px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.application-details-modal .application-info{display:flex;flex-direction:column;gap:25px}.info-section{background:#f9fafb;border-radius:12px;padding:20px}.info-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.1rem;margin:0 0 15px;padding-bottom:10px}.info-section p{color:#4b5563;line-height:1.6;margin:8px 0}.info-section strong{color:#1f2937;margin-right:8px}.info-section a{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.info-section a:hover{color:#764ba2;transform:translateX(5px)}.interview-form-modal form{display:flex;flex-direction:column;gap:20px}.interview-form-modal p{color:#4b5563;margin-bottom:20px}.interview-form-modal strong{color:#667eea}@media (max-width:768px){.jobs-header{flex-direction:column;gap:20px;text-align:center}.jobs-header h1{font-size:1.8rem}.jobs-stats,.vacancies-grid{grid-template-columns:1fr}.applications-table{overflow-x:auto}.applications-table table{min-width:800px}.modal-content{padding:20px;width:95%}.form-grid{grid-template-columns:1fr}}.admin-payments-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.payments-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.payments-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.export-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.export-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.payments-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{overflow:hidden;position:relative}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0}.stat-icon.total{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.stat-icon.verified{background:#10b98120;color:#10b981}.stat-icon.pending{background:#f59e0b20;color:#f59e0b}.stat-icon.rejected{background:#ef444420;color:#ef4444}.stat-card>div{display:flex;flex-direction:column;gap:5px}.payments-filters{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.search-bar{background:#f3f4f6;border-radius:10px;flex:1 1;gap:10px;padding:10px 15px}.search-bar svg{color:#6b7280}.search-bar input{color:#1f2937}.date-filter{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;gap:10px;padding:10px 15px}.date-filter svg{color:#667eea}.date-filter input{background:#0000;border:none;color:#1f2937;cursor:pointer;outline:none}.date-filter span{color:#6b7280;font-weight:500}.payments-tabs{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.payments-tabs button{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.payments-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payments-tabs button:hover:not(.active){background:#f3f4f6;color:#667eea}.bulk-actions{align-items:center;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.bulk-actions span{color:#667eea;font-weight:600}.bulk-verify-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px;transition:all .3s ease}.bulk-verify-btn:hover{background:#059669;transform:translateY(-2px)}.payments-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.payments-table table{border-collapse:collapse;width:100%}.payments-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payments-table th{padding:15px}.payments-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.payments-table tbody tr:hover{background:#f9fafb}.payments-table td{color:#4b5563;padding:12px 15px}.payments-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.status-badge{display:inline-block;padding:4px 12px}.status-badge.pending{background:#f59e0b20;color:#f59e0b}.status-badge.verified{background:#10b98120;color:#10b981}.status-badge.rejected{background:#ef444420;color:#ef4444}.status-badge.processing{background:#3b82f620;color:#3b82f6}.action-buttons{gap:5px}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s ease}.view-btn{background:#6b728020}.view-btn:hover{background:#6b7280;color:#fff}.verify-btn{background:#10b98120;color:#10b981}.verify-btn:hover{background:#10b981;color:#fff}.reject-btn{background:#ef444420;color:#ef4444}.reject-btn:hover{background:#ef4444;color:#fff}.refund-btn{background:#8b5cf620;color:#8b5cf6}.refund-btn:hover{background:#8b5cf6;color:#fff}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:slideUp .3s ease}.modal-content h2{border-bottom:2px solid #f3f4f6;font-size:1.8rem;margin:0 0 30px;padding-bottom:15px}.payment-details{background:#f9fafb;border-radius:10px;margin-bottom:25px;padding:20px}.payment-details p{color:#4b5563;margin:10px 0}.payment-details strong{color:#1f2937;margin-right:10px}.form-group{gap:8px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;padding:10px}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb;color:#4b5563}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-btn:hover{box-shadow:0 5px 15px #667eea4d}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.payments-header{flex-direction:column;gap:20px;text-align:center}.payments-header h1{font-size:1.8rem}.payments-stats{grid-template-columns:1fr}.payments-filters{flex-direction:column}.date-filter,.search-bar{width:100%}.payments-table{overflow-x:auto}.payments-table table{min-width:900px}.modal-content{padding:20px;width:95%}}.admin-payments-enhanced{background:#f7fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:30px}.stat-card.verified .stat-icon{background:#d1fae5;color:#10b981}.stat-card.rejected .stat-icon{background:#fee2e2;color:#ef4444}.stat-card.total .stat-icon{background:#dbeafe;color:#3b82f6}.payments-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.payments-table{border-collapse:collapse;width:100%}.payments-table thead{background:#f7fafc}.payments-table th{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.payments-table td{border-top:1px solid #e2e8f0;color:#2d3748;padding:16px}.payments-table tbody tr:hover{background:#f7fafc}.mpesa-code{font-size:.9rem}.status-badge.verified{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.action-btn.approve{background:#d1fae5;color:#065f46}.action-btn.approve:hover:not(:disabled){background:#10b981;color:#fff}.action-btn.reject{background:#fee2e2;color:#991b1b}.action-btn.reject:hover:not(:disabled){background:#ef4444;color:#fff}.modal-content{max-width:700px}.payment-info-section{margin-bottom:24px}.payment-info-section h3{color:#2d3748;font-size:1.1rem;margin:0 0 16px}.info-item .highlight{color:#10b981;font-size:1.2rem}.mpesa-code-display{background:#f7fafc;border-radius:6px;display:inline-block;font-family:monospace;padding:8px 12px}.verification-section{background:#f7fafc;border-radius:12px;padding:20px}.verification-section h3{color:#2d3748;margin:0 0 16px}.action-tabs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.action-tabs button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.action-tabs button.approve.active{background:#d1fae5;border-color:#10b981;color:#065f46}.action-tabs button.reject.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4299e1;outline:none}.form-group small{color:#718096;font-size:.85rem}.submit-btn{border-radius:8px;font-size:1rem;gap:8px;padding:14px;width:100%}.submit-btn.approve{background:#10b981;color:#fff}.submit-btn.approve:hover:not(:disabled){background:#059669}.submit-btn.reject{background:#ef4444;color:#fff}.submit-btn.reject:hover:not(:disabled){background:#dc2626}.submit-btn:disabled{opacity:.6}.processed-info{background:#f7fafc;border-radius:12px;padding:20px}.status-banner{align-items:center;border-radius:8px;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:16px;padding:16px}.status-banner.verified{background:#d1fae5;color:#065f46}.status-banner.rejected{background:#fee2e2;color:#991b1b}.verification-details{background:#fff;border-radius:8px;padding:16px}.verification-details p{color:#4a5568;margin:8px 0}@media (max-width:1024px){.info-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-payments-enhanced{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.payments-table-container{overflow-x:auto}.payments-table{min-width:800px}.action-tabs{grid-template-columns:1fr}}.admin-orders-enhanced{background:#f7fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:30px}.page-header{justify-content:space-between;margin-bottom:30px}.header-left h1,.page-header{align-items:center;display:flex}.header-left h1{color:#2d3748;font-size:2rem;gap:12px;margin:0 0 8px}.header-left p{color:#718096;margin:0}.refresh-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{border-color:#4299e1;color:#4299e1}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;transition:transform .3s ease}.stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.stat-icon{font-size:2.5rem;padding:16px}.stat-card.all .stat-icon{background:#dbeafe;color:#3b82f6}.stat-card.pending .stat-icon{background:#fef3c7;color:#f59e0b}.stat-card.processing .stat-icon{background:#e0e7ff;color:#6366f1}.stat-card.delivered .stat-icon{background:#d1fae5;color:#10b981}.stat-content h3{color:#2d3748;font-size:1.8rem;margin:0 0 4px}.stat-content p{color:#718096;font-size:.9rem;margin:0}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tabs button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.tabs button:hover{border-color:#cbd5e0}.tabs button.active{background:#4299e1;border-color:#4299e1;color:#fff}.search-bar{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.search-bar svg{color:#718096;font-size:1.1rem}.search-bar input{background:#0000;border:none;flex:1 1;font-size:1rem;outline:none}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f7fafc}.orders-table th{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.orders-table td{border-top:1px solid #e2e8f0;color:#2d3748;padding:16px}.orders-table tbody tr:hover{background:#f7fafc}.order-id{color:#4299e1;font-family:monospace;font-weight:600}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-info strong{color:#2d3748}.customer-info small{color:#718096;font-size:.85rem}.amount{color:#10b981;font-weight:600}.payment-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.payment-badge.verified{background:#d1fae5;color:#065f46}.payment-badge.pending{background:#fef3c7;color:#92400e}.payment-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge{padding:6px 12px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.processing{background:#e0e7ff;color:#4338ca}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.out-delivery,.status-badge.shipped{background:#ddd6fe;color:#6b21a8}.status-badge.delivered{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:8px}.action-btn{border-radius:6px;justify-content:center;padding:8px 12px}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.view{background:#dbeafe;color:#1e40af}.action-btn.view:hover{background:#3b82f6;color:#fff}.notes-cell{text-align:center}.has-notes{align-items:center;color:#48bb78;cursor:help;display:inline-flex;font-weight:600;gap:4px}.no-notes{color:#cbd5e0;font-weight:500}.action-btn.verify{background:#d1fae5;color:#065f46}.action-btn.verify:hover:not(:disabled){background:#10b981;color:#fff}.action-btn.receipt{background:#fef3c7;color:#92400e}.action-btn.receipt:hover{background:#f59e0b;color:#fff}.modal-overlay{background:#0009}.modal-content{border-radius:16px}.modal-content.large{max-width:1000px}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;padding:24px}.modal-header h2{color:#2d3748}.close-btn{align-items:center;background:#f7fafc;color:#718096;display:flex;font-size:1.5rem;height:36px;justify-content:center;width:36px}.close-btn:hover{background:#e2e8f0}.modal-body{padding:24px}.order-info-section{background:#f7fafc;border-radius:12px;margin-bottom:24px;padding:20px}.section-header{justify-content:space-between;margin-bottom:16px}.order-info-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:10px;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#718096;font-size:.85rem;font-weight:500}.info-item span{color:#2d3748;font-weight:600}.capitalize{text-transform:capitalize}.address-box{background:#fff;border-left:4px solid #4299e1;border-radius:8px;padding:16px}.address-box p{color:#4a5568;margin:4px 0}.address-box .landmark{color:#718096;font-style:italic}.address-box .notes{border-top:1px solid #e2e8f0;color:#4a5568;margin-top:12px;padding-top:12px}.gps-location{align-items:center;background:#ebf8ff;border-radius:6px;color:#1e40af;display:flex;font-family:monospace;font-size:.9rem;gap:8px;margin-top:12px;padding:12px}.map-link{background:#4299e1;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;margin-left:auto;padding:6px 12px;text-decoration:none;transition:all .3s ease}.map-link:hover{background:#3182ce}.payment-info-box{background:#fff;border-radius:8px;padding:16px}.info-row{border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.mpesa-code{background:#f7fafc;border-radius:4px;font-family:monospace;padding:4px 8px}.verify-payment-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px;transition:all .3s ease;width:100%}.verify-payment-btn:hover:not(:disabled){background:#059669}.verify-payment-btn:disabled{cursor:not-allowed;opacity:.6}.items-list{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px}.item-row{border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:12px 0}.item-row:last-child{border-bottom:none}.item-name{color:#2d3748;flex:2 1;font-weight:500}.item-quantity{color:#718096;flex:1 1;text-align:center}.item-total{color:#10b981;flex:1 1;font-weight:600;text-align:right}.order-summary{background:#fff;border-radius:8px;padding:16px}.summary-row{color:#4a5568;display:flex;justify-content:space-between;padding:8px 0}.summary-row.discount{color:#10b981}.summary-row.total{border-top:2px solid #2d3748;color:#2d3748;font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:12px}.status-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.status-btn:disabled{cursor:not-allowed;opacity:.6}.status-btn.processing{background:#e0e7ff;color:#4338ca}.status-btn.processing:hover:not(:disabled){background:#6366f1;color:#fff}.status-btn.shipped{background:#ddd6fe;color:#6b21a8}.status-btn.shipped:hover:not(:disabled){background:#a855f7;color:#fff}.status-btn.out-delivery{background:#fef3c7;color:#92400e}.status-btn.out-delivery:hover:not(:disabled){background:#f59e0b;color:#fff}.status-btn.delivered{background:#d1fae5;color:#065f46}.status-btn.delivered:hover:not(:disabled){background:#10b981;color:#fff}.status-btn.cancelled{background:#fee2e2;color:#991b1b}.status-btn.cancelled:hover:not(:disabled){background:#ef4444;color:#fff}.empty-state{padding:60px 20px;text-align:center}.empty-icon{color:#cbd5e0;font-size:4rem}.empty-state h3{color:#2d3748;margin:0 0 8px}.empty-state p{color:#718096}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.loading-state svg{color:#4299e1;font-size:3rem}@media (max-width:1024px){.info-grid,.status-actions{grid-template-columns:1fr}}@media (max-width:768px){.admin-orders-enhanced{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.modal-content{max-width:100%}}.rider-login-container{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.rider-login-container:before{animation:moveGrid 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes moveGrid{to{transform:translate(50px,50px)}}.rider-login-wrapper{background:#fff;border-radius:30px;box-shadow:0 30px 60px #0003;display:flex;max-width:1200px;min-height:600px;overflow:hidden;position:relative;width:100%;z-index:1}.rider-login-left{background:linear-gradient(135deg,#43e97b,#38f9d7);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px;position:relative}.rider-login-left:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.rider-login-brand{color:#fff;margin-bottom:50px;position:relative;text-align:center;z-index:1}.brand-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.rider-login-brand h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}.rider-login-brand p{font-size:1.2rem;margin-top:5px;opacity:.95}.rider-features{display:flex;flex-direction:column;gap:25px;position:relative;z-index:1}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.feature-item:hover{background:#ffffff40;transform:translateX(10px)}.feature-item svg{color:#fff;font-size:2rem}.feature-item h3{color:#fff;font-size:1.1rem;margin:0 0 5px}.feature-item p{color:#ffffffe6;font-size:.9rem;margin:0}.rider-login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px}.login-form-container{max-width:400px;width:100%}.form-header{margin-bottom:40px;text-align:center}.form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 10px}.form-header p{color:#6b7280;margin:0}.rider-login-form{gap:25px}.form-group,.rider-login-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#374151}.form-group label svg{color:#43e97b}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#43e97b;box-shadow:0 0 0 3px #43e97b1a;outline:none}.form-options{justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#6b7280;cursor:pointer;font-size:.9rem;gap:8px}.remember-me input{cursor:pointer;height:18px;width:18px}.forgot-link{color:#43e97b;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.forgot-link:hover{color:#38f9d7}.submit-btn{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 30px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 10px 20px #43e97b4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:30px;text-align:center}.login-footer p{color:#6b7280;margin:0 0 10px}.signup-link{color:#43e97b;display:inline-block;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.signup-link:hover{color:#38f9d7;transform:translateY(-2px)}.other-logins{border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:20px}.other-login-link{color:#6b7280;font-size:.9rem;text-decoration:none;transition:all .3s ease}.other-login-link:hover{color:#43e97b}@media (max-width:968px){.rider-login-wrapper{flex-direction:column}.rider-login-left{min-height:auto;padding:40px}.rider-features{display:none}.rider-login-right{padding:40px}}@media (max-width:480px){.rider-login-left{padding:30px}.rider-login-brand h1{font-size:2rem}.brand-icon{font-size:3rem}.rider-login-right{padding:30px}.form-header h2{font-size:1.5rem}}.rider-dashboard-container{background:linear-gradient(135deg,#43e97b,#38f9d7);min-height:100vh;padding:20px}.rider-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.rider-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.rider-info p{color:#6b7280;margin-top:5px}.work-id-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:.95rem;margin-top:10px;padding:8px 16px}.work-id-badge strong{font-weight:700;margin-left:5px}.status-toggle{align-items:center;display:flex;gap:15px}.status-text{border-radius:20px;font-size:1.1rem;font-weight:600;padding:8px 16px}.status-text.online{background:#10b98120;color:#10b981}.status-text.offline{background:#ef444420;color:#ef4444}.toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:2.5rem;transition:all .3s ease}.toggle-btn svg{color:#43e97b}.toggle-btn:hover{transform:scale(1.1)}.rider-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:2rem;justify-content:center;padding:15px}.stat-info{display:flex;flex-direction:column;gap:5px}.stat-value{color:#1f2937;font-size:1.8rem;font-weight:700}.stat-label{color:#6b7280;font-size:.9rem}.rider-tabs{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:10px;margin-bottom:30px;padding:10px}.rider-tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.rider-tabs button.active{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.rider-tabs button:hover:not(.active){background:#f3f4f6;color:#43e97b}.dashboard-content{grid-gap:30px;display:grid;gap:30px}.current-delivery-card,.no-delivery-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.current-delivery-card h2{color:#1f2937;font-size:1.5rem;margin-bottom:20px}.delivery-info{display:flex;flex-direction:column;gap:20px}.delivery-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding-bottom:15px}.order-id{color:#43e97b;font-size:1.1rem;font-weight:700}.delivery-type{background:#f59e0b20;border-radius:20px;color:#f59e0b;font-size:.85rem;font-weight:600;padding:5px 12px}.delivery-route{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px}.route-point{align-items:center;display:flex;gap:15px}.route-point svg{font-size:1.5rem}.route-point.pickup svg{color:#3b82f6}.route-point.delivery svg{color:#10b981}.route-label{color:#6b7280;font-size:.85rem;margin:0}.route-address{color:#1f2937;font-weight:600;margin:0}.route-line{background:linear-gradient(180deg,#3b82f6,#10b981);height:30px;margin-left:12px;width:2px}.customer-info{background:#f9fafb;border-radius:12px;padding:20px}.customer-info h3{color:#1f2937;font-size:1.1rem;margin:0 0 15px}.customer-info p{align-items:center;color:#4b5563;display:flex;gap:10px;margin:8px 0}.customer-info svg{color:#43e97b}.complete-delivery-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.complete-delivery-btn:hover{box-shadow:0 5px 15px #10b9814d;transform:translateY(-2px)}.no-delivery-card{padding:60px;text-align:center}.no-delivery-icon{color:#43e97b;font-size:4rem;margin-bottom:20px}.no-delivery-card h3{color:#1f2937;margin-bottom:10px}.no-delivery-card p{color:#6b7280}.pending-deliveries{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.pending-deliveries h2{color:#1f2937;margin-bottom:20px}.deliveries-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.delivery-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;padding:20px;transition:all .3s ease}.delivery-card:hover{border-color:#43e97b;transform:translateY(-2px)}.delivery-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.priority{border-radius:15px;font-size:.8rem;font-weight:600;padding:4px 10px}.priority.express{background:#ef444420;color:#ef4444}.priority.standard{background:#3b82f620;color:#3b82f6}.delivery-card-body{margin-bottom:15px}.delivery-card-body p{align-items:center;color:#4b5563;display:flex;gap:8px;margin:8px 0}.delivery-card-body svg{color:#43e97b}.delivery-actions{display:flex;gap:10px}.accept-btn,.view-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:8px;transition:all .3s ease}.accept-btn{background:#43e97b;color:#fff}.accept-btn:hover{background:#38f9d7}.view-btn{background:#f3f4f6;color:#6b7280}.view-btn:hover{background:#e5e7eb}.no-deliveries{color:#6b7280;padding:40px;text-align:center}.deliveries-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.deliveries-filter{display:flex;gap:10px;margin-bottom:30px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;padding:8px 16px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#43e97b;border-color:#43e97b;color:#fff}.deliveries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.delivery-item{background:#f9fafb;border-radius:12px;padding:20px;transition:all .3s ease}.delivery-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.delivery-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.order-number{color:#1f2937;font-weight:700}.status-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge.assigned{background:#f59e0b20;color:#f59e0b}.status-badge.accepted{background:#3b82f620;color:#3b82f6}.status-badge.in-transit{background:#8b5cf620;color:#8b5cf6}.status-badge.delivered{background:#10b98120;color:#10b981}.delivery-item-body p{color:#4b5563;margin:8px 0}.customer-name{color:#1f2937;font-weight:600}.delivery-address,.delivery-time{align-items:center;display:flex;gap:8px}.delivery-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.delivery-fee{color:#43e97b;font-size:1.1rem;font-weight:700}.action-btn{background:#43e97b;border-radius:8px;padding:8px 20px;transition:all .3s ease}.action-btn:hover{background:#38f9d7}.action-btn.complete{background:#10b981}.action-btn.complete:hover{background:#059669}.earnings-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.earnings-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.earnings-card{background:#f9fafb;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.earnings-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.earnings-card.total{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.earnings-card h3{color:inherit;font-size:1rem;margin:0 0 10px}.earnings-amount{font-size:1.8rem;font-weight:700;margin:0}.earnings-deliveries{font-size:.9rem;margin-top:5px;opacity:.8}.earnings-breakdown{margin-top:40px}.earnings-breakdown h2{color:#1f2937;margin-bottom:20px}.breakdown-chart{align-items:flex-end;display:flex;gap:15px;height:200px;justify-content:space-between;padding:20px 0}.chart-bar{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:8px 8px 0 0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease}.chart-bar:hover{opacity:.8}.bar-label{bottom:-25px;color:#6b7280;font-size:.85rem;position:absolute}.bar-value{color:#1f2937;font-weight:600;position:absolute;top:-25px}.history-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.history-content h2{color:#1f2937;margin-bottom:20px}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table thead{background:#f9fafb}.history-table th{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:600;padding:12px;text-align:left}.history-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.history-table tbody tr:hover{background:#f9fafb}.history-table td{color:#4b5563;padding:12px}.rating{align-items:center;color:#f59e0b;display:flex;gap:5px}.rating svg{font-size:1rem}.no-rating{color:#9ca3af}.modal-overlay{background:#00000080}.modal-content{border-radius:20px;max-width:600px;padding:40px;width:90%}.modal-content h2{color:#1f2937;margin-bottom:30px}.delivery-full-details{display:flex;flex-direction:column;gap:25px}.detail-section{background:#f9fafb;border-radius:12px;padding:20px}.detail-section h3{color:#1f2937;font-size:1.1rem;margin:0 0 15px}.detail-section p{color:#4b5563;margin:8px 0}.detail-section strong{color:#1f2937;margin-right:8px}.items-list{list-style:none;margin:0;padding:0}.items-list li{color:#4b5563;padding:5px 0}.modal-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;margin-top:30px;padding-top:20px}.close-btn{background:#f3f4f6;border-radius:10px;color:#6b7280;font-weight:600;padding:12px 24px;transition:all .3s ease}.close-btn:hover{background:#e5e7eb}.loading-container{background:linear-gradient(135deg,#43e97b,#38f9d7);min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.loading-container p{color:#fff;font-size:1.1rem;margin-top:20px}@media (max-width:768px){.rider-header{flex-direction:column;gap:20px;text-align:center}.rider-stats-grid{grid-template-columns:repeat(2,1fr)}.deliveries-grid{grid-template-columns:1fr}.earnings-summary{grid-template-columns:repeat(2,1fr)}.history-table{font-size:.9rem}.breakdown-chart{height:150px}}.firebase-setup-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.setup-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:40px;width:100%}.setup-header{margin-bottom:30px;text-align:center}.header-icon{margin-bottom:20px}.setup-header h1{color:#2d3748;font-size:2rem;margin:0 0 10px}.setup-header p{color:#718096;font-size:1rem}.setup-warning{align-items:flex-start;background:#fff3cd;border:2px solid #ffc107;border-radius:10px;display:flex;gap:15px;margin-bottom:30px;padding:15px}.setup-warning svg{color:#ff9800;flex-shrink:0;font-size:1.5rem;margin-top:2px}.setup-warning code{background:#0000001a;border-radius:4px;font-size:.9rem;padding:2px 6px}.setup-actions{margin-bottom:30px}.setup-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.setup-btn:disabled{cursor:not-allowed;opacity:.6}.setup-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;justify-content:center;padding:18px 30px;width:100%}.setup-btn.primary:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.setup-btn.secondary{background:#fff;border:2px solid #667eea;color:#667eea;font-size:.9rem;padding:12px 20px}.setup-btn.secondary:hover:not(:disabled){background:#667eea;color:#fff}.individual-setups{border-top:2px solid #e2e8f0;margin-top:30px;padding-top:30px}.individual-setups h3{color:#4a5568;font-size:1rem;margin-bottom:15px}.button-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.setup-logs{background:#1a202c;border-radius:10px;margin-top:30px;padding:20px}.setup-logs h3{color:#fff;font-size:1rem;margin:0 0 15px}.logs-container{font-family:Courier New,monospace;font-size:.9rem;max-height:400px;overflow-y:auto}.log-entry{color:#cbd5e0;display:flex;gap:10px;padding:8px 0}.log-time{color:#718096;flex-shrink:0}.log-message{flex:1 1}.log-entry.success .log-message{color:#48bb78}.log-entry.error .log-message{color:#f56565}.log-entry.step .log-message{color:#4299e1;font-weight:600}.log-entry.divider .log-message{color:#4a5568}.log-entry.credential .log-message{color:#fbbf24;font-weight:600}.setup-success{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:15px;color:#fff;margin-top:30px;padding:30px;text-align:center}.setup-success svg{font-size:3rem;margin-bottom:15px}.setup-success h2{font-size:1.8rem;margin:0 0 10px}.setup-success p{margin:0 0 20px;opacity:.9}.login-link{background:#fff;border-radius:8px;color:#38a169;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:transform .3s ease}.login-link:hover{transform:translateY(-2px)}.setup-info{background:#f7fafc;border-radius:10px;margin-top:30px;padding:20px}.setup-info h3{color:#2d3748;font-size:1rem;margin:0 0 15px}.setup-info ul{list-style:none;margin:0;padding:0}.setup-info li{align-items:center;color:#4a5568;display:flex;gap:8px;padding:8px 0}.spinning{animation:spin 1s linear infinite}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#2d3748;border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover{background:#718096}@media (max-width:768px){.firebase-setup-page{padding:20px 10px}.setup-container{padding:20px}.setup-header h1{font-size:1.5rem}.header-icon{font-size:3rem}.button-group{grid-template-columns:1fr}}.legal-page{background:#f8f9fa;min-height:100vh;padding-bottom:60px}.legal-hero{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:60px 20px;text-align:center}.legal-hero .hero-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.legal-hero h1{font-size:3rem;margin-bottom:10px}.legal-hero p{font-size:1rem;opacity:.9}.legal-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:-40px auto 0;max-width:900px;padding:40px}.legal-section{margin-bottom:40px}.legal-section h2{border-bottom:3px solid #e5e7eb;color:#22c55e;font-size:1.8rem;margin-bottom:16px;padding-bottom:10px}.legal-section h3{color:#374151;font-size:1.3rem;margin:20px 0 12px}.legal-section h4{color:#4b5563;font-size:1.1rem;margin:12px 0 8px}.legal-section p{color:#6b7280;line-height:1.8;margin-bottom:12px}.legal-section ol,.legal-section ul{color:#6b7280;line-height:1.8;margin:12px 0 12px 20px}.legal-section li{margin-bottom:8px}.legal-section a{color:#22c55e;font-weight:600;text-decoration:none}.legal-section a:hover{text-decoration:underline}.info-box,.warning-box{border-radius:12px;display:flex;gap:20px;margin:20px 0;padding:20px}.info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.warning-box{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.info-icon,.warning-icon{flex-shrink:0;font-size:2rem}.info-box .info-icon{color:#3b82f6}.warning-box .warning-icon{color:#ef4444}.info-box h4,.warning-box h4{color:#1e40af;margin-top:0}.warning-box p{color:#991b1b}.info-box ul,.warning-box ul{margin-top:12px}.contact-info{background:#f9fafb;border-left:4px solid #22c55e;border-radius:12px;padding:24px}.contact-item{align-items:center;display:flex;gap:16px;margin-bottom:16px}.contact-item:last-child{margin-bottom:0}.contact-item svg{color:#22c55e;font-size:1.5rem}.contact-info p{margin:8px 0}.contact-info a{color:#22c55e;font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}.legal-section.highlight{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #22c55e;border-radius:12px;padding:24px}.legal-section.highlight h2{border-bottom:none;color:#065f46}.legal-section.highlight p{color:#047857;font-weight:500}.cookie-type{background:#f9fafb;border-left:4px solid #22c55e;border-radius:12px;display:flex;gap:20px;margin:20px 0;padding:24px}.cookie-icon{color:#22c55e;flex-shrink:0;font-size:2.5rem}.cookie-type h3{color:#22c55e;margin-top:0}.cookie-type p{margin:8px 0}.cookie-type strong{color:#374151}@media (max-width:768px){.legal-hero h1{font-size:2rem}.legal-hero .hero-icon{font-size:3rem}.legal-content{border-radius:12px 12px 0 0;margin:-20px 16px 0;padding:24px 20px}.legal-section h2{font-size:1.5rem}.cookie-type,.info-box,.warning-box{align-items:flex-start;flex-direction:column}.cookie-icon,.info-icon,.warning-icon{font-size:2rem}}.product-benefits-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.benefits-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;margin-bottom:30px;padding:40px 20px}.header-content{max-width:1200px}.header-icon{font-size:4rem;opacity:.9}.benefits-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.benefits-header p{font-size:1.1rem;margin:0;opacity:.95}.benefits-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1400px}.products-sidebar{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{border-bottom:2px solid #f0f0f0;padding:20px}.sidebar-header h2{color:#333;font-size:1.5rem;margin:0 0 15px}.search-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.products-list{flex:1 1;overflow-y:auto;padding:10px}.product-item{border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.product-item:hover{background:#f8f9fa;transform:translateX(5px)}.product-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea}.product-item img{border:2px solid #f0f0f0;border-radius:10px;height:70px;object-fit:cover;width:70px}.product-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.product-info h3{color:#333;font-size:1rem;font-weight:600;margin:0}.product-category{color:#666;font-size:.85rem;text-transform:capitalize}.product-price{color:#667eea;font-size:.9rem;font-weight:600}.benefits-main{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;min-height:600px;padding:40px}.empty-state,.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:500px;text-align:center}.empty-icon{color:#ddd;font-size:5rem;margin-bottom:20px}.empty-state h2{color:#333;margin:0 0 10px}.empty-state p{font-size:1.1rem;margin:0}.spinner{color:#667eea;font-size:3rem;margin-bottom:20px}.loading-state h2{color:#333;margin:0 0 10px}.loading-state p{color:#666;margin:0}.benefits-display{animation:fadeIn .5s ease}.product-header{border-bottom:2px solid #f0f0f0;display:flex;gap:30px;margin-bottom:40px;padding-bottom:30px}.product-image{border-radius:15px;box-shadow:0 5px 15px #0000001a;height:200px;object-fit:cover;width:200px}.product-details{flex:1 1}.product-details h2{color:#333;font-size:2rem;margin:0 0 15px}.product-description{color:#666;line-height:1.6;margin:0 0 20px}.product-meta{align-items:center;display:flex;gap:15px}.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;text-transform:capitalize}.price{color:#667eea;font-size:1.5rem;font-weight:700}.benefits-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.benefit-section{background:#f8f9fa;border:2px solid #f0f0f0;border-radius:15px;padding:25px;transition:all .3s ease}.benefit-section:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a;transform:translateY(-5px)}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-icon{font-size:1.8rem}.section-icon.health{color:#e74c3c}.section-icon.nutrition{color:#27ae60}.section-icon.tips{color:#f39c12}.section-icon.storage{color:#3498db}.section-header h3{color:#333;font-size:1.3rem;margin:0}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:flex-start;color:#555;display:flex;gap:12px;line-height:1.6;margin-bottom:15px}.benefits-list li:last-child{margin-bottom:0}.check-icon{color:#27ae60;flex-shrink:0;font-size:1.2rem;margin-top:2px}.action-buttons{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:center;padding-top:30px}.btn-primary,.btn-secondary{border-radius:10px;font-size:1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-secondary{border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.no-products{color:#999;padding:40px 20px;text-align:center}@media (max-width:1024px){.benefits-content{grid-template-columns:300px 1fr}.benefits-sections{grid-template-columns:1fr}}@media (max-width:768px){.benefits-content{grid-template-columns:1fr}.products-sidebar{max-height:400px;position:static}.product-header{flex-direction:column;text-align:center}.product-image{height:150px;margin:0 auto;width:150px}.product-meta{justify-content:center}.benefits-main{padding:20px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.header-content{flex-direction:column;text-align:center}.benefits-header h1{font-size:1.8rem}}.blog-generator{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.generator-header{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;padding:30px}.header-content{align-items:center;display:flex;gap:20px}.header-icon{animation:float 3s ease-in-out infinite;color:#667eea;font-size:3rem}.generator-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0}.generator-header p{color:#718096;font-size:1rem;margin:5px 0 0}.generator-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px}.generator-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px}.sidebar-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.topic-suggestions{display:flex;flex-direction:column;gap:8px}.suggestion-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:10px 12px;text-align:left;transition:all .3s}.suggestion-btn:hover{background:#e0e7ff;border-color:#667eea;color:#667eea;transform:translateX(5px)}.seo-tips-list{color:#4a5568;font-size:.85rem;line-height:1.8;margin:0;padding-left:20px}.seo-tips-list li{margin-bottom:8px}.generator-main{display:flex;flex-direction:column;gap:30px}.input-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.keywords-input,.topic-input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:14px 18px;transition:all .3s;width:100%}.keywords-input:focus,.topic-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr}.tone-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.tone-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:5px;padding:12px;transition:all .3s}.tone-icon{font-size:1.5rem}.tone-btn:hover{background:#e0e7ff;border-color:#667eea;transform:translateY(-2px)}.tone-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.length-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.length-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:15px;text-align:center;transition:all .3s}.length-label{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:5px}.length-time{color:#718096;font-size:.75rem}.length-btn:hover{background:#e0e7ff;border-color:#667eea;transform:translateY(-2px)}.length-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.length-btn.active .length-label,.length-btn.active .length-time{color:#fff}.generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.output-section{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.output-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.output-header h2{color:#2d3748;font-size:1.5rem;margin:0}.output-actions{display:flex;gap:10px}.action-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#667eea;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.action-btn:hover{background:#e0e7ff;border-color:#667eea;transform:translateY(-2px)}.seo-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.metric{background:linear-gradient(135deg,#f7fafc,#e0e7ff);border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:15px}.metric-label{color:#718096;font-size:.85rem;font-weight:600}.metric-value{color:#2d3748;font-size:1.3rem;font-weight:700}.metric-value.score{color:#48bb78;font-size:1.8rem}.blog-preview{display:flex;flex-direction:column;gap:20px}.preview-meta{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:20px}.preview-meta h3{color:#2d3748;font-size:1.5rem;margin:0 0 10px}.meta-description{color:#4a5568;font-size:.95rem;line-height:1.6;margin:10px 0}.slug{color:#667eea;font-family:monospace;font-size:.85rem;margin:10px 0}.keywords-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.keyword-tag{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#667eea;font-size:.8rem;font-weight:600;padding:6px 12px}.preview-content{background:#fff;border:2px solid #e2e8f0;border-radius:12px;max-height:600px;overflow-y:auto;padding:25px}.preview-content pre{word-wrap:break-word;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap}.preview-content::-webkit-scrollbar{width:8px}.preview-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.preview-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.preview-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.seo-tips-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #fbbf24;border-radius:12px;padding:20px}.seo-tips-box h4{align-items:center;color:#92400e;display:flex;gap:8px;margin:0 0 15px}.seo-tips-box ul{color:#78350f;line-height:1.8;margin:0;padding-left:20px}.seo-tips-box li{margin-bottom:8px}@media (max-width:1024px){.generator-container{grid-template-columns:1fr}.generator-sidebar{order:2}.generator-main{order:1}}@media (max-width:768px){.generator-header{padding:20px}.header-icon{font-size:2rem}.generator-header h1{font-size:1.5rem}.tone-options{grid-template-columns:repeat(2,1fr)}.length-options,.seo-metrics{grid-template-columns:1fr}.output-header{align-items:flex-start;flex-direction:column;gap:15px}.output-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.blog-generator{padding:10px}.input-section,.output-section{padding:20px}.tone-options{grid-template-columns:1fr}}.blog-page{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);min-height:100vh;overflow-x:hidden;position:relative}.blog-page:before{background:linear-gradient(135deg,#4caf50,#2e7d32);content:"";height:500px;left:0;opacity:.08;position:absolute;right:0;top:0;z-index:0}.blog-loading{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;min-height:70vh;padding:40px 20px}.blog-loading .spinner{animation:spin 1s linear infinite;color:#4caf50;filter:drop-shadow(0 0 10px rgba(76,175,80,.3));font-size:3.5rem}.blog-loading p{animation:fadeInUp .6s ease-out;color:#2e7d32;font-size:1.3rem;font-weight:600}.blog-header{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 25px #00000026;color:#fff;overflow:hidden;padding:40px 20px 30px;position:relative;text-align:center}.blog-header:before{animation:headerPattern 25s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes headerPattern{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.header-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.header-content h1{animation:fadeInUp .6s ease-out;font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px;text-shadow:2px 2px 8px #0003}.header-content p{animation:fadeInUp .6s ease-out .1s both;font-size:1rem;line-height:1.5;margin:0 0 20px;opacity:.9}.header-features{animation:fadeInUp .6s ease-out .2s both;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.header-features .feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 3px 12px #0000001a;cursor:default;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.header-features .feature:hover{background:#ffffff4d;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.header-features .feature svg{font-size:1.1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header-features .feature span{font-size:.85rem;font-weight:600;letter-spacing:.2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.generating-banner{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 20px #ff980080;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:18px;justify-content:center;overflow:hidden;padding:20px 25px;position:relative;z-index:10}.generating-banner:before{animation:shimmer 1.8s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.magic-icon{animation:pulse 1.5s infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.blog-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:340px 1fr;margin:0 auto;max-width:1450px;padding:70px 25px;position:relative;z-index:1}.blog-sidebar{animation:fadeInLeft .8s ease-out;display:flex;flex-direction:column;gap:35px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.filter-section,.info-section,.stats-section{background:#fff;border:1px solid #4caf501a;border-radius:20px;box-shadow:0 8px 30px #0000001a;padding:30px;transition:transform .3s,box-shadow .3s}.filter-section:hover,.info-section:hover,.stats-section:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.filter-section h3,.info-section h3,.stats-section h3{align-items:center;color:#2e7d32;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0 0 20px}.filter-section h3:before{content:"📚";font-size:1.4rem}.info-section h3:before{content:"ℹ️";font-size:1.4rem}.stats-section h3:before{content:"📊";font-size:1.4rem}.filter-btn{background:#f8faf9;border:2px solid #e0e0e0;border-radius:12px;color:#424242;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:10px;overflow:hidden;padding:14px 18px;position:relative;text-align:left;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.filter-btn:before{background:linear-gradient(90deg,#0000,#4caf501a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:#e8f5e9;box-shadow:0 4px 15px #4caf5033}.filter-btn.active,.filter-btn:hover{border-color:#4caf50;transform:translateX(8px)}.filter-btn.active{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 6px 20px #4caf5066;color:#fff;font-weight:700}.info-section p,.stats-section p{color:#616161;font-size:.95rem;line-height:1.7;margin:0 0 12px}.generate-btn,.generate-now-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;box-shadow:0 5px 20px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s;width:100%}.generate-btn:after,.generate-now-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.generate-btn:hover:after,.generate-now-btn:hover:after{height:300px;width:300px}.generate-btn:hover,.generate-now-btn:hover{box-shadow:0 8px 30px #4caf5080;transform:translateY(-3px)}.generate-btn:active,.generate-now-btn:active{transform:translateY(0)}.generate-btn:disabled,.generate-now-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-blog-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:12px;box-shadow:0 5px 20px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;margin-top:15px;padding:14px 20px;transition:all .3s;width:100%}.submit-blog-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 8px 30px #2196f380;transform:translateY(-3px)}.submit-blog-btn svg{animation:float 3s ease-in-out infinite;font-size:1.1rem}.blog-main{animation:fadeInRight .8s ease-out;min-height:500px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.no-posts{animation:fadeIn .6s ease-out;background:#fff;border-radius:25px;box-shadow:0 10px 40px #0000001a;padding:80px 40px;text-align:center}.no-posts svg{animation:bounce 2s infinite;color:#4caf50;font-size:5rem;margin-bottom:25px}.no-posts h3{color:#2e7d32;font-size:2rem;margin:0 0 15px}.no-posts p{color:#616161;font-size:1.1rem;line-height:1.6;margin:0 0 10px}.no-posts .generate-btn{margin:30px auto 0;max-width:300px}.posts-grid{grid-gap:35px;animation:fadeIn .6s ease-out;display:grid;gap:35px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.post-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 30px #00000014;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.post-card:before{animation:gradientShift 3s linear infinite;background:linear-gradient(90deg,#4caf50,#2e7d32,#4caf50);background-size:200% 100%;content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:200% 50%}}.post-card:hover:before{opacity:1}.post-card:hover{border-color:#4caf50;box-shadow:0 20px 50px #4caf5040;transform:translateY(-12px) scale(1.02)}.post-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.post-category{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:20px;box-shadow:0 4px 15px #4caf504d;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.post-meta-mini{align-items:center;color:#757575;display:flex;font-size:.9rem;gap:10px}.post-reading-time{align-items:center;display:flex;font-weight:600;gap:5px}.ai-icon{animation:pulse 2s infinite;color:#ff9800;font-size:1.2rem}.post-card h2{color:#212121;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0 0 15px;transition:color .3s}.post-card:hover h2{color:#4caf50}.post-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#616161;display:-webkit-box;font-size:1rem;line-height:1.7;margin:0 0 20px;overflow:hidden}.post-card-footer{border-top:2px solid #f0f0f0;justify-content:space-between;padding-top:20px}.post-card-footer,.post-date{align-items:center;display:flex}.post-date{color:#757575;font-size:.9rem;font-weight:600;gap:8px}.read-more{color:#4caf50;font-size:1rem;font-weight:700;transition:all .3s}.post-card:hover .read-more{transform:translateX(5px)}.post-detail{animation:fadeIn .6s ease-out}.back-btn{box-shadow:0 4px 15px #4caf5033;font-size:1rem;margin-bottom:30px}.back-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateX(-8px)}.post-full{background:#fff;border:1px solid #4caf501a;border-radius:25px;box-shadow:0 10px 50px #0000001a;padding:60px}.post-header{border-bottom:3px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.post-full .post-category{display:inline-block;margin-bottom:20px}.post-full h1{color:#212121;font-size:2.8rem;font-weight:900;line-height:1.3;margin:0 0 25px}.post-meta{color:#757575;display:flex;flex-wrap:wrap;font-size:1rem;gap:25px}.post-meta span{align-items:center;display:flex;font-weight:600;gap:8px}.post-meta svg{color:#4caf50}.ai-badge{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:25px;box-shadow:0 4px 15px #ff98004d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:8px 16px}.post-content{color:#424242;font-size:1.15rem;line-height:1.9;margin-bottom:40px}.post-content h1{color:#2e7d32;font-size:2.2rem;font-weight:800;margin:40px 0 20px}.post-content h2{color:#2e7d32;font-size:1.8rem;font-weight:700;margin:35px 0 18px}.post-content p{margin:0 0 20px;text-align:justify}.post-content strong{color:#2e7d32;font-weight:700}.post-footer{border-top:3px solid #e0e0e0;padding-top:30px}.post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.post-tags svg{color:#4caf50;font-size:1.3rem}.tag{border:2px solid #4caf50;border-radius:20px;cursor:pointer;font-size:.9rem;padding:8px 18px;transition:all .3s}.tag:hover{background:#4caf50;box-shadow:0 5px 15px #4caf504d;color:#fff;transform:translateY(-3px)}@media (max-width:1200px){.blog-container{gap:40px;grid-template-columns:300px 1fr}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:968px){.blog-container{gap:30px;grid-template-columns:1fr}.blog-sidebar{order:2}.blog-main{order:1}.header-content h1{font-size:2.5rem}.post-full{padding:40px 30px}.post-full h1{font-size:2.2rem}}@media (max-width:768px){.blog-header{padding:60px 20px 50px}.header-content h1{font-size:2rem}.header-content p{font-size:1.1rem}.header-features{gap:15px}.header-features .feature{padding:10px 20px}.blog-container{padding:40px 15px}.posts-grid{gap:25px;grid-template-columns:1fr}.post-card{padding:25px}.post-full{padding:30px 20px}.post-full h1{font-size:1.8rem}.post-content{font-size:1.05rem}}@media (max-width:480px){.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.header-features .feature{font-size:.9rem;padding:8px 16px}.post-card h2{font-size:1.3rem}.post-full h1{font-size:1.5rem}.filter-btn,.generate-btn,.generate-now-btn{font-size:.95rem;padding:12px 16px}}@media print{.back-btn,.blog-header,.blog-sidebar,.filter-section,.generating-banner,.info-section,.post-card-footer,.stats-section{display:none!important}.blog-page{background:#fff}.post-full{box-shadow:none;padding:0}}.blog-page :focus{outline:3px solid #4caf50;outline-offset:3px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){.blog-page{background:linear-gradient(135deg,#1a2e1a,#0d1f0d)}.filter-section,.info-section,.post-card,.post-full,.stats-section{background:#1e1e1e;color:#e0e0e0}.post-card h2,.post-content h1,.post-content h2,.post-full h1{color:#81c784}.info-section p,.post-content,.post-excerpt,.stats-section p{color:#bdbdbd}}.reading-progress-bar{background:linear-gradient(90deg,#4caf50,#2e7d32);box-shadow:0 2px 10px #4caf5080;height:4px;left:0;position:fixed;top:0;transition:width .2s ease;z-index:9999}.scroll-to-top{align-items:center;animation:fadeInUp .4s ease-out;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #4caf5066;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:56px;justify-content:center;position:fixed;right:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:56px;z-index:1000}.scroll-to-top:hover{box-shadow:0 12px 35px #4caf5099;transform:translateY(-8px) scale(1.1)}.scroll-to-top:active{transform:translateY(-4px) scale(1.05)}.error-banner{align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 6px 20px #f4433666;color:#fff;display:flex;font-size:1.05rem;font-weight:600;gap:15px;justify-content:center;padding:18px 25px;z-index:10}.error-banner svg{animation:pulse 2s infinite;font-size:1.5rem}.error-banner button{background:#fff;border:none;border-radius:20px;color:#f44336;cursor:pointer;font-weight:700;padding:8px 20px;transition:all .3s}.error-banner button:hover{background:#fff3e0;transform:scale(1.05)}.post-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;margin-top:25px;padding-top:25px}.action-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-btn:hover{box-shadow:0 8px 25px #4caf5080;transform:translateY(-3px)}.action-btn svg{font-size:1.1rem}.action-btn-small{align-items:center;background:#4caf501a;border:2px solid #4caf50;border-radius:50%;color:#4caf50;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:8px;transition:all .3s;width:36px}.action-btn-small:hover{background:#4caf50;color:#fff;transform:scale(1.1) rotate(15deg)}.post-card-actions{align-items:center;display:flex;gap:12px}@media (max-width:768px){.scroll-to-top{bottom:20px;font-size:1.1rem;height:48px;right:20px;width:48px}.reading-progress-bar{height:3px}.post-actions{flex-direction:column;gap:10px}.action-btn{justify-content:center;width:100%}.error-banner{flex-direction:column;font-size:.95rem;gap:10px;padding:15px 20px;text-align:center}.error-banner button{width:100%}}@media (max-width:480px){.scroll-to-top{bottom:15px;height:44px;right:15px;width:44px}}.submit-blog-page{background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);min-height:100vh;padding:60px 20px}.submit-blog-container{margin:0 auto;max-width:900px}.submit-blog-header{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:25px 25px 0 0;box-shadow:0 10px 40px #00000026;color:#fff;padding:60px 40px;text-align:center}.submit-blog-header .header-icon{animation:bounce 2s infinite;font-size:3.5rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.submit-blog-header h1{font-size:2.5rem;font-weight:800;margin:0 0 15px}.submit-blog-header p{font-size:1.15rem;line-height:1.6;margin:0;opacity:.95}.submit-blog-form{background:#fff;border-radius:0 0 25px 25px;box-shadow:0 10px 40px #0000001a;padding:50px 40px}.form-section{border-bottom:2px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none}.form-section h3{align-items:center;color:#2e7d32;display:flex;font-size:1.5rem;gap:10px;margin:0 0 25px}.form-section h3:before{content:"✏️";font-size:1.6rem}.form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:25px}.form-group label{align-items:center;color:#424242;display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:10px}.form-group label svg{color:#4caf50;font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{background:#f8faf9;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:1rem;padding:14px 18px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group textarea{line-height:1.7;min-height:300px;resize:vertical}.form-group small{color:#757575;display:block;font-size:.9rem;margin-top:6px}.submission-guidelines{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:15px;margin:30px 0;padding:30px}.submission-guidelines h4{color:#1976d2;font-size:1.3rem;margin:0 0 15px}.submission-guidelines ul{margin:0 0 15px;padding-left:25px}.submission-guidelines li{color:#424242;line-height:1.6;margin-bottom:8px}.review-note{background:#fff;border-left:4px solid #2196f3;border-radius:10px;color:#1976d2;font-weight:600;margin:15px 0 0;padding:15px 20px}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:30px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:10px;padding:15px 35px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 5px 20px #4caf504d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #4caf5080;transform:translateY(-3px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#424242}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bdbdbd}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.submit-blog-page{padding:40px 15px}.submit-blog-header{border-radius:20px 20px 0 0;padding:40px 25px}.submit-blog-header h1{font-size:2rem}.submit-blog-header p{font-size:1rem}.submit-blog-form{border-radius:0 0 20px 20px;padding:35px 25px}.form-row{gap:0;grid-template-columns:1fr}.form-section h3{font-size:1.3rem}.form-group textarea{min-height:250px}.submission-guidelines{padding:25px 20px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.submit-blog-header .header-icon{font-size:2.5rem}.submit-blog-header h1{font-size:1.75rem}.submit-blog-form{padding:25px 20px}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:12px 15px}.submission-guidelines{padding:20px 15px}.submission-guidelines h4{font-size:1.1rem}}.admin-blog-submissions{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading-container .spinner{animation:spin 1s linear infinite;color:#4caf50;font-size:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submissions-header{margin:0 auto 40px;max-width:1400px;text-align:center}.back-btn{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:12px;color:#4caf50;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin-bottom:20px;padding:12px 24px;transition:all .3s}.back-btn:hover{background:#4caf50;color:#fff;transform:translateX(-5px)}.submissions-header h1{color:#2e7d32;font-size:2.5rem;margin:0 0 10px}.submissions-header p{color:#616161;font-size:1.1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto 30px;max-width:1400px}.filter-tabs button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.filter-tabs button:hover{border-color:#4caf50;transform:translateY(-2px)}.filter-tabs button.active{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;color:#fff}.no-submissions{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin:0 auto;max-width:1400px;padding:60px 40px;text-align:center}.no-submissions p{color:#757575;font-size:1.2rem}.submissions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto;max-width:1400px}.submission-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 30px #00000014;padding:25px;transition:all .3s}.submission-card:hover{border-color:#4caf50;box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:6px 14px}.badge-pending{background:#fff3e0;border:2px solid #ff9800;color:#ff9800}.badge-approved{background:#e8f5e9;border:2px solid #4caf50;color:#4caf50}.badge-rejected{background:#ffebee;border:2px solid #f44336;color:#f44336}.category-badge{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 14px}.submission-card h3{color:#212121;font-size:1.3rem;line-height:1.4;margin:0 0 12px}.submission-card .excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#616161;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0 0 15px;overflow:hidden}.card-meta{color:#757575;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin-bottom:12px}.card-meta span{gap:5px}.card-meta span,.tags{align-items:center;display:flex}.tags{color:#4caf50;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{background:#e8f5e9;border-radius:12px;color:#2e7d32;font-size:.8rem;font-weight:600;padding:4px 10px}.card-actions{border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.card-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .3s}.btn-view{background:#e3f2fd;border:2px solid #2196f3;color:#2196f3;flex:1 1}.btn-view:hover{background:#2196f3;color:#fff}.btn-approve{background:#e8f5e9;border:2px solid #4caf50;color:#4caf50;flex:1 1}.btn-approve:hover:not(:disabled){background:#4caf50;color:#fff}.btn-reject{background:#ffebee;border:2px solid #f44336;color:#f44336;flex:1 1}.btn-reject:hover:not(:disabled){background:#f44336;color:#fff}.btn-delete{background:#fafafa;border:2px solid #e0e0e0;color:#616161}.btn-delete:hover:not(:disabled){background:#f44336;border-color:#f44336;color:#fff}.card-actions button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:25px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:30px 30px 20px}.modal-header h2{color:#212121;flex:1 1;font-size:1.8rem;line-height:1.4;margin:0}.close-btn{background:#f5f5f5;border:none;border-radius:50%;color:#616161;cursor:pointer;font-size:1.8rem;height:40px;line-height:1;transition:all .3s;width:40px}.close-btn:hover{background:#f44336;color:#fff;transform:rotate(90deg)}.modal-meta{display:flex;gap:15px;padding:20px 30px}.modal-info{padding:0 30px 20px}.modal-info p{color:#424242;margin:8px 0}.modal-tags{color:#424242;padding:0 30px 20px}.modal-body{padding:20px 30px 30px}.modal-body h3{color:#2e7d32;font-size:1.3rem;margin:0 0 15px}.content-preview{background:#f8faf9;border-left:4px solid #4caf50;border-radius:15px;color:#424242;line-height:1.8;padding:25px}.content-preview h2{color:#2e7d32;font-size:1.5rem;margin:25px 0 15px}.content-preview h3{color:#2e7d32;font-size:1.2rem;margin:20px 0 12px}.content-preview p{margin:0 0 15px}.modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;padding:20px 30px 30px}.modal-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1.05rem;font-weight:700;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s}@media (max-width:1200px){.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.admin-blog-submissions{padding:30px 15px}.submissions-header h1{font-size:2rem}.filter-tabs{gap:10px}.filter-tabs button{font-size:.9rem;padding:10px 18px}.submissions-grid{gap:20px;grid-template-columns:1fr}.submission-card{padding:20px}.card-actions{flex-direction:column}.card-actions button{justify-content:center;width:100%}.modal-content{max-height:85vh}.modal-header{padding:20px 20px 15px}.modal-header h2{font-size:1.5rem}.modal-body,.modal-info,.modal-meta,.modal-tags{padding-left:20px;padding-right:20px}.modal-actions{flex-direction:column;padding:15px 20px 20px}}@media (max-width:480px){.submissions-header h1{font-size:1.75rem}.filter-tabs button{font-size:.85rem;padding:8px 14px}.submission-card h3{font-size:1.1rem}.modal-header h2{font-size:1.3rem}.content-preview{padding:20px}}
/*# sourceMappingURL=main.4e91c069.css.map*/