@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Playfair+Display:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content{min-height:calc(100vh - 400px)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--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-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--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-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.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:#e74d3c;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:#e74d3c;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{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.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:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.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,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),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,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),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-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-bar{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0208170d;font-size:13px;padding:10px 0}.top-bar-content{align-items:center;display:flex;justify-content:flex-end}.top-bar-right{gap:20px}.top-bar-right,.top-link{align-items:center;display:flex}.top-link{color:var(--text-light);font-size:13px;gap:5px;text-decoration:none;transition:var(--transition)}.top-link:hover{color:var(--primary-color)}.top-link i{font-size:12px}.cart-link{position:relative}.cart-badge{background:var(--primary-gradient);border-radius:10px;color:#fff;font-size:11px;margin-left:5px;padding:2px 6px}.header{background:var(--bg-main);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0208170d;padding:24px 0}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-strong);gap:14px;text-decoration:none}.logo-svg{display:block;height:90px;width:220px}.main-nav ul{display:flex;gap:35px;list-style:none;margin:0;padding:0}.main-nav a{color:var(--text-dark);font-size:13px;font-weight:500;letter-spacing:.5px;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.main-nav a:after{background:var(--primary-gradient);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-nav a.active,.main-nav a:hover{color:var(--primary-color)}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.main-nav a i{font-size:10px;margin-left:5px}.header-search{align-items:center;display:flex;gap:15px}.search-toggle{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;color:var(--text-dark);cursor:pointer;font-size:16px;height:42px;transition:var(--transition);width:42px}.search-toggle:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mobile-menu-toggle{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:14px;color:var(--text-dark);cursor:pointer;display:none;font-size:20px;height:46px;transition:var(--transition);width:46px}.mobile-menu-toggle:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.search-bar{background:var(--bg-main);border-bottom:1px solid var(--border-color);box-shadow:0 8px 30px #02081726;display:none;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.search-bar.active{display:block}.search-bar-content{align-items:center;display:flex;gap:15px;margin:0 auto;max-width:1200px}.search-bar input{background:var(--bg-main);border:2px solid var(--border-color);border-radius:12px;color:var(--text-dark);flex:1 1;font-size:15px;padding:14px 20px}.search-bar button{background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:var(--transition)}.search-bar button:hover{transform:translateY(-2px)}.search-close{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:24px}.mobile-nav{background:var(--bg-main);box-shadow:5px 0 25px #02081726;display:none;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:2000}.mobile-nav.active{display:block;transform:translateX(0)}.mobile-nav-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.mobile-nav-close{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:24px}.mobile-nav ul{list-style:none;margin:0;padding:0}.mobile-nav ul li{border-bottom:1px solid var(--border-color)}.mobile-nav ul li a{color:var(--text-dark);display:block;font-size:15px;padding:16px 24px;text-decoration:none;transition:var(--transition)}.mobile-nav ul li a:hover{background:var(--bg-elevated);color:var(--primary-color)}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1999}.mobile-overlay.active{display:block}@media (max-width:992px){.main-nav{display:none}.mobile-menu-toggle{display:block}}@media (max-width:768px){.top-bar-right{gap:10px}.top-link span{display:none}.logo-svg{height:74px;width:180px}}@media (max-width:480px){.logo-svg{height:62px;width:150px}.header-search{gap:10px}.search-toggle{font-size:16px}}.footer{background:var(--bg-elevated);border-top:1px solid var(--border-color);color:var(--text-dark);margin-top:120px;padding:80px 0 0;position:relative}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px;position:relative;z-index:1}.footer-column h3{color:var(--text-dark);font-size:16px;font-weight:600;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:var(--text-light);font-size:14px;text-decoration:none;transition:var(--transition)}.footer-column ul li a:hover{color:var(--primary-color);padding-left:8px}.footer-column p{color:var(--text-light);font-size:14px;line-height:1.8;margin:0}.footer-column i{margin-right:8px}.footer-bottom{border-top:1px solid var(--border-color);padding:30px 0;position:relative;text-align:center;z-index:1}.footer-bottom p{color:var(--text-light);font-size:13px;letter-spacing:.5px;margin:0}@media (max-width:768px){.footer{margin-top:80px;padding:60px 0 0}.footer-content{gap:30px;grid-template-columns:1fr}}.Toastify__toast-container{padding:0 20px;top:100px;z-index:9999}.Toastify__toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid;border-radius:12px;box-shadow:0 4px 20px #0000001f;font-family:Roboto,Segoe UI,sans-serif;font-weight:400;min-height:64px;overflow:hidden;padding:16px 20px;position:relative}.Toastify__toast:after{background:currentColor;bottom:0;content:"";left:0;opacity:.8;position:absolute;top:0;width:4px}.Toastify__toast--success{background:linear-gradient(135deg,#fff,#f0f9f4);border-color:#d4edda;box-shadow:0 4px 20px #27ae6026;color:#27ae60}.Toastify__toast--success:after{background:linear-gradient(180deg,#27ae60,#229954)}.Toastify__toast--error{background:linear-gradient(135deg,#fff,#fff5f5);border-color:#f8d7da;box-shadow:0 4px 20px #e74c3c33;color:#e74c3c}.Toastify__toast--error:after{background:linear-gradient(180deg,#e74c3c,#c0392b)}.Toastify__toast--info{background:linear-gradient(135deg,#fff,#00c7ff0d);border-color:#1e8cff33;box-shadow:0 4px 20px #1e8cff26;color:var(--primary-color)}.Toastify__toast--info:after{background:var(--primary-gradient)}.Toastify__toast--warning{background:linear-gradient(135deg,#fff,#fffbf0);border-color:#fff3cd;box-shadow:0 4px 20px #f39c1226;color:#f39c12}.Toastify__toast--warning:after{background:linear-gradient(180deg,#f39c12,#e67e22)}.Toastify__toast-body{align-items:center;color:inherit;display:flex;font-size:15px;font-weight:400;gap:14px;line-height:1.6;margin:0;padding:0 0 0 8px}.Toastify__toast-icon{align-items:center;background:#0000000d;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;padding:6px;width:32px}.Toastify__toast--success .Toastify__toast-icon{background:#27ae601a}.Toastify__toast--error .Toastify__toast-icon{background:#e74c3c1a}.Toastify__toast--info .Toastify__toast-icon{background:#1e8cff1a}.Toastify__toast--warning .Toastify__toast-icon{background:#f39c121a}.Toastify__close-button{align-items:center;border-radius:6px;color:inherit;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;opacity:.5;transition:all .3s ease;width:24px}.Toastify__close-button:hover{background:#00000014;opacity:1;transform:scale(1.1)}.Toastify__progress-bar{background:#0000000d;border-radius:0 0 12px 12px;height:3px}.Toastify__progress-bar--success{background:linear-gradient(90deg,#27ae604d,#27ae601a)}.Toastify__progress-bar--error{background:linear-gradient(90deg,#e74c3c4d,#e74c3c1a)}.Toastify__progress-bar--info{background:linear-gradient(90deg,#1e8cff4d,#1e8cff1a)}.Toastify__progress-bar--warning{background:linear-gradient(90deg,#f39c124d,#f39c121a)}.Toastify__toast--rtl{animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.Toastify__toast:hover{box-shadow:0 6px 25px #00000026;transform:translateX(-3px) translateY(-2px);transition:all .3s ease}.Toastify__toast-body>div{align-items:center;display:flex;flex:1 1;gap:12px}@media (max-width:480px){.Toastify__toast-container{left:50%;right:auto;transform:translateX(-50%);width:90vw}.Toastify__toast{font-size:14px;min-height:56px;padding:14px 16px}}.product-card{border-radius:22px}.product-badges{gap:6px;left:15px;top:15px;z-index:15}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:6px 14px}.badge-sale{background:var(--primary-gradient)}.badge-new,.badge-sale{border:1px solid #ffffff26}.badge-new{background:#2ecc71d9}.product-image{background:var(--bg-elevated);height:340px}.product-overlay{align-items:center;background:linear-gradient(180deg,#fff0 30%,#fffffff2);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .4s ease;visibility:hidden}.product-card:hover .product-overlay{opacity:1;visibility:visible}.product-actions{flex-direction:column;gap:12px}.action-btn,.product-actions{align-items:center;display:flex}.action-btn{background:var(--bg-main);border:2px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-soft);color:var(--text-dark);cursor:pointer;font-size:16px;height:48px;justify-content:center;opacity:0;transform:translateY(20px);transition:all .3s ease;width:48px}.product-card:hover .action-btn{opacity:1;transform:translateY(0)}.product-card:hover .action-btn:first-child{transition-delay:.05s}.product-card:hover .action-btn:nth-child(2){transition-delay:.1s}.action-btn:hover{transform:translateY(-4px) scale(1.08)}.action-btn.active,.action-btn:hover{background:var(--primary-gradient);border-color:#0000;color:#fff}.product-info h3{font-weight:500}.product-rating{gap:3px}.product-rating i{color:gold}.product-rating .far{color:var(--border-color)}.rating-count{color:var(--text-light);font-size:12px;margin-left:5px}.product-supplier{align-items:center;color:var(--text-light);display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:12px}.product-supplier i{color:var(--primary-color);font-size:14px}.product-supplier span{color:var(--text-dark);font-weight:500}.old-price{font-size:15px}.old-price,.unit{color:var(--text-light)}.unit{font-size:13px}.product-notification{border-radius:14px;box-shadow:0 20px 45px #00000059}@media (max-width:768px){.product-image{height:280px}.action-btn{font-size:14px;height:42px;width:42px}.product-notification{left:10px;right:10px;text-align:center}}@media (max-width:480px){.product-image{height:250px}.product-info{padding:18px}}.hero-slider{background:linear-gradient(135deg,#00c7ff0d 0,#1e8cff14 50%,#3358ff0d 100%),var(--bg-main);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-soft);height:600px;margin:30px 0;max-height:600px;min-height:600px;overflow:hidden;position:relative;z-index:1}.slides-container{z-index:1}.slide,.slides-container{height:100%;left:0;position:absolute;top:0;width:100%}.slide{opacity:0;transition:opacity .6s ease,visibility .6s ease;visibility:hidden}.slide.active{opacity:1;visibility:visible;z-index:2}.slide-image{height:100%;overflow:hidden;position:relative;width:100%}.slide-image img{display:block;height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center center;width:100%}.slide-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(120deg,#ffffffd9,#ffffffbf 55%,#fff9);height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{align-items:center;display:flex;min-height:600px;padding:80px 0;pointer-events:none;position:relative}.hero-content *{pointer-events:auto}.hero-text{animation:fadeInUp .8s ease-out;max-width:600px}.hero-subtitle{animation:fadeIn .8s ease-out .2s both;color:var(--text-light);font-size:15px;font-weight:300;margin-bottom:20px}.hero-title{animation:fadeIn .8s ease-out .4s both;color:var(--text-dark);font-family:Playfair Display,serif;font-size:64px;font-weight:300;line-height:1.1;margin-bottom:40px}.hero-text .btn{animation:fadeIn .8s ease-out .6s both}.slider-arrow{align-items:center;background:var(--bg-main);border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-soft);color:var(--text-dark);cursor:pointer;display:flex;font-size:18px;height:52px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:52px;z-index:4}.slider-arrow:hover{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.05)}.slider-arrow-prev{left:20px}.slider-arrow-next{right:20px}.slider-dots{bottom:30px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:4}.dot{background:#0000;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot:hover{background:#fff6;transform:scale(1.2)}.dot.active{background:var(--primary-gradient);border-color:#0000;transform:scale(1.3)}@media (max-width:992px){.hero-content,.hero-slider{min-height:500px}.hero-title{font-size:48px}.slider-arrow{font-size:16px;height:40px;width:40px}}@media (max-width:768px){.hero-content,.hero-slider{min-height:450px}.hero-content{padding:60px 0}.hero-title{font-size:36px;margin-bottom:30px}.hero-subtitle{font-size:12px;margin-bottom:15px}.slider-arrow{font-size:14px;height:35px;width:35px}.slider-arrow-prev{left:10px}.slider-arrow-next{right:10px}.slider-dots{bottom:20px}.dot{height:10px;width:10px}}@media (max-width:480px){.hero-content,.hero-slider{min-height:400px}.hero-content{padding:40px 0}.hero-title{font-size:28px;margin-bottom:25px}.hero-text{max-width:100%}.slider-arrow{display:none}}.categories-carousel{background:var(--bg-main);overflow:hidden;padding:90px 0;position:relative;width:100%}.carousel-wrapper{margin:0 auto;max-width:1200px;z-index:1}.carousel-container{padding:10px 0}.category-carousel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow-soft);color:var(--text-dark);display:block;height:280px;overflow:hidden;position:relative;text-decoration:none;transition:var(--transition)}.category-carousel-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-12px)}.category-carousel-image{background:var(--bg-elevated);height:100%;overflow:hidden;position:relative;width:100%}.category-carousel-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.category-carousel-card:hover .category-carousel-image img{transform:scale(1.15)}.category-icon{color:#fff3;font-size:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.category-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 50%,#020817e6);display:flex;inset:0;padding:30px 24px;position:absolute;transition:var(--transition)}.category-carousel-card:hover .category-overlay{background:linear-gradient(180deg,#0000 35%,#1e8cfff2)}.category-overlay-content{position:relative;z-index:2}.category-overlay-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px;text-shadow:0 2px 4px #0003}.category-overlay-content p{color:#fffc;font-size:13px;margin:0}.categories-carousel .carousel-arrow{align-items:center;background:var(--bg-main);border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-soft);color:var(--text-dark);cursor:pointer;display:flex;font-size:18px;height:58px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:58px;z-index:10}.categories-carousel .carousel-arrow.prev{left:0}.categories-carousel .carousel-arrow.next{right:0}.categories-carousel .carousel-arrow:hover{background:var(--primary-gradient);box-shadow:0 35px 60px #0e3d8c80;color:#fff;transform:translateY(-50%) scale(1.08)}.carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:40px;padding:0 20px}.carousel-dot{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:12px;padding:0;transition:var(--transition);width:12px}.carousel-dot:hover{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.2)}.carousel-dot.active{background:var(--primary-gradient);border-color:#0000;transform:scale(1.3)}@media (max-width:1024px){.carousel-container{margin:0 60px}.category-carousel-card{height:250px}.category-overlay-content h3{font-size:18px}}@media (max-width:768px){.categories-carousel{padding:60px 0}.carousel-container{margin:0 50px}.category-carousel-card{height:220px}.categories-carousel .carousel-arrow{font-size:16px;height:40px;width:40px}.category-overlay{padding:20px 15px 15px}.category-overlay-content h3{font-size:16px}.category-overlay-content p{font-size:13px}}@media (max-width:480px){.carousel-container{margin:0 45px}.category-carousel-card{height:200px}.categories-carousel .carousel-arrow{font-size:14px;height:35px;width:35px}.carousel-item{padding:0 10px}.carousel-dots{margin-top:30px}.carousel-dot{height:10px;width:10px}}.carousel-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.carousel-item:first-child{animation-delay:.1s}.carousel-item:nth-child(2){animation-delay:.2s}.carousel-item:nth-child(3){animation-delay:.3s}.carousel-item:nth-child(4){animation-delay:.4s}.suppliers-carousel{background:var(--bg-main);padding:90px 0;position:relative}.carousel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.carousel-header .section-title{color:var(--text-dark);font-size:32px;font-weight:300;margin:0}.carousel-wrapper{align-items:center;display:flex;position:relative}.carousel-container{flex:1 1;margin:0 70px;overflow:hidden;padding:8px 0;width:100%}.carousel-track{display:flex;width:100%;will-change:transform}.carousel-item{box-sizing:border-box;flex-shrink:0;padding:0 10px}.supplier-carousel-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:28px 20px;text-align:center;transition:var(--transition)}.supplier-carousel-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.supplier-logo{border:1px solid var(--border-color);border-radius:14px;height:80px;margin:0 auto 20px;width:120px}.supplier-logo img{transition:var(--transition)}.supplier-carousel-card:hover .supplier-logo img{transform:scale(1.07)}.supplier-info h3{font-size:16px;font-weight:500}.supplier-rating{align-items:center;color:#f39c12;display:flex;font-size:14px;gap:5px;justify-content:center;margin-bottom:8px}.supplier-rating span{color:var(--text-dark);font-weight:500}.supplier-info p{color:var(--text-light);font-size:13px;margin:0}.suppliers-carousel .carousel-arrow{align-items:center;background:var(--bg-main);border:2px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-soft);color:var(--text-dark);cursor:pointer;display:flex;font-size:18px;height:58px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:58px;z-index:10}.suppliers-carousel .carousel-arrow.prev{left:0}.suppliers-carousel .carousel-arrow.next{right:0}.suppliers-carousel .carousel-arrow:hover{background:var(--primary-gradient);box-shadow:0 35px 65px #0c347a80;color:#fff;transform:translateY(-50%) scale(1.08)}.view-all{align-items:center;color:var(--text-light);display:inline-flex;gap:6px;white-space:nowrap}.view-all:hover{color:var(--text-strong);transform:translateX(4px)}@media (max-width:1200px){.carousel-item{width:25%!important}}@media (max-width:992px){.carousel-item{width:33.333%!important}.supplier-carousel-card{padding:25px 15px}.supplier-logo{height:70px;width:100px}}@media (max-width:768px){.suppliers-carousel{padding:70px 0}.carousel-header{align-items:flex-start;flex-direction:column;gap:15px}.carousel-container{margin:0 50px}.suppliers-carousel .carousel-arrow{font-size:16px;height:44px;width:44px}.carousel-item{width:50%!important}.carousel-header .section-title{font-size:28px}}@media (max-width:480px){.carousel-container{margin:0 45px}.suppliers-carousel .carousel-arrow{font-size:14px;height:38px;width:38px}.carousel-item{width:100%!important}.supplier-carousel-card{padding:20px 15px}.supplier-logo{height:60px;width:100px}.carousel-header .section-title{font-size:24px}}.home-page{background:var(--bg-main);min-height:100vh;position:relative}.home-page .categories-section,.home-page .cta-section,.home-page .products-section,.home-page>.features,.home-page>section{background:#0000!important}.home-page>*{position:relative;z-index:2}.home-page>.features{position:relative!important;z-index:200!important}.features{background:#0000!important;clear:both!important;height:auto!important;margin-bottom:0!important;margin-top:0!important;max-height:none!important;min-height:300px!important;overflow:visible!important;padding:60px 0!important;position:relative!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;width:100%!important;will-change:transform;z-index:200!important}.features,.features .container{display:block!important;opacity:1!important;visibility:visible!important}.features .container{position:relative;z-index:101}.features-grid{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;height:auto!important;min-height:200px!important;width:100%!important}.feature-card,.features-grid{opacity:1!important;visibility:visible!important}.feature-card{align-items:center;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:20px;box-shadow:var(--shadow-soft);display:flex!important;flex-direction:column;gap:18px;height:auto;justify-content:flex-start;min-height:220px;overflow:visible;padding:35px 25px;position:relative;transition:var(--transition);width:100%}.feature-card:before{background:var(--primary-gradient);content:"";height:5px;left:0;position:absolute;right:0;top:0;z-index:1}.feature-card i{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 15px #1e8cff4d;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 15px;transition:all .3s ease;width:80px}.feature-card:hover i{box-shadow:0 8px 25px #1e8cff66;transform:scale(1.1) rotate(5deg)}.feature-card h3{color:var(--text-dark);font-size:18px;font-weight:600;margin-bottom:10px}.feature-card p{color:var(--text-light)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.categories-section{background:#0000;padding:60px 0}.categories-section .section-title,.section-title{color:var(--text-dark);font-size:32px;font-weight:500;text-align:center;text-shadow:0 12px 30px #00000073}.products-section{background:#0000;padding:60px 0 120px;position:relative}.section-header{margin-bottom:40px}.view-all{color:var(--primary-color);font-size:14px;font-weight:500;text-decoration:none;transition:var(--transition)}.view-all:hover{color:var(--primary-accent)}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);transition:var(--transition)}.product-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.product-badge{border-radius:3px;color:#fff;font-size:11px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;z-index:15}.product-badge.sale{background:var(--primary-color)}.product-badge.new{background:var(--success)}.product-image{background:radial-gradient(circle,#1e8cff2e,#0000 60%);height:320px;position:relative}.image-placeholder{font-size:64px}.product-image img{transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.08)}.product-info{padding:24px;text-align:center}.product-info h3{color:var(--text-dark);font-size:15px;font-weight:400;margin-bottom:10px;transition:var(--transition)}.product-card:hover .product-info h3{color:var(--primary-color)}.product-rating{color:var(--text-light);font-size:13px;gap:8px;margin-bottom:12px}.product-price,.product-rating{align-items:center;justify-content:center}.product-price{display:flex;flex-wrap:wrap;gap:10px}.price{color:var(--text-dark);font-size:18px;font-weight:600}.old-price,.unit{color:var(--text-light)}.product-info .btn{width:100%}.home-page .cta-section{align-items:center!important;display:flex;justify-content:center!important;min-height:400px;overflow:hidden;padding:100px 20px;position:relative;text-align:center;width:100%}.home-page .cta-section:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffffffd9,#ffffffbf 55%,#fff9),url(https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=1600&h=600&fit=crop&q=80) 50%/cover no-repeat;background:linear-gradient(135deg,#ffffffd9 0,#ffffffbf 55%,#fff9 100%),var(--cta-bg-image,url("https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=1600&h=600&fit=crop&q=80")) center/cover no-repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.home-page .cta-content{box-sizing:border-box;margin:0 auto;max-width:600px;padding:0 20px;position:relative;text-align:center;z-index:1}.home-page .cta-content h2{color:var(--text-dark);font-size:42px;font-weight:700;line-height:1.2;margin-bottom:25px;text-align:center}.home-page .cta-content p{color:var(--text-light);font-size:18px;line-height:1.6;margin-bottom:35px}.home-page .cta-content .btn{background:var(--primary-gradient);border-radius:12px;box-shadow:0 30px 65px #00050fa6;color:#fff;font-size:16px;font-weight:600;padding:16px 50px}.home-page .cta-content .btn:hover{transform:translateY(-3px) scale(1.01)}@media (max-width:992px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.home-page .cta-section{padding:80px 0}.home-page .cta-content h2{font-size:32px}.home-page .cta-content p{font-size:16px;margin-bottom:30px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.home-page .cta-section{padding:60px 0}.home-page .cta-content h2{font-size:28px;margin-bottom:20px}.home-page .cta-content p{font-size:15px;margin-bottom:25px}.home-page .cta-content .btn{font-size:15px;padding:14px 40px}}.auth-page{align-items:center;background:#f8f9fa;display:flex;min-height:80vh;padding:60px 0}.auth-card{background:#fff;border-radius:8px;box-shadow:0 2px 20px #00000014;margin:0 auto;max-width:500px;padding:40px}.auth-card h1{color:#2c3e50;font-size:28px;font-weight:300;margin-bottom:10px}.auth-subtitle{color:#7f8c8d;margin-bottom:30px}.btn-block{margin-top:10px;width:100%}.auth-links{border-top:1px solid #ecf0f1;margin-top:20px;padding-top:20px;text-align:center}.auth-links a{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.demo-credentials{background:#f8f9fa;border-radius:6px;margin-top:30px;padding:20px}.demo-credentials h4{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:10px}.demo-credentials p{color:#7f8c8d;font-size:13px;margin-bottom:5px}.role-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.role-option{border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s}.role-option.active,.role-option:hover{border-color:var(--primary-color)}.role-option.active{background:#fff5f5}.role-option i{color:var(--primary-color);font-size:32px;margin-bottom:10px}.role-option h3{color:#2c3e50;font-size:16px;margin-bottom:5px}.role-option p{color:#7f8c8d;font-size:12px}@media (max-width:768px){.auth-card{padding:30px 20px}.role-selector{grid-template-columns:1fr}}.catalog-page{min-height:80vh;padding:40px 0}.catalog-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:280px 1fr}.catalog-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.filter-reset{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.reset-filters-btn{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;transition:all .3s;width:100%}.reset-filters-btn:hover{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.filter-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden}.filter-section:last-child{margin-bottom:0}.filter-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 18px;transition:background .2s;-webkit-user-select:none;user-select:none}.filter-header:hover{background:#f8f9fa}.filter-header h3{color:#2c3e50;font-size:15px;font-weight:600;margin:0}.filter-header i{color:#7f8c8d;font-size:12px;transition:transform .3s}.filter-search{align-items:center;display:flex;margin:15px 18px 10px;position:relative}.filter-search i{color:#7f8c8d;font-size:13px;left:12px;position:absolute;z-index:1}.filter-search-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;padding:10px 35px;transition:all .3s;width:100%}.filter-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a;outline:none}.clear-search{border-radius:50%;position:absolute;right:8px;transition:all .2s;z-index:2}.clear-search:hover{background:var(--bg-elevated)}.no-filter-results{color:#7f8c8d;font-size:13px;font-style:italic;padding:10px;text-align:center}.filter-options{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding:10px 18px 15px}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-options::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.filter-option{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.filter-option:hover{background:#f0f4f8;border-color:#e0e0e0}.filter-option.active{background:#1e8cff1a;border-color:var(--primary-color)}.filter-option.active .filter-label{color:var(--primary-color);font-weight:500}.custom-radio{display:inline-block;flex-shrink:0;height:18px;position:relative;width:18px}.custom-radio input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.radio-checkmark{background-color:#fff;border:2px solid #bdc3c7;border-radius:50%;height:18px;left:0;position:absolute;top:0;transition:all .2s;width:18px}.filter-option:hover .radio-checkmark{border-color:var(--primary-color)}.custom-radio input:checked~.radio-checkmark{background-color:#fff;border-color:var(--primary-color)}.custom-radio input:checked~.radio-checkmark:after{background:var(--primary-color);border-radius:50%;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.filter-label{color:#2c3e50;flex:1 1;font-size:14px;transition:color .2s}.filter-count{color:#7f8c8d;font-size:12px;font-weight:500}.catalog-toolbar{display:flex;gap:20px;margin-bottom:20px}.search-box i{left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{height:45px;padding-left:45px;width:100%}.products-count{color:#7f8c8d;font-size:14px;margin-bottom:20px}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card-link{color:inherit;display:block;text-decoration:none}.product-card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.product-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.product-badge{border-radius:4px;font-size:12px;font-weight:600;left:15px;padding:6px 12px;position:absolute;top:15px;z-index:1}.product-badge.sale{background:var(--primary-gradient);color:#fff}.product-badge.new{background:#27ae60;color:#fff}.favorite-btn{border:none;box-shadow:0 2px 10px #0000001a;font-size:18px;z-index:1}.favorite-btn.active,.favorite-btn:hover{color:var(--primary-color);transform:scale(1.1)}.product-image{align-items:center;background:#f8f9fa;display:flex;height:250px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.image-placeholder{font-size:60px}.product-info{padding:20px}.product-supplier{color:#7f8c8d;font-size:12px;margin-bottom:5px}.product-info h3{color:#2c3e50;font-size:16px;margin-bottom:8px}.product-info h3 a{color:inherit;text-decoration:none;transition:color .3s}.product-info h3 a:hover{color:var(--primary-color)}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:13px;margin-bottom:10px;overflow:hidden}.product-rating{color:#f39c12;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.product-rating span:last-child{color:#7f8c8d}.product-stock{color:#27ae60;font-size:13px;margin-bottom:10px}.product-stock i{margin-right:5px}.product-price{margin-bottom:15px}.product-price .price{color:#2c3e50;font-size:22px;font-weight:600;margin-right:10px}.product-price .old-price{color:#95a5a6;font-size:16px;margin-right:10px;text-decoration:line-through}.product-price .unit{color:#7f8c8d;display:block;font-size:14px;margin-top:5px}.product-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.product-actions .btn{font-size:13px;padding:10px 15px}.no-results{color:#7f8c8d;padding:60px 20px}.no-results i{opacity:.5}@media (max-width:1024px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}}@media (max-width:768px){.catalog-toolbar{flex-direction:column}.product-actions,.products-grid{grid-template-columns:1fr}}.product-page{background:#f5f7fa;min-height:80vh;padding:40px 0}.breadcrumbs{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:8px;margin-bottom:30px}.breadcrumbs a{text-decoration:none;transition:color .2s}.breadcrumbs a,.breadcrumbs a:hover{color:var(--primary-color)}.breadcrumbs span:last-child{color:#2c3e50;font-weight:500}.product-notification{animation:slideIn .3s ease;background:var(--primary-gradient);border-radius:8px;box-shadow:0 5px 20px #1e8cff4d;color:#fff;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:10000}.product-not-found{padding:80px 20px;text-align:center}.product-not-found i{color:#bdc3c7;font-size:80px;margin-bottom:20px}.product-not-found h2{color:#2c3e50;font-size:28px;margin-bottom:10px}.product-not-found p{color:#7f8c8d;margin-bottom:30px}.product-detail{grid-gap:30px;background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px;padding:20px}.product-gallery{display:flex;flex-direction:column;gap:20px}.main-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;width:100%}.main-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.main-image:hover img{transform:scale(1.05)}.image-placeholder{color:#bdc3c7;font-size:100px}.product-badges{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:20px;z-index:10}.badge{border-radius:6px;color:#fff;font-size:12px;padding:8px 16px;text-transform:uppercase}.badge-new{background:#27ae60}.badge-sale{background:var(--primary-color)}.thumbnail-images{display:flex;gap:12px;overflow-x:auto;padding:10px 5px;scrollbar-color:var(--primary-color) #f1f1f1;scrollbar-width:thin}.thumbnail-images::-webkit-scrollbar{height:6px}.thumbnail-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.thumbnail-images::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.thumbnail{background:#fff;border:2px solid #0000;border-radius:6px;box-shadow:0 2px 6px #00000014;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;transition:all .3s;width:80px}.thumbnail:hover{border-color:var(--primary-color);box-shadow:0 3px 10px #e74c3c40;transform:translateY(-2px)}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #e74c3c33}.thumbnail img{height:100%;object-fit:cover;width:100%}.product-info-section{display:flex;flex-direction:column;gap:15px}.product-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.product-header h1{color:#2c3e50;flex:1 1;font-family:Roboto,Segoe UI,sans-serif;font-size:24px;font-weight:500;line-height:1.3;margin:0}.favorite-btn{flex-shrink:0}.favorite-btn.active{background:var(--primary-color)}.product-meta{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.product-supplier-info{align-items:center;color:#2c3e50;display:flex;font-size:14px;gap:8px}.product-supplier-info i,.supplier-link{color:var(--primary-color)}.supplier-link{font-weight:500;text-decoration:none;transition:color .2s}.supplier-link:hover{color:var(--primary-color)}.product-article{color:#7f8c8d;font-size:13px}.product-description{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.product-description h3{font-size:16px;font-weight:500;margin-bottom:10px}.product-description h3,.product-description>p{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif}.product-description>p{font-size:14px;font-weight:400;line-height:1.7;margin-bottom:15px}.description-extended{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.description-extended p{color:#34495e;font-family:Roboto,Segoe UI,sans-serif;font-size:13px;line-height:1.7;margin-bottom:10px}.product-price-section{background:#fff5f5;border:1px solid #ffe0e0;border-radius:8px;padding:15px}.old-price-wrapper{align-items:center;display:flex;gap:15px;margin-bottom:10px}.old-price{color:#7f8c8d;font-size:20px;text-decoration:line-through}.discount-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.current-price{align-items:baseline;display:flex;gap:10px}.price{color:var(--primary-color);font-size:28px;font-weight:700}.unit{color:#7f8c8d;font-size:15px}.product-stock-section{border-radius:8px;padding:12px}.product-thumbnails{margin-bottom:10px;margin-top:10px;min-height:90px}.product-thumbnails .thumbnail-images{display:flex;gap:8px;min-height:70px;overflow-x:auto;padding:8px 0;scrollbar-color:var(--primary-color) #f1f1f1;scrollbar-width:thin}.product-thumbnails .thumbnail-images::-webkit-scrollbar{height:4px}.product-thumbnails .thumbnail-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-thumbnails .thumbnail-images::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.product-thumbnails .thumbnail{background:#fff;border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #00000014;cursor:pointer;flex-shrink:0;height:70px;overflow:hidden;transition:all .3s;width:70px}.product-thumbnails .thumbnail:hover{border-color:var(--primary-color);box-shadow:0 3px 8px #e74c3c40;transform:translateY(-2px)}.product-thumbnails .thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #e74c3c33}.product-thumbnails .thumbnail img{height:100%;object-fit:cover;width:100%}.stock-available{font-size:14px;gap:8px}.stock-available i{font-size:20px}.stock-unavailable{font-size:16px;gap:10px}.stock-unavailable i{font-size:20px}.product-actions-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:15px}.quantity-selector{margin-bottom:15px}.quantity-selector label{color:#2c3e50;display:block;font-weight:500;margin-bottom:10px}.quantity-controls{align-items:center;display:flex;gap:10px}.quantity-btn{background:#fff;color:#2c3e50;transition:all .2s;width:40px}.quantity-btn,.quantity-input{border:1px solid #e0e0e0;border-radius:6px;height:40px}.quantity-input{width:80px}.action-buttons{display:flex;flex-direction:column;gap:15px}.btn-large{font-size:15px;padding:12px 25px}.total-price{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;font-size:15px;padding:12px;text-align:center}.total-price strong{color:var(--primary-color);font-size:18px}.product-gallery .product-characteristics{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;padding:10px 12px}.product-characteristics{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:30px}.product-gallery .product-characteristics h3{border-bottom:1px solid #e0e0e0;color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:15px;font-weight:500;margin-bottom:8px;padding-bottom:6px}.product-characteristics h3{border-bottom:2px solid #e74c3c;color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:25px;padding-bottom:15px}.product-gallery .characteristics-list{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:2px;overflow:visible}.characteristics-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.product-gallery .characteristic-item{align-items:flex-start;background:#0000;border:none;display:flex;font-family:Roboto,Segoe UI,sans-serif;justify-content:space-between;padding:2px 0;transition:none}.product-gallery .characteristic-item:hover{border:none;box-shadow:none;transform:none}.characteristic-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;padding:15px;transition:all .2s}.characteristic-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #e74c3c1a}.product-gallery .characteristic-key{color:#7f8c8d;display:inline;font-family:Roboto,Segoe UI,sans-serif;font-size:13px;font-weight:400;margin-right:4px}.product-gallery .characteristic-key:after{content:":";margin-left:2px}.product-gallery .characteristic-value{color:#2c3e50;flex:1 1;font-family:Roboto,Segoe UI,sans-serif;font-size:13px;font-weight:400;margin-left:6px;text-align:right}.characteristic-key{color:#7f8c8d;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.characteristic-value{color:#2c3e50;font-size:15px;font-weight:500}.product-reviews{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;padding:40px}.product-reviews h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.review-header{flex-wrap:wrap;gap:15px;margin-bottom:15px}.review-header,.reviewer-info{align-items:center;display:flex}.reviewer-info{color:#2c3e50;font-weight:500;gap:8px}.reviewer-info i{color:#7f8c8d;font-size:24px}.review-rating{gap:5px}.review-rating .rating-value{background:#fff5f5;border-radius:12px;color:var(--primary-color);font-size:14px;font-weight:600;padding:4px 10px}.review-date{color:#7f8c8d;font-size:13px;margin-left:auto}.review-comment{color:#2c3e50;line-height:1.6}.supplier-response{background:#fff;border-left:3px solid #e74c3c;border-radius:6px;margin-top:15px;padding:15px}.supplier-response strong{color:var(--primary-color);display:block;margin-bottom:8px}.supplier-response p{color:#2c3e50;line-height:1.6;margin:0}.reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.reviews-header h2{margin:0}.user-review-notice{align-items:center;background:#d4edda;border-radius:8px;color:#155724;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.user-review-notice i{color:#27ae60}.review-form-container{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:12px;margin-bottom:30px;padding:25px}.review-form-container h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px}.review-form{gap:20px}.review-form,.review-form-group{display:flex;flex-direction:column}.review-form-group{gap:10px}.review-form-group label{color:#2c3e50;font-size:14px;font-weight:600}.rating-selector{align-items:center;background:#fff;border:2px solid #ecf0f1;border-radius:8px;display:flex;gap:15px;padding:15px}.rating-selector .fa-star{transition:all .2s ease}.rating-selector .fa-star:hover{transform:scale(1.2)}.rating-text{color:var(--primary-color);font-size:16px;font-weight:600;margin-left:10px}.review-textarea{background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:14px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.review-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.review-form-actions{display:flex;flex-wrap:wrap;gap:12px}.review-form-actions .btn{align-items:center;display:flex;gap:8px}.review-stars{display:flex;gap:4px;margin-right:8px}.review-stars .fa-star{font-size:16px}.review-rating{align-items:center;display:flex;gap:8px}.reviews-empty{color:#7f8c8d;padding:60px 20px;text-align:center}.reviews-empty i{color:#bdc3c7;font-size:64px;margin-bottom:20px}.reviews-empty p{font-size:16px;margin:0}@media (max-width:768px){.reviews-header{align-items:flex-start;flex-direction:column}.review-form-container{padding:20px}.rating-selector{flex-wrap:wrap;justify-content:center}.review-form-actions{flex-direction:column}.review-form-actions .btn{justify-content:center;width:100%}}@media (max-width:992px){.product-detail{gap:0;grid-template-columns:1fr}.product-gallery,.product-info-section{padding:20px}.main-image{height:400px}.characteristics-list{grid-template-columns:1fr}.product-gallery .characteristics-list{display:flex;flex-direction:column}}@media (max-width:768px){.product-page{padding:20px 0}.product-detail{padding:0}.product-gallery,.product-info-section{padding:15px}.product-header h1{font-size:24px}.main-image{height:300px}.thumbnail{height:70px;width:70px}.price{font-size:28px}.product-characteristics,.product-description,.product-reviews{padding:20px}}.suppliers-page{background:#f5f7fa;min-height:80vh;padding:40px 0}.suppliers-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-box{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex:2 1;height:45px;padding:0 15px;position:relative;transition:all .3s}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a}.search-box i{color:#7f8c8d;margin-right:10px}.search-box input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:15px;outline:none}.search-box input::placeholder{color:#bdc3c7}.clear-search{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .2s}.clear-search:hover{color:var(--primary-color)}.sort-select-wrapper{align-items:center;display:flex;gap:15px}.found-count{color:#7f8c8d;font-size:14px;white-space:nowrap}.sort-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;height:45px;max-width:220px;min-width:180px;outline:none;padding:0 15px;transition:all .3s}.sort-select:focus,.sort-select:hover{border-color:var(--primary-color)}.sort-select:focus{box-shadow:0 0 0 3px #1e8cff1a}.suppliers-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.supplier-card{align-items:center;background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;text-align:center;transition:all .3s}.supplier-card:hover{box-shadow:0 5px 20px #0000001a}.favorite-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:40px;z-index:10}.favorite-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.1)}.favorite-btn.active{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.supplier-logo{background:#f8f9fa;border:1px solid #e0e0e0;height:100px;width:150px}.supplier-logo img{height:100%;object-fit:cover;width:100%}.supplier-info{width:100%}.supplier-info h3{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-weight:600}.supplier-description{color:#7f8c8d;min-height:40px}.supplier-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0}.supplier-products-count,.supplier-rating{color:#2c3e50}.supplier-actions .btn{font-weight:500}.no-results{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:80px 20px;text-align:center}.no-results i{color:#bdc3c7;font-size:64px;margin-bottom:20px}.no-results p{color:#7f8c8d;font-size:18px;margin-bottom:20px}@media (max-width:768px){.suppliers-controls{flex-direction:column}.search-box{width:100%}.sort-select-wrapper{justify-content:space-between;width:100%}.sort-select{flex:1 1;max-width:none}.suppliers-grid{gap:20px;grid-template-columns:1fr}.supplier-card{padding:20px}.supplier-logo{height:80px;width:120px}}.promotions-page{min-height:80vh;padding:40px 0}.promotions-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.promotions-header .page-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.promotions-header .page-subtitle{color:var(--text-light);font-size:1.15rem;line-height:1.6;margin:0 auto;max-width:650px}.promotions-empty{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);margin:0 auto;max-width:600px;padding:5rem 2rem;text-align:center}.promotions-empty .empty-icon{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:5rem;margin-bottom:2rem}.promotions-empty h2{color:var(--text-dark);font-size:2rem;font-weight:600;margin-bottom:1rem}.promotions-empty p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.promotions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:2rem}.promotion-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:var(--transition)}.promotion-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.promotion-card:hover{border-color:#1e8cff33;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.promotion-card:hover:before{opacity:1}.promotion-banner{background:var(--primary-gradient);height:220px;overflow:hidden;position:relative;width:100%}.promotion-banner:after{background:linear-gradient(180deg,#0000,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.promotion-banner img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.promotion-card:hover .promotion-banner img{transform:scale(1.05)}.promotion-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.promotion-header-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.promotion-supplier{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.supplier-logo-mini{border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:40px;object-fit:cover;width:40px}.supplier-name{color:var(--text-light);font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-badge{background:var(--primary-gradient);border-radius:25px;box-shadow:0 4px 12px #1e8cff4d;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;white-space:nowrap}.promotion-title{color:var(--text-dark);font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.promotion-description{color:var(--text-light);flex:1 1;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.promotion-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-top:1.25rem}.promotion-date,.promotion-target{align-items:flex-start;color:var(--text-light);display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.promotion-date i,.promotion-target i{color:var(--primary-color);flex-shrink:0;margin-top:2px;width:18px}.promotion-actions{margin-top:auto;padding-top:1rem}.promotion-actions .btn{border-radius:12px;font-size:1rem;gap:.5rem;justify-content:center;padding:14px 24px;width:100%}.animated-fade-in-up{animation:fadeInUp .8s ease-out;animation-fill-mode:forwards;opacity:0}@media (max-width:768px){.promotions-page{padding:20px 0}.promotions-header{margin-bottom:2rem;padding:1rem 0}.promotions-header .page-title{font-size:2rem}.promotions-header .page-subtitle{font-size:1rem;padding:0 1rem}.promotions-grid{gap:1.5rem;grid-template-columns:1fr}.promotion-card{border-radius:16px}.promotion-content{padding:1.5rem}.promotion-header-info{align-items:flex-start;flex-direction:column;gap:.75rem}.promotion-badge{align-self:flex-start}.promotion-banner{height:180px}.promotion-title{font-size:1.4rem}.promotions-empty{padding:3rem 1.5rem}.promotions-empty .empty-icon{font-size:4rem}.promotions-empty h2{font-size:1.6rem}}@media (max-width:480px){.promotions-header .page-title{font-size:1.75rem}.promotion-banner{height:160px}.promotion-content{padding:1.25rem}}.promotion-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.promotion-modal{animation:slideUpModal .4s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 30px 80px #02081740;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90%}.promotion-modal-header{align-items:center;background:linear-gradient(135deg,#00c7ff0d,#1e8cff14);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px}.promotion-modal-header h2{color:var(--text-dark);font-size:1.8rem;font-weight:700;margin:0}.promotion-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:var(--transition);width:40px}.promotion-modal-close:hover{background:var(--bg-elevated);color:var(--primary-color)}.promotion-modal-banner{background:var(--primary-gradient);height:250px;overflow:hidden;position:relative;width:100%}.promotion-modal-banner img{height:100%;object-fit:cover;width:100%}.promotion-modal-body{padding:32px}.promotion-modal-badge{background:var(--primary-gradient);border-radius:30px;box-shadow:0 4px 12px #1e8cff4d;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-bottom:1.5rem;padding:.75rem 1.5rem}.promotion-modal-description{margin-bottom:2rem}.promotion-modal-description p{color:var(--text-light);font-size:1.1rem;line-height:1.7;margin:0}.promotion-modal-info{display:flex;flex-direction:column;gap:1.5rem}.promotion-modal-supplier{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.supplier-logo-modal{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;width:60px}.supplier-label{color:var(--text-light);font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.supplier-name-modal{color:var(--text-dark);font-size:1.1rem;font-weight:600}.promotion-modal-detail{align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1rem}.promotion-modal-detail i{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.detail-label{color:var(--text-light);font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.detail-value{color:var(--text-dark);font-size:1rem;font-weight:500;line-height:1.5}.promotion-modal-footer{background:var(--bg-elevated);border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:24px 32px}.promotion-modal-footer .btn{font-size:1.1rem;font-weight:600;min-width:250px;padding:16px 32px}.promotion-modal-products{border-top:2px solid var(--border-color);margin-top:2.5rem;padding-top:2rem}.products-section-title{align-items:center;color:var(--text-dark);display:flex;font-size:1.3rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.products-section-title i{color:var(--primary-color);font-size:1.2rem}.promotion-products-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding-right:8px}.promotion-products-grid::-webkit-scrollbar{width:6px}.promotion-products-grid::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:10px}.promotion-products-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.promotion-products-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.promotion-product-item{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:var(--transition)}.promotion-product-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.promotion-product-image{align-items:center;background:var(--bg-card);display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.promotion-product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.promotion-product-item:hover .promotion-product-image img{transform:scale(1.05)}.product-image-placeholder{align-items:center;background:var(--bg-muted);color:var(--text-light);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.promotion-product-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.promotion-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.promotion-product-price{display:flex;flex-direction:column;gap:.25rem}.promotion-product-old-price{color:var(--text-light);font-size:.85rem;text-decoration:line-through}.promotion-product-current-price{color:var(--primary-color);font-size:1.1rem;font-weight:700}.promotion-product-unit{color:var(--text-light);font-size:.8rem}.promotion-modal-conditions{background:linear-gradient(135deg,#00c7ff0d,#1e8cff14);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.conditions-title{align-items:center;color:var(--text-dark);display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.conditions-title i{color:var(--primary-color);font-size:1.1rem}.conditions-content{display:flex;flex-direction:column;gap:1rem}.condition-item{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:1rem}.condition-item i{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.condition-item strong{color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.condition-detail{color:var(--text-light);font-size:.95rem;line-height:1.6}@media (max-width:768px){.promotion-modal{border-radius:16px;max-height:95vh;width:95%}.promotion-modal-header{padding:20px}.promotion-modal-header h2{font-size:1.5rem}.promotion-modal-banner{height:200px}.promotion-modal-body{padding:24px 20px}.promotion-modal-footer{padding:20px}.promotion-modal-footer .btn{min-width:auto;width:100%}.promotion-products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px}.promotion-product-image{height:120px}}.about-page{background:#f5f7fa;min-height:80vh;padding:40px 0}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.animated{opacity:1}.about-hero{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin-bottom:60px}.about-hero,.hero-image{overflow:hidden;position:relative}.hero-image{align-items:center;display:flex;height:400px;justify-content:center;width:100%}.hero-image img{height:100%;object-fit:cover;transition:transform .8s ease-out;width:100%}.hero-image:hover img{transform:scale(1.05)}.hero-overlay{align-items:center;background:linear-gradient(135deg,#2c3e5080,#34495e73);bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:absolute;right:0;top:0;z-index:2}.hero-content{color:#fff;max-width:800px;text-align:center;z-index:3}.page-title{color:#fff;margin-bottom:15px;text-shadow:0 2px 10px #0000004d}.hero-subtitle{color:#3b3838f2;font-family:Roboto,Segoe UI,sans-serif;font-size:18px;line-height:1.6;margin:0;text-shadow:0 1px 5px #0003}.about-section,.how-it-works-section{margin-bottom:60px}.section-content{grid-gap:50px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;display:grid;gap:50px;grid-template-columns:1fr 1fr;padding:50px}.section-content.reverse{grid-template-columns:1fr 1fr}.section-content.reverse .image-content{order:-1}.text-content h2{color:#2c3e50;font-size:32px;font-weight:500;margin-bottom:25px}.text-content h2,.text-content p{font-family:Roboto,Segoe UI,sans-serif}.text-content p{color:#34495e;font-size:16px;line-height:1.8;margin-bottom:20px}.image-content{border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.image-content img{height:100%;object-fit:cover;transition:transform .5s ease-out;width:100%}.image-content:hover img{transform:scale(1.08)}.features-section{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin-bottom:60px;padding:50px}.features-section h2{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:32px;font-weight:500;margin-bottom:40px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{border-radius:8px;opacity:0;padding:30px 20px;text-align:center;transition:all .3s}.feature-card.animated-scale-in{opacity:1}.feature-card:hover{transform:translateY(-5px) scale(1.02)}.feature-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;transition:all .3s;width:80px}.feature-card:hover .feature-icon{box-shadow:0 5px 20px #1e8cff66;transform:rotate(1turn) scale(1.1)}.feature-card h3{color:#2c3e50;font-size:20px;font-weight:500;margin-bottom:15px}.feature-card h3,.feature-card p{font-family:Roboto,Segoe UI,sans-serif}.feature-card p{color:#7f8c8d;font-size:14px;line-height:1.6}.steps-list{display:flex;flex-direction:column;gap:25px}.step-item{align-items:flex-start;display:flex;gap:20px;opacity:0}.step-item.animated-slide-in{opacity:1}.step-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:50px;justify-content:center;transition:all .3s;width:50px}.step-item:hover .step-number{box-shadow:0 5px 15px #1e8cff66;transform:scale(1.15) rotate(5deg)}.step-content h3{color:#2c3e50;font-size:20px;font-weight:500;margin-bottom:8px}.step-content h3,.step-content p{font-family:Roboto,Segoe UI,sans-serif}.step-content p{color:#7f8c8d;font-size:14px;line-height:1.6;margin:0}.stats-section{background:var(--primary-gradient);border-radius:12px;box-shadow:0 4px 20px #1e8cff4d;margin-bottom:60px;padding:60px 50px}.stats-grid{grid-gap:40px;gap:40px}.stat-item{animation:countUp .8s ease-out;color:#fff;text-align:center}.stat-number{font-family:Roboto,Segoe UI,sans-serif;font-size:48px;font-weight:700;margin-bottom:10px;transition:transform .3s}.stat-item:hover .stat-number{transform:scale(1.1)}.stat-label{font-family:Roboto,Segoe UI,sans-serif;font-size:18px;opacity:.9}.about-page .cta-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;gap:50px;padding:50px}.about-page .cta-content{text-align:center}.about-page .cta-content h2{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:32px;font-weight:500;margin-bottom:20px}.about-page .cta-content p{color:#7f8c8d;font-family:Roboto,Segoe UI,sans-serif;font-size:16px;line-height:1.6;margin-bottom:30px}.cta-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-large{padding:15px 35px}.cta-image{border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.cta-image img{height:100%;object-fit:cover;transition:transform .5s ease-out;width:100%}.cta-image:hover img{transform:scale(1.05)}.btn-large{overflow:hidden;position:relative;transition:all .3s}.btn-large:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-large:hover:before{height:300px;width:300px}.btn-large.animated-bounce-in{animation:bounceIn .8s ease-out;animation-fill-mode:both}@media (max-width:968px){.about-page .cta-section,.section-content,.section-content.reverse{gap:30px;grid-template-columns:1fr}.section-content.reverse .image-content{order:0}.hero-content{padding:30px}.page-title{font-size:32px}.hero-subtitle{font-size:18px}.hero-image{height:300px}.about-page .cta-content h2,.features-section h2,.text-content h2{font-size:28px}.features-grid{grid-template-columns:1fr}.stats-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column}.btn-large{width:100%}}@media (max-width:576px){.about-page{padding:20px 0}.about-hero,.about-page .cta-section,.features-section,.section-content,.stats-section{padding:30px 20px}.page-title{font-size:28px}.hero-image{height:250px}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:36px}}.contacts-page{background:#f5f7fa;min-height:80vh;padding:40px 0}.page-title{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:32px;font-weight:500;margin-bottom:40px}.contacts-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.2fr;margin-bottom:60px}.contacts-info{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;opacity:0;padding:25px;transition:all .3s}.info-card.animated-fade-in-left{opacity:1}.info-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-5px)}.info-icon{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:15px;transition:all .3s;width:60px}.info-card:hover .info-icon{box-shadow:0 5px 15px #1e8cff66;transform:scale(1.1) rotate(5deg)}.info-card h3{color:#2c3e50;font-size:18px;font-weight:500;margin-bottom:10px}.info-card h3,.info-card p{font-family:Roboto,Segoe UI,sans-serif}.info-card p{color:#7f8c8d;font-size:14px;line-height:1.6;margin:5px 0}.info-card a{color:#3498db;text-decoration:none;transition:color .3s}.info-card a:hover{color:var(--primary-color)}.contact-form-wrapper{opacity:0}.contact-form-wrapper.animated-fade-in-right{opacity:1}.contact-form-card{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;padding:40px}.contact-form-card h2{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:28px;font-weight:500;margin-bottom:10px}.form-subtitle{color:#7f8c8d;font-family:Roboto,Segoe UI,sans-serif;font-size:14px;margin-bottom:25px}.form-notification{align-items:center;animation:fadeIn .3s ease-out;background:#27ae60;border-radius:8px;color:#fff;display:flex;font-size:14px;gap:10px;margin-bottom:25px;padding:15px 20px}.form-notification i{font-size:18px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input,.form-group label,.form-group select,.form-group textarea{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#bdc3c7}.form-group textarea{min-height:120px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232c3e50' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.btn-large{align-items:center;display:flex;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:15px 30px}.map-section{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;opacity:0;padding:40px}.map-section.animated-fade-in{opacity:1}.map-section h2{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:28px;font-weight:500;margin-bottom:25px}.map-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:15px;height:400px;justify-content:center}.map-placeholder i{color:#adb5bd;font-size:64px}.map-placeholder p{color:#495057;font-family:Roboto,Segoe UI,sans-serif;font-size:18px;font-weight:500}.map-note{color:#6c757d;font-size:14px;font-weight:400}.animated-fade-in-left{animation:fadeInLeft .6s ease-out;animation-fill-mode:both}.animated-fade-in-right{animation:fadeInRight .6s ease-out;animation-fill-mode:both}@media (max-width:968px){.contacts-content{gap:30px}.contacts-content,.form-row{grid-template-columns:1fr}.contact-form-card{padding:30px}}@media (max-width:576px){.contacts-page{padding:20px 0}.page-title{font-size:28px;margin-bottom:30px}.contact-form-card,.info-card,.map-section{padding:20px}.map-placeholder{height:300px}.map-placeholder i{font-size:48px}}.wishlist-page{background:var(--bg-main);min-height:80vh;padding:40px 0}.wishlist-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.wishlist-page .page-title{color:var(--text-dark);font-size:36px;font-weight:700;margin-bottom:30px;text-align:center}.wishlist-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;gap:15px;margin-bottom:40px;padding:10px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px 25px;position:relative;transition:all .3s ease}.tab-button:hover{background:var(--bg-elevated);color:var(--text-dark)}.tab-button.active{background:var(--primary-gradient);box-shadow:0 4px 15px #1e8cff4d;color:#fff}.tab-button i{font-size:18px}.tab-count{border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.tab-button.active .tab-count,.tab-count{background:#ffffff4d}.wishlist-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-soft);padding:30px}.wishlist-header{border-bottom:2px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.wishlist-header h2{color:var(--text-dark);font-size:24px;font-weight:700;margin-bottom:8px}.wishlist-header p{color:var(--text-light);font-size:14px;margin:0}.wishlist-products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wishlist-item-wrapper{position:relative}.remove-favorite-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:0 2px 8px #1e8cff4d;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:35px;z-index:10}.remove-favorite-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px #1e8cff66;transform:scale(1.1)}.remove-favorite-btn i{font-size:14px}.wishlist-suppliers-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.supplier-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.supplier-card:before{background:var(--primary-gradient);content:"";height:5px;left:0;position:absolute;right:0;top:0}.supplier-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.supplier-remove-btn{position:absolute;right:15px;top:15px;z-index:5}.supplier-logo{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.supplier-logo img{max-height:100%;max-width:100%;object-fit:contain}.supplier-info{text-align:center}.supplier-info h3{color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:10px}.supplier-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-light);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.supplier-stats{border-bottom:1px solid var(--border-color);border-top:1px solid #ecf0f1;display:flex;gap:20px;justify-content:center;margin-bottom:20px;padding:15px 0}.supplier-products-count,.supplier-rating{align-items:center;color:var(--text-dark);display:flex;font-size:14px;gap:8px}.supplier-rating i{color:#f39c12}.supplier-products-count i{color:#3498db}.supplier-actions{margin-top:15px}.supplier-actions .btn{border-radius:8px;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.supplier-actions .btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.supplier-actions .btn-outline:hover{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:0 4px 12px #1e8cff4d;color:#fff;transform:translateY(-2px)}.wishlist-empty{padding:80px 20px;text-align:center}.wishlist-empty h2{color:var(--text-dark);font-size:28px;font-weight:700;margin-bottom:15px}.wishlist-empty p{color:var(--text-light);font-size:16px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.wishlist-empty .btn{border-radius:8px;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}@media (max-width:768px){.wishlist-page{padding:20px 0}.wishlist-page .page-title{font-size:28px;margin-bottom:20px}.wishlist-tabs{flex-direction:column;gap:10px}.tab-button{width:100%}.wishlist-content{padding:20px}.wishlist-products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wishlist-suppliers-grid{gap:20px;grid-template-columns:1fr}.wishlist-header h2{font-size:20px}.empty-icon{height:100px;width:100px}.empty-icon i{font-size:50px}.wishlist-empty h2{font-size:24px}}@media (max-width:480px){.wishlist-products-grid{grid-template-columns:1fr}.supplier-stats{flex-direction:column;gap:10px}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;max-width:450px;overflow:hidden;width:90%}.confirm-dialog-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px 24px}.confirm-dialog-header h3{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:20px;font-weight:600;margin:0}.confirm-dialog-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.confirm-dialog-close:hover{background:var(--bg-elevated);color:var(--primary-color);transform:scale(1.1)}.confirm-dialog-body{padding:30px 24px;text-align:center}.confirm-dialog-icon{align-items:center;background:linear-gradient(135deg,#00c7ff1a,#1e8cff1a);border:3px solid var(--primary-color);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.confirm-dialog-icon i{color:var(--primary-color);font-size:32px}.confirm-dialog-body p{color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0}.confirm-dialog-footer{border-top:1px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.confirm-dialog-footer .btn{border-radius:8px;font-family:Roboto,Segoe UI,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.confirm-dialog-footer .btn-secondary{background:#fff;border:2px solid #ecf0f1;color:#2c3e50}.confirm-dialog-footer .btn-secondary:hover{background:#f8f9fa;border-color:#bdc3c7;transform:translateY(-2px)}.confirm-dialog-footer .btn-primary{background:var(--primary-gradient);border:none;box-shadow:0 4px 15px #1e8cff4d;color:#fff}.confirm-dialog-footer .btn-primary:hover{box-shadow:0 6px 20px #1e8cff66;transform:translateY(-2px)}@media (max-width:480px){.confirm-dialog{max-width:none;width:95%}.confirm-dialog-body,.confirm-dialog-footer,.confirm-dialog-header{padding:20px}.confirm-dialog-footer{flex-direction:column}.confirm-dialog-footer .btn{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animated-slide-up{animation:slideUp 1s ease-out}.animated-slide-in{animation:slideIn .6s ease-out;animation-fill-mode:both}.animated-bounce-in{animation:bounceIn .8s ease-out;animation-fill-mode:both}.cart-page{background:var(--bg-elevated);min-height:80vh;padding:40px 0}.cart-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.cart-page .page-title{color:var(--text-dark);font-size:36px;font-weight:700;margin-bottom:30px;text-align:center}.cart-notification{background:var(--primary-gradient);border-radius:8px;box-shadow:0 4px 15px #1e8cff4d;color:#fff;font-weight:600;max-width:300px;padding:15px 25px;position:fixed;right:20px;top:100px;z-index:1000}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}.cart-items-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-soft);padding:30px}.cart-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.cart-header h2{color:var(--text-dark);font-size:24px;font-weight:700;margin:0}.clear-cart-btn{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.clear-cart-btn:hover{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:0 4px 12px #1e8cff4d;color:#fff;transform:translateY(-2px)}.supplier-group{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:12px;margin-bottom:30px;overflow:hidden}.supplier-group:last-child{margin-bottom:0}.supplier-group-header{align-items:center;background:var(--primary-gradient);border-bottom:none;color:#fff;display:flex;font-weight:600;gap:10px;padding:15px 20px}.supplier-group-header i{color:var(--primary-color);font-size:18px}.supplier-group-total{align-items:center;background:var(--bg-card);border-top:2px solid var(--border-color);color:var(--text-dark);display:flex;font-weight:600;justify-content:space-between;padding:15px 20px}.supplier-total-amount{color:var(--primary-color);font-size:18px}.cart-item,.cart-items-list{padding:20px}.cart-item{grid-gap:20px;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:20px;grid-template-columns:120px 1fr 150px 180px 50px;margin-bottom:15px;position:relative;transition:all .3s ease}.cart-item:last-child{margin-bottom:0}.cart-item:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.cart-item-promo{background:linear-gradient(135deg,#e74c3c08,#e74c3c03);border:2px solid #e74c3c;position:relative}.cart-item-promo:before{background:linear-gradient(180deg,#e74c3c,#c0392b);border-radius:8px 0 0 8px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.cart-item-promo:hover{border-color:#c0392b;box-shadow:0 6px 20px #e74c3c33}.promo-badge-overlay{align-items:center;animation:promoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;box-shadow:0 2px 8px #e74c3c66;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;left:8px;padding:6px 12px;position:absolute;top:8px;z-index:10}.promo-badge-overlay i{font-size:10px}@keyframes promoPulse{0%,to{box-shadow:0 2px 8px #e74c3c66;transform:scale(1)}50%{box-shadow:0 4px 12px #e74c3c99;transform:scale(1.05)}}.cart-item-image{position:relative}.promo-label{align-items:center;background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid #e74c3c4d;border-radius:12px;color:#c0392b;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;white-space:nowrap}.promo-label i{color:#e74c3c;font-size:11px}.item-price-with-discount{color:#27ae60!important;font-weight:700}.item-old-price{color:#95a5a6;font-size:14px;margin-bottom:4px;text-decoration:line-through}.item-discount-amount{align-items:center;color:#27ae60;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.item-discount-amount i{font-size:10px}.cart-item-image{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;text-decoration:none;width:120px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:var(--text-light);display:flex;font-size:40px;height:100%;justify-content:center;width:100%}.cart-item-info{display:flex;flex-direction:column;gap:8px}.cart-item-name{color:var(--text-dark);text-decoration:none}.cart-item-name h3{color:var(--text-dark);font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.cart-item-name:hover h3{color:var(--primary-color)}.cart-item-details{align-items:center;display:flex;font-size:14px;gap:15px}.cart-item-details,.cart-item-unit{color:var(--text-light)}.cart-item-old-price{color:#95a5a6;text-decoration:line-through}.cart-item-stock{font-size:13px}.stock-available{align-items:center;color:#27ae60;display:flex;gap:5px}.stock-available i{font-size:12px}.stock-unavailable{align-items:center;color:var(--primary-color);display:flex;gap:5px}.stock-unavailable i{font-size:12px}.cart-item-quantity{gap:10px}.cart-item-quantity,.quantity-btn{align-items:center;display:flex;justify-content:center}.quantity-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:14px;height:35px;transition:all .3s ease;width:35px}.quantity-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-input{border:2px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-size:16px;font-weight:600;height:35px;outline:none;text-align:center;transition:all .3s ease;width:60px}.quantity-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a}.cart-item-price{text-align:right}.item-total-price{color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:5px}.item-unit-price{color:var(--text-light);font-size:13px}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.remove-item-btn:hover{background:var(--primary-gradient);box-shadow:0 4px 12px #1e8cff4d;color:#fff;transform:scale(1.1)}.cart-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.summary-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-soft);padding:30px}.summary-card h3{color:var(--text-dark);font-size:24px;padding-bottom:15px}.summary-row{color:var(--text-dark);font-size:16px;margin-bottom:15px}.summary-row span:first-child{color:var(--text-light)}.summary-divider{background:var(--border-color);margin:20px 0}.total-row{font-size:20px;margin-bottom:25px}.total-amount{font-size:24px}.checkout-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 4px 15px #1e8cff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px;padding:14px 24px;transition:all .3s ease;width:100%}.checkout-btn:hover{box-shadow:0 6px 20px #1e8cff66;transform:translateY(-2px)}.checkout-btn:active{transform:translateY(0)}.continue-shopping{align-items:center;color:var(--text-light);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;text-decoration:none;transition:color .3s ease}.continue-shopping:hover{color:var(--primary-color)}.cart-empty{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:80px 20px;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#00c7ff1a,#1e8cff1a);border:3px solid var(--primary-color);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 30px;width:120px}.empty-icon i{color:var(--primary-color);font-size:60px}.cart-empty h2{color:var(--text-dark);font-size:28px;font-weight:700;margin-bottom:15px}.cart-empty p{color:var(--text-light);font-size:16px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.cart-empty .btn{border-radius:8px;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-page{padding:20px 0}.cart-page .page-title{font-size:28px;margin-bottom:20px}.cart-items-section{padding:20px}.cart-header{align-items:flex-start;flex-direction:column;gap:15px}.clear-cart-btn{justify-content:center;width:100%}.cart-item{gap:15px;grid-template-columns:100px 1fr;padding:15px}.cart-item-image{grid-row:1/3;height:100px;width:100px}.cart-item-info{grid-column:2}.cart-item-quantity{grid-column:2;justify-content:flex-start}.cart-item-price{grid-column:2;margin-top:10px;text-align:left}.remove-item-btn{position:absolute;right:10px;top:10px}.supplier-group-total{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.cart-item{grid-template-columns:80px 1fr}.cart-item-image{height:80px;width:80px}.quantity-input{width:50px}.summary-card{padding:20px}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animated-fade-in{animation:fadeIn .8s ease-out}.animated-fade-in-left{animation:fadeInLeft .8s ease-out}.animated-fade-in-right{animation:fadeInRight .8s ease-out}.animated-scale-in{animation:scaleIn .6s ease-out;animation-fill-mode:both}.order-details-page{background:radial-gradient(circle at top,#00c7ff1f,#0000 45%),linear-gradient(180deg,#f8fbff,#f4f6ff 40%,#fdfdfd);min-height:80vh;padding:40px 0 80px;position:relative}.order-details-page:before{background:url(https://www.transparenttextures.com/patterns/cubes.png);content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.order-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000008;border-radius:22px;box-shadow:0 25px 65px #02081714;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:28px 32px;position:relative;z-index:1}.order-header-left{flex:1 1;min-width:300px}.back-link{align-items:center;color:#7f8c8d;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:12px;text-decoration:none;transition:all .3s ease}.back-link:hover{color:var(--primary-color);transform:translateX(-3px)}.back-link i{font-size:11px}.order-header .page-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-strong);font-size:32px;font-weight:700;margin-bottom:16px}.order-status-badge{align-items:center;border:2px solid;border-radius:20px;box-shadow:0 4px 12px #0000001a;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.order-status-badge:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.order-header-right{display:flex;flex-direction:column;gap:12px;min-width:200px}.order-date{align-items:center;background:#00c7ff14;border:1px solid #1e8cff26;border-radius:12px;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:all .3s ease}.order-date:hover{background:#00c7ff1f;transform:translateX(-3px)}.order-date i{color:var(--primary-color);font-size:14px;text-align:center;width:18px}.order-content{grid-gap:24px;display:grid;gap:24px;position:relative;z-index:1}.order-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000008;border-radius:20px;box-shadow:0 25px 65px #02081714;padding:24px;transition:all .35s cubic-bezier(.19,1,.22,1)}.order-section:hover{box-shadow:0 35px 80px #0208171f;transform:translateY(-2px)}.section-header{border-bottom:2px solid var(--border-color);padding-bottom:16px}.section-header h2{align-items:center;color:var(--text-strong);display:flex;font-weight:700;gap:12px;margin:0}.section-header i{align-items:center;background:#00c7ff1a;border-radius:10px;color:var(--primary-color);display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.supplier-group-wrapper{margin-bottom:25px}.supplier-group-wrapper:last-child{margin-bottom:0}.supplier-block-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000008;border-radius:20px;box-shadow:0 25px 65px #02081714;margin-bottom:24px;overflow:hidden;transition:all .35s cubic-bezier(.19,1,.22,1)}.supplier-block-wrapper:hover{box-shadow:0 35px 80px #0208171f;transform:translateY(-4px)}.supplier-block-header{background:var(--primary-gradient);border-bottom:1px solid #ffffff26;padding:14px 24px}.supplier-number-badge{align-items:center;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.supplier-number-badge:before{background:#ffffffe6;border-radius:50%;box-shadow:0 0 8px #ffffff80;content:"";display:inline-block;height:10px;width:10px}.supplier-section{background:var(--bg-card);border-bottom:1px solid var(--border-color);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;padding:24px}.supplier-header{align-items:center;display:flex;gap:15px;justify-content:space-between}.supplier-header-info{align-items:center;display:flex;flex:1 1;gap:12px}.supplier-logo-small{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #02081714;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.supplier-logo-small img{height:100%;object-fit:cover;width:100%}.supplier-logo-placeholder-small{align-items:center;color:#bdc3c7;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.supplier-header-details h3{color:var(--text-strong);font-size:18px;font-weight:600;margin-bottom:8px}.supplier-meta{align-items:center;color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.supplier-rating-small{align-items:center;color:#f39c12;display:flex;font-weight:600;gap:4px}.supplier-rating-small i{font-size:11px}.supplier-items-count{color:#7f8c8d}.supplier-inn-small{color:#7f8c8d;font-size:11px}.supplier-total-small{color:var(--primary-color);font-size:13px;font-weight:600}.supplier-contract-compact{align-items:center;display:flex;gap:10px}.contract-status-compact{align-items:center;display:flex;gap:8px}.contract-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px}.contract-badge.success{background:#27ae601a;border:1px solid #27ae604d;color:#27ae60}.contract-badge.warning{background:#f39c121a;border:1px solid #f39c124d;color:#f39c12}.contract-badge i{font-size:11px}.btn-small{font-size:12px;min-width:auto;padding:6px 12px}.contract-edit-compact{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:10px 14px}.contract-toggle-compact{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.contract-toggle-compact:before{color:var(--text-dark);content:"Договор:";font-size:13px;font-weight:600;white-space:nowrap}.contract-actions-compact{display:flex;gap:6px}.contract-actions-compact .btn{align-items:center;display:flex;font-size:12px;height:32px;justify-content:center;min-width:32px;padding:6px 10px}.contract-toggle-compact input[type=checkbox]{display:none}.toggle-slider{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:28px;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.contract-toggle-compact input[type=checkbox]:checked+.toggle-slider{background:var(--primary-gradient);border-color:var(--primary-color)}.contract-toggle-compact input[type=checkbox]:checked+.toggle-slider:before{box-shadow:0 2px 8px #1e8cff66;transform:translateX(22px)}.btn-outline{align-items:center;background:var(--bg-card);border:2px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:6px 12px;transition:all .3s ease}.btn-outline:hover{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:0 2px 8px #1e8cff4d;color:#fff;transform:translateY(-1px)}.items-section{background:var(--bg-card);border:none;border-radius:0;border-top:1px solid var(--border-color);margin-top:0;overflow:hidden;padding:0}.supplier-items-header{align-items:center;background:linear-gradient(135deg,#00c7ff14,#1e8cff1f);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.supplier-items-title{align-items:center;color:var(--text-dark);display:flex;font-size:15px;font-weight:600;gap:10px}.supplier-items-title i{color:var(--primary-color);font-size:16px}.supplier-items-title strong{color:var(--text-strong);font-weight:700}.supplier-items-count-badge{background:var(--primary-gradient);border-radius:12px;box-shadow:0 4px 12px #1e8cff4d;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.supplier-items-total{align-items:center;color:var(--text-dark);display:flex;gap:8px}.supplier-items-total-label{color:var(--text-light);font-size:13px;font-weight:500}.supplier-items-total-amount{color:var(--primary-color);font-size:18px;font-weight:700}.order-items-list{background:var(--bg-elevated);display:flex;flex-direction:column;gap:12px;padding:20px}.order-item-compact{align-items:center;background:#fffffff2;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0208170d;display:flex;gap:16px;margin-bottom:0;padding:16px;transition:all .35s cubic-bezier(.19,1,.22,1)}.order-item-compact:last-child{margin-bottom:0}.order-item-compact:hover{background:#fff;border-color:#1e8cff4d;box-shadow:0 8px 24px #0208171a;transform:translateY(-3px)}.order-item-image-compact{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #02081714;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;text-decoration:none;transition:all .3s ease;width:70px}.order-item-image-compact:hover{box-shadow:0 6px 20px #1e8cff33;transform:scale(1.05)}.order-item-image-compact img{height:100%;object-fit:cover;width:100%}.image-placeholder-small{align-items:center;color:#bdc3c7;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.order-item-info-compact{flex:1 1;min-width:0}.order-item-name-compact{color:var(--text-dark);display:block;text-decoration:none}.order-item-name-compact h4{color:var(--text-strong);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px;transition:color .3s ease}.order-item-name-compact:hover h4{color:var(--primary-color)}.order-item-meta-compact{align-items:center;color:var(--text-light);display:flex;font-size:13px;gap:12px}.order-item-unit-compact{background:#00c7ff14;border-radius:6px;color:var(--text-light);font-size:12px;padding:4px 8px}.order-item-quantity-compact{background:#1e8cff1a;border-radius:8px;color:var(--text-dark);font-weight:600;padding:4px 10px}.order-item-price-compact{flex-shrink:0;min-width:100px;text-align:right}.item-price-compact{color:var(--text-light);font-size:14px;font-weight:500;margin-bottom:4px}.item-total-compact{color:var(--primary-color);font-size:18px;font-weight:700}.delivery-section{padding:24px}.delivery-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.delivery-info-item{align-items:flex-start;background:#fffffff2;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 12px #0208170d;display:flex;gap:14px;padding:18px;transition:all .35s cubic-bezier(.19,1,.22,1)}.delivery-info-item:hover{background:#fff;border-color:#1e8cff4d;box-shadow:0 8px 24px #0208171a;transform:translateY(-3px)}.delivery-info-icon{align-items:center;background:#00c7ff1a;border-radius:12px;box-shadow:0 4px 12px #1e8cff26;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.delivery-info-icon i{color:var(--primary-color);font-size:18px}.delivery-info-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.delivery-info-label{color:var(--text-light);font-size:13px;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.delivery-info-value{color:var(--text-strong);font-size:15px;font-weight:600;line-height:1.5;word-break:break-word}.delivery-form{display:flex;flex-direction:column;gap:15px}.form-group-compact{display:flex;flex-direction:column;gap:8px}.form-group-compact label{align-items:center;color:var(--text-dark);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.form-group-compact label i{color:var(--primary-color);font-size:14px;text-align:center;width:18px}.form-group-compact input{background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#2c3e50;font-family:Roboto,Segoe UI,sans-serif;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group-compact input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a;outline:none}.form-group-compact input::placeholder{color:#bdc3c7}.form-row-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.comment-card{background:linear-gradient(135deg,#00c7ff0d,#1e8cff14);border:1px solid #1e8cff26;border-radius:16px;padding:20px;position:relative}.comment-card:before{color:var(--primary-color);content:'"';font-family:Playfair Display,serif;font-size:48px;left:15px;opacity:.2;position:absolute;top:10px}.comment-card p{color:var(--text-dark);font-size:15px;line-height:1.7;margin:0;padding-left:20px;position:relative;z-index:1}.order-confirm-section{border-top:2px solid var(--border-color);margin-top:28px;padding-top:28px}.confirm-order-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:14px;box-shadow:0 8px 25px #1e8cff66;color:#fff;cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:18px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:20px 32px;position:relative;transition:all .35s cubic-bezier(.19,1,.22,1);width:100%}.confirm-order-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.confirm-order-btn:hover:before{left:100%}.confirm-order-btn:hover{box-shadow:0 12px 35px #1e8cff80;transform:translateY(-3px) scale(1.02)}.confirm-order-btn:active{transform:translateY(0)}.confirm-order-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.order-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.summary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000008;border-radius:22px;box-shadow:0 25px 65px #02081714;padding:28px;transition:all .35s cubic-bezier(.19,1,.22,1)}.summary-card:hover{box-shadow:0 35px 80px #0208171f;transform:translateY(-4px)}.summary-card h3{border-bottom:2px solid var(--border-color);color:var(--text-strong);font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:16px}.summary-row{align-items:center;color:#2c3e50;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.summary-row span:first-child{color:#7f8c8d}.cashback-row{color:#27ae60;font-weight:600}.cashback-amount,.cashback-row i{color:var(--success);font-size:16px}.cashback-amount{font-weight:700}.summary-divider{background:#ecf0f1;height:2px;margin:15px 0}.total-row{font-size:18px;font-weight:700;margin-bottom:0}.total-amount{color:var(--primary-color);font-size:22px}.order-success-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.order-success-modal{animation:slideUpModal .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #0000000d;border-radius:24px;box-shadow:0 30px 80px #02081740;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.order-success-modal-header{background:linear-gradient(135deg,#00c7ff0d,#1e8cff14);border-bottom:1px solid var(--border-color);padding:36px 36px 24px;position:relative;text-align:center}.order-success-icon{align-items:center;animation:scaleInBounce .6s ease;box-shadow:0 8px 30px #1e8cff66;display:flex;height:100px;justify-content:center;margin:0 auto 24px;position:relative;width:100px}.order-success-icon,.order-success-icon:before{background:var(--primary-gradient);border-radius:50%}.order-success-icon:before{animation:pulse 2s infinite;content:"";inset:-4px;opacity:.2;position:absolute}@keyframes scaleInBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.order-success-icon i{color:#fff;font-size:40px}.order-success-modal-header h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-strong);font-size:28px;font-weight:700;margin:0}.order-success-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px}.order-success-modal-close:hover{background:#f8f9fa;color:var(--primary-color);transform:rotate(90deg)}.order-success-modal-body{padding:25px 30px}.order-success-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.order-success-info-item{align-items:center;background:#fffffff2;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 12px #0208170d;display:flex;gap:14px;padding:18px;transition:all .35s cubic-bezier(.19,1,.22,1)}.order-success-info-item:hover{background:#fff;border-color:#1e8cff4d;box-shadow:0 8px 24px #0208171a;transform:translateY(-3px)}.order-success-info-item i{align-items:center;background:#e74c3c1a;border-radius:8px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.order-success-info-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.order-success-label{color:var(--text-light);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.order-success-value{color:var(--text-strong);font-size:18px;font-weight:700}.order-success-amount{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.order-success-message{background:linear-gradient(135deg,#00c7ff14,#1e8cff1f);border:1px solid #1e8cff26;border-radius:16px;margin-top:20px;padding:24px}.order-success-message p{color:var(--text-dark);font-size:15px;font-weight:500;line-height:1.7;margin:0}.order-success-modal-footer{background:linear-gradient(135deg,#00c7ff08,#1e8cff0d);border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:24px 36px 36px}.btn-large{border-radius:14px;box-shadow:0 8px 25px #1e8cff66;font-size:16px;font-weight:600;min-width:220px;padding:16px 48px}.order-not-found{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000008;border-radius:24px;box-shadow:0 25px 65px #02081714;padding:100px 40px;position:relative;text-align:center;z-index:1}.order-not-found i{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:80px;margin-bottom:24px;opacity:.8}.order-not-found h2{color:var(--text-strong);font-size:32px;font-weight:700;margin-bottom:16px}.order-not-found p{color:var(--text-light);font-size:16px;line-height:1.6;margin-bottom:32px}@media (max-width:1024px){.order-summary{position:static}}@media (max-width:768px){.order-details-page{padding:20px 0 60px}.order-header{flex-direction:column;gap:16px;padding:20px}.order-header .page-title{font-size:26px}.order-section{padding:20px}.order-section,.supplier-block-wrapper{border-radius:16px}.order-item{gap:15px;grid-template-columns:80px 1fr}.order-item-image{grid-row:1/3;height:80px;width:80px}.order-item-info{grid-column:2}.order-item-quantity{flex-direction:row;gap:10px;grid-column:2;text-align:left}.order-item-price{grid-column:2;margin-top:10px;text-align:left}.contract-info{align-items:flex-start;flex-direction:column}.contract-actions{width:100%}.contract-actions .btn{flex:1 1}}@media (max-width:480px){.order-item{grid-template-columns:60px 1fr}.order-item-image{height:60px;width:60px}.supplier-info-card{flex-direction:column;text-align:center}}.dashboard-page{background:radial-gradient(circle at top,#00c7ff2e,#0000 45%),linear-gradient(180deg,#f8fbff,#f4f6ff 40%,#fdfdfd);min-height:80vh;padding:60px 0 80px;position:relative}.dashboard-page:before{background:url(https://www.transparenttextures.com/patterns/cubes.png);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.dashboard-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:50px;position:relative}.stat-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #00000008;border-radius:22px;box-shadow:0 25px 65px #09142f14;display:flex;gap:20px;padding:28px;transition:transform .45s cubic-bezier(.19,1,.22,1)}.stat-card:hover{box-shadow:0 35px 65px #09142f1f;transform:translateY(-5px)}.stat-card.highlight{background:linear-gradient(135deg,#00c7ff26,#1e8cff40);border:1px solid #1e8cff4d;box-shadow:0 30px 80px #1e8cff59;color:#fff}.stat-card i{align-items:center;background:#00c7ff1a;border-radius:18px;color:var(--primary-color);display:flex;font-size:40px;height:68px;justify-content:center;width:68px}.stat-card.highlight i{background:#ffffff2e;color:#fff}.stat-card h3{color:var(--text-dark);font-size:28px;font-weight:600;margin-bottom:5px}.stat-card.highlight h3{color:#fff}.stat-card p{color:var(--text-light);font-size:14px;margin:0}.stat-card.highlight p{color:#ffffffe6}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) 360px;position:relative;z-index:1}.dashboard-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #0000000a;border-radius:26px;box-shadow:0 30px 70px #02081714;padding:35px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--text-dark);font-size:20px;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:18px}.order-card{background:#f7f9ffcc;border:1px solid #00000008;border-radius:18px;box-shadow:inset 0 1px 0 #fff9;padding:22px;transition:all .35s ease}.order-card:hover{border-color:#1e8cff66;box-shadow:0 18px 45px #09142f26;transform:translateY(-3px)}.order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.order-header h4{color:var(--text-dark);font-size:16px;margin-bottom:5px}.order-date{color:var(--text-light);font-size:13px}.order-body{margin-bottom:15px}.order-body p{color:var(--text-light);font-size:14px;margin-bottom:5px}.order-footer{display:flex;gap:10px}.btn-sm{font-size:13px;padding:8px 16px}.dashboard-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09142feb;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 30px 50px #03081699;color:#fff;padding:28px}.sidebar-card h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}.cashback-info{display:flex;flex-direction:column;gap:10px}.cashback-rate{align-items:center;background:linear-gradient(120deg,#00c7ff,#3358ff);border-radius:18px;box-shadow:0 25px 55px #1e8cff73;color:#fff;display:flex;gap:12px;margin-bottom:12px;padding:22px}.cashback-rate i{font-size:28px;opacity:.9}.cashback-percentage{font-size:32px;font-weight:700;letter-spacing:1px}.sidebar-card p{color:#fff9;font-size:14px;margin-bottom:8px}.quick-links{display:flex;flex-direction:column;gap:10px}.quick-links a{align-items:center;background:#ffffff14;border:1px solid #0000;border-radius:14px;color:#ffffffbf;display:flex;font-size:14px;gap:12px;padding:14px 16px;text-decoration:none;transition:all .3s}.quick-links a:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.quick-links a i{font-size:18px}.empty-state{color:var(--text-light);padding:60px 20px;text-align:center}.empty-state i{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state p{font-size:18px;margin-bottom:20px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{order:-1}}@media (max-width:768px){.dashboard-stats{grid-template-columns:1fr}.dashboard-section,.stat-card{padding:20px}}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h1{color:var(--text-strong);font-size:36px;margin-bottom:10px}.dashboard-header p{color:var(--text-light)}.dashboard-content{margin:0 auto;max-width:1200px}.categories-admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.category-admin-card{background:#08122dd9;border:1px solid #ffffff0d;border-radius:18px;overflow:hidden;transition:var(--transition)}.category-admin-card:hover{box-shadow:0 30px 65px #000000a6;transform:translateY(-5px)}.category-admin-image{align-items:center;background:radial-gradient(circle,#1e8cff2e,#0000 60%);display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.category-admin-image img{height:100%;object-fit:cover;width:100%}.category-placeholder{align-items:center;background:linear-gradient(135deg,#09142fcc,#040918e6);color:#ffffff59;display:flex;height:100%;justify-content:center;width:100%}.category-icon-large{font-size:72px}.category-admin-info{padding:20px;text-align:center}.category-admin-info h3{color:var(--text-strong);font-size:18px;margin-bottom:8px}.category-admin-info p{color:#fff9;font-size:14px;margin-bottom:15px}.category-admin-info .btn{width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000514bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlide .35s ease;background:#fffffff7;border:1px solid #0000000d;border-radius:24px;box-shadow:0 40px 80px #03081659;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #08122d0f;display:flex;justify-content:space-between;padding:24px 32px 18px}.modal-header h2{border:none;color:var(--text-strong);font-size:20px;margin:0;padding:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:var(--transition);width:30px}.modal-close:hover{color:var(--text-strong)}.modal-body{padding:32px}.modal-footer{border-top:1px solid #08122d0f;display:flex;gap:10px;justify-content:flex-end;padding:20px 30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-strong);display:block;font-weight:500;margin-bottom:8px}.form-control{background:#f8faffd9;border:1px solid #08122d1a;border-radius:14px;box-shadow:inset 0 1px 0 #fff9;box-sizing:border-box;color:var(--text-strong);font-size:14px;padding:14px 16px;transition:var(--transition);width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff26;outline:none}.form-text{color:var(--text-light);display:block;font-size:12px;margin-top:5px}.image-preview{background:#f7f9ffe6;border:1px solid #08122d0d;border-radius:18px;box-shadow:inset 0 1px 0 #fff9;margin-top:20px;padding:18px}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.image-preview h4{color:var(--text-strong);font-size:14px;margin-bottom:10px}.image-preview img{border:1px solid var(--border-color);border-radius:4px;height:auto;max-width:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stats-grid .stat-card{align-items:center;background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:15px;padding:20px}.stat-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.stat-info h3{color:var(--text-dark);font-size:28px;margin:0 0 5px}.stat-info p{color:var(--text-light);font-size:14px;margin:0}@media (max-width:768px){.categories-admin-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modal-content{max-height:95vh}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-header h2{font-size:16px}.modal-body{padding:20px}}:root{--supplier-surface:var(--bg-card);--supplier-panel:var(--bg-elevated);--supplier-border:var(--border-color);--supplier-muted:var(--text-light)}.supplier-dashboard,.supplier-page{background:#0000;color:var(--text-dark);min-height:calc(100vh - 120px)}.supplier-page-header{align-items:center;border-bottom:2px solid var(--supplier-border);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.supplier-page-header h1{color:var(--text-dark);font-size:32px;font-weight:700;margin-bottom:8px}.supplier-page-header p{color:var(--text-light);color:var(--supplier-muted);font-size:16px;margin:0}.new-orders-badge{align-items:center;animation:pulse 2s infinite;background:var(--primary-gradient);border-radius:8px;box-shadow:0 15px 35px #1e8cff59;color:#fff;display:flex;font-weight:600;gap:10px;padding:12px 20px}.new-orders-badge i{font-size:18px}.supplier-stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.supplier-stat-card{align-items:center;background:var(--bg-card);background:var(--supplier-surface);border:1px solid var(--supplier-border);border-radius:20px;box-shadow:var(--shadow-soft);gap:20px;padding:24px;transition:all .3s ease}.supplier-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.supplier-stat-card.highlight{background:var(--primary-gradient);box-shadow:0 8px 25px #1e8cff4d;color:#fff}.supplier-stat-card.warning{border-left:4px solid #f39c12}.supplier-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.supplier-stat-content{flex:1 1}.supplier-stat-content h3{color:var(--text-dark);font-size:32px;font-weight:700;margin:0 0 5px}.supplier-stat-card.highlight .supplier-stat-content h3{color:#fff}.supplier-stat-content p{color:var(--text-light);color:var(--supplier-muted);font-size:14px;margin:0 0 8px}.supplier-stat-card.highlight .supplier-stat-content p{color:#ffffffe6}.supplier-stat-link{color:#e74c3c;display:inline-block;font-size:13px;font-weight:600;margin-top:8px;text-decoration:none;transition:all .3s ease}.supplier-stat-link:hover{color:#c0392b;text-decoration:underline}.supplier-quick-actions{background:var(--bg-card);background:var(--supplier-surface);border:1px solid var(--supplier-border);border-radius:20px;box-shadow:var(--shadow-soft);margin-bottom:30px;padding:25px}.supplier-quick-actions h2{color:var(--text-strong);font-size:20px;font-weight:600;margin-bottom:20px}.supplier-quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.supplier-quick-action-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:16px;color:var(--text-dark);display:flex;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:all .3s ease}.supplier-quick-action-card:hover{background:#1e8cff14;border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.supplier-quick-action-card i{color:var(--primary-color);font-size:32px}.supplier-quick-action-card span{color:var(--text-dark);font-size:14px;font-weight:600;text-align:center}.supplier-recent-section,.supplier-section{background:var(--bg-card);background:var(--supplier-surface);border:1px solid var(--supplier-border);border-radius:20px;box-shadow:var(--shadow-soft);margin-bottom:30px;padding:25px}.supplier-section-header{align-items:center;border-bottom:2px solid var(--supplier-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.supplier-section-header h2{color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.supplier-table-container{overflow-x:auto}.supplier-table{border-collapse:collapse;width:100%}.supplier-table thead{background:var(--bg-elevated)}.supplier-table th{border-bottom:2px solid var(--supplier-border);color:var(--text-dark);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.supplier-table td{border-bottom:1px solid var(--supplier-border);color:var(--text-dark);font-size:14px;padding:15px}.supplier-table tbody tr{transition:all .3s ease}.supplier-table tbody tr:hover{background:var(--bg-elevated)}.btn-icon{background:#ffffff0d;border:1px solid #0000;color:var(--text-light)}.btn-icon:hover{background:var(--primary-accent)}.supplier-empty-state{color:var(--text-light);color:var(--supplier-muted);padding:60px 20px;text-align:center}.supplier-empty-state i{color:#fff3;font-size:64px;margin-bottom:20px}.supplier-empty-state p{color:var(--text-light);font-size:16px;margin:0}.supplier-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.supplier-search{flex:1 1;min-width:250px;position:relative}.supplier-search input{background:var(--bg-main);border:2px solid var(--supplier-border);border-radius:12px;color:var(--text-dark);font-size:14px;padding:12px 15px 12px 40px;transition:all .3s ease;width:100%}.supplier-search input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a;outline:none}.supplier-search i{color:var(--text-light);color:var(--supplier-muted);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.supplier-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%235a6c7d' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:2px solid var(--supplier-border);border-radius:12px;box-shadow:var(--shadow-soft);color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 40px 12px 15px;transition:all .3s ease}.supplier-filter-select:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.supplier-filter-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23e74c3c' d='M7 10 2 5h10z'/%3E%3C/svg%3E");border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c26;outline:none}.supplier-filter-select:active{transform:translateY(0)}.supplier-filter-select option{background:#050d23;color:var(--text-strong);font-weight:400;padding:12px}.supplier-filter-select option:hover{background:#f8f9fa}.supplier-filter-select option:checked{background:#e74c3c;color:#fff;font-weight:600}.supplier-form{display:flex;flex-direction:column;gap:20px}.supplier-form-group{gap:8px}.supplier-form-group label{font-size:14px}.supplier-form-group input,.supplier-form-group select,.supplier-form-group textarea{background:#ffffff05;border:1px solid var(--supplier-border);border-radius:12px;color:var(--text-strong);font-family:Roboto,Segoe UI,sans-serif;font-size:14px;padding:12px 15px;transition:all .3s ease}.supplier-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%237f8c8d' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;box-shadow:inset 0 0 0 1px #ffffff05;cursor:pointer;font-weight:500;padding:12px 40px 12px 15px}.supplier-form-group select:hover{border-color:#00c7ff40;box-shadow:0 10px 25px #030a1e99;transform:translateY(-1px)}.supplier-form-group input:focus,.supplier-form-group select:focus,.supplier-form-group textarea:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px #00c7ff26;outline:none}.supplier-form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23e74c3c' d='M7 10 2 5h10z'/%3E%3C/svg%3E")}.supplier-form-group select:active{transform:translateY(0)}.supplier-form-group textarea{min-height:100px;resize:vertical}.supplier-form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.supplier-form-actions{display:flex;gap:10px;margin-top:10px}.supplier-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.supplier-modal{animation:slideUp .3s ease;background:var(--bg-card);background:var(--supplier-surface);border-radius:20px;box-shadow:0 40px 80px #0009;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.supplier-modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px 25px}.supplier-modal-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.supplier-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.supplier-modal-close:hover{background:#f8f9fa;color:#e74c3c}.supplier-modal-body{padding:25px}.supplier-modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}@media (max-width:768px){.supplier-stats-grid{grid-template-columns:1fr}.supplier-quick-actions-grid{grid-template-columns:repeat(2,1fr)}.supplier-filters{flex-direction:column}.supplier-search{width:100%}.supplier-page-header{align-items:flex-start;flex-direction:column;gap:15px}.supplier-table-container{overflow-x:visible}.supplier-table{display:block;width:100%}.supplier-table thead{display:none}.supplier-table tbody{display:block;width:100%}.supplier-table tbody tr{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:block;margin-bottom:16px;padding:16px;transition:all .3s ease;width:100%}.supplier-table tbody tr:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.supplier-table tbody td{align-items:center;border:none;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0 12px 40%;position:relative;text-align:right}.supplier-table tbody td:last-child{border-bottom:none;gap:8px;justify-content:flex-end;padding-top:16px}.supplier-table tbody td:before{color:#7f8c8d;content:attr(data-label);font-size:13px;font-weight:600;left:0;letter-spacing:.5px;position:absolute;text-align:left;text-transform:uppercase;width:35%}.supplier-table tbody td:first-child:before{content:"ID"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(2):before{content:"Изображение"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(3):before{content:"Название"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(4):before{content:"Артикул"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(5):before{content:"Категория"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(6):before{content:"Цена"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(7):before{content:"Остаток"}.supplier-table tbody tr:has(td:nth-child(8)) td:nth-child(8):before{content:"Действия"}.supplier-table tbody td img{display:block;height:60px!important;margin:0 auto;width:60px!important}.supplier-table tbody td:has(>div>img),.supplier-table tbody td:has(>img){justify-content:center;padding-bottom:8px;padding-left:0;padding-top:8px}.supplier-table tbody td:has(>div>img):before,.supplier-table tbody td:has(>img):before{display:none}.supplier-table tbody td:has(>img:only-child):before{content:"Изображение";display:block}.supplier-table tbody td:has(.btn-icon){flex-wrap:wrap}.supplier-table tbody td .btn-icon{font-size:14px;height:36px;width:36px}.supplier-table tbody td select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%237f8c8d' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;max-width:200px;padding:8px 32px 8px 12px;width:100%}.supplier-table tbody td a{word-break:break-word}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(2):before{content:"Поставщик"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(3):before{content:"Товаров"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(4):before{content:"Сумма"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(5):before{content:"Статус"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(6):before{content:"Дата"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(7):before{content:"Действия"}.supplier-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(2):before{content:"Клиент"}.supplier-filter-select,.supplier-form-group select{font-size:16px;min-height:48px;padding:14px 40px 14px 15px}.supplier-empty-state{padding:40px 20px;text-align:center}.supplier-empty-state i{color:#bdc3c7;font-size:48px;margin-bottom:16px}.supplier-empty-state p{color:#7f8c8d;font-size:16px;margin:0}.supplier-table tbody td .status-badge{display:inline-block;margin:0}.supplier-table tbody td a{display:inline-block;max-width:100%}}.admin-sidebar{background:#fff;border-right:1px solid #ecf0f1;box-shadow:2px 0 10px #0000000d;min-height:calc(100vh - 120px);position:-webkit-sticky;position:sticky;top:120px;width:260px}.admin-sidebar-header{background:var(--primary-gradient);border-bottom:2px solid var(--primary-color);padding:20px}.admin-sidebar-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.admin-sidebar-nav{padding:10px 0}.admin-sidebar-nav ul{list-style:none;margin:0;padding:0}.admin-sidebar-nav li{margin:0}.admin-sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#2c3e50;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .3s ease}.admin-sidebar-nav a:hover{background:var(--bg-elevated)}.admin-sidebar-nav a.active,.admin-sidebar-nav a:hover{border-left-color:var(--primary-color);color:var(--primary-color)}.admin-sidebar-nav a.active{background:linear-gradient(90deg,#1e8cff1a,#0000);font-weight:600}.admin-sidebar-nav a i{font-size:16px;text-align:center;width:20px}@media (max-width:768px){.admin-sidebar{min-height:auto;position:relative;top:0;width:100%}}.admin-layout{background:#f8f9fa;display:flex;min-height:calc(100vh - 120px)}.admin-content{flex:1 1;overflow-x:auto;padding:30px}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-content{padding:20px}}.admin-dashboard,.admin-page{background:radial-gradient(circle at top,#0090ff1f,#0000 45%),linear-gradient(180deg,#f6f9ff,#f4f5fb 40%,#fefefe);min-height:calc(100vh - 120px);padding-bottom:40px;position:relative}.admin-dashboard:before,.admin-page:before{background:url(https://www.transparenttextures.com/patterns/gplay.png);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.admin-page-header{border-bottom:2px solid #08122d14;margin-bottom:30px;padding-bottom:20px}.admin-page-header h1{color:var(--text-strong);font-size:32px;font-weight:700;margin-bottom:8px}.admin-page-header p{color:var(--text-light);font-size:16px;margin:0}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #0000000a;border-radius:22px;box-shadow:0 30px 70px #02081714;display:flex;gap:22px;padding:26px;transition:all .35s ease}.admin-stat-card:hover{box-shadow:0 35px 80px #0208171f;transform:translateY(-4px)}.admin-stat-card.highlight{background:linear-gradient(120deg,#00c7ff,#1e8cff 50%,#3358ff);border:1px solid #fff3;color:#fff}.admin-stat-card.warning{border-left:4px solid #f39c12}.admin-stat-icon{align-items:center;background:#00c7ff1f;border-radius:18px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:28px;height:68px;justify-content:center;width:68px}.admin-stat-card.highlight .admin-stat-icon{background:#fff3;color:#fff}.admin-stat-content{flex:1 1}.admin-stat-content h3{color:var(--text-strong);font-size:32px;font-weight:700;margin:0 0 5px}.admin-stat-card.highlight .admin-stat-content h3{color:#fff}.admin-stat-content p{color:var(--text-light);font-size:14px;margin:0 0 8px}.admin-stat-card.highlight .admin-stat-content p{color:#ffffffe6}.admin-stat-details{color:var(--text-light);display:flex;font-size:12px;gap:15px;margin-top:8px}.admin-stat-link{color:var(--primary-color);display:inline-block;font-size:13px;font-weight:600;margin-top:8px;text-decoration:none;transition:all .3s ease}.admin-stat-link:hover{color:var(--primary-accent);text-decoration:underline}.admin-quick-actions{background:#fffffff2;border:1px solid #00000008;border-radius:24px;box-shadow:0 30px 70px #02081714;margin-bottom:35px;padding:30px}.admin-quick-actions h2{color:var(--text-strong);font-size:20px;font-weight:600;margin-bottom:20px}.quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;background:#f7faffe6;border:1px solid #00000008;border-radius:18px;box-shadow:inset 0 1px 0 #fffc;color:var(--text-strong);display:flex;flex-direction:column;gap:12px;padding:22px;text-decoration:none;transition:all .3s ease}.quick-action-card:hover{background:#fff;border-color:#1e8cff59;box-shadow:0 18px 45px #09142f1f;transform:translateY(-2px)}.quick-action-card i{color:var(--primary-color);font-size:32px}.quick-action-card span{font-size:14px;font-weight:600;text-align:center}.admin-recent-section,.admin-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00000008;border-radius:26px;box-shadow:0 30px 75px #02081714;margin-bottom:35px;padding:30px}.admin-section-header{align-items:center;border-bottom:2px solid #08122d0f;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.admin-section-header h2{color:var(--text-strong);font-size:20px;font-weight:600;margin:0}.view-all-link{color:var(--primary-color);font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:var(--primary-accent);text-decoration:underline}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f7f9ffcc}.admin-table th{border-bottom:2px solid #08122d0d;color:var(--text-strong);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #08122d0d;color:var(--text-dark);font-size:14px;padding:15px}.admin-table tbody tr{transition:all .3s ease}.admin-table tbody tr:hover{background:#00c7ff0d}.status-badge{border:1px solid;border-radius:16px;box-shadow:inset 0 1px 0 #fff6;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.btn-icon{align-items:center;background:#00000008;border-radius:6px;color:var(--text-dark);display:inline-flex;height:32px;justify-content:center;margin-right:6px;text-decoration:none;transition:all .3s ease;width:32px}.btn-icon:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.btn-icon.danger:hover{background:#e74c3c}.btn-icon.success:hover{background:#27ae60}.admin-empty-state{color:var(--text-light);padding:60px 20px;text-align:center}.admin-empty-state i{color:#cfd9e5;font-size:64px;margin-bottom:20px}.admin-empty-state p{font-size:16px;margin:0}.admin-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.admin-search{flex:1 1;min-width:250px;position:relative}.admin-search input{background:#fffffff2;border:1px solid #08122d14;border-radius:14px;box-shadow:inset 0 1px 0 #fffc;font-size:14px;padding:12px 15px 12px 40px;transition:all .3s ease;width:100%}.admin-search input:focus{border-color:#1e8cff99;box-shadow:0 0 0 3px #1e8cff26;outline:none}.admin-search i{color:var(--text-light);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.admin-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%237f8c8d' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:1px solid #08122d14;border-radius:14px;box-shadow:0 2px 4px #0000000d;color:var(--text-strong);cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 40px 12px 15px;transition:all .3s ease}.admin-filter-select:hover{border-color:#1e8cff80;box-shadow:0 3px 16px #1e8cff26;transform:translateY(-1px)}.admin-filter-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%231e8cff' d='M7 10 2 5h10z'/%3E%3C/svg%3E");border-color:#1e8cffcc;box-shadow:0 0 0 3px #1e8cff2e;outline:none}.admin-filter-select:active{transform:translateY(0)}.admin-filter-select option{background:#fff;color:#2c3e50;font-weight:400;padding:12px}.admin-filter-select option:hover{background:#f8f9fa}.admin-filter-select option:checked{background:#e74c3c;color:#fff;font-weight:600}.admin-form{gap:20px}.admin-form,.admin-form-group{display:flex;flex-direction:column}.admin-form-group{gap:8px}.admin-form-group label{color:#2c3e50;font-size:14px;font-weight:600}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{background:#f8fafff2;border:1px solid #08122d1a;border-radius:14px;color:var(--text-dark);font-family:Roboto,Segoe UI,sans-serif;font-size:14px;padding:12px 15px;transition:all .3s ease}.admin-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%237f8c8d' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;box-shadow:inset 0 1px 0 #fffc;cursor:pointer;font-weight:500;padding:12px 40px 12px 15px}.admin-form-group select:hover{border-color:#1e8cff80;box-shadow:0 10px 25px #030a1e1f;transform:translateY(-1px)}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#1e8cffb3;box-shadow:0 0 0 3px #1e8cff26;outline:none}.admin-form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%231e8cff' d='M7 10 2 5h10z'/%3E%3C/svg%3E")}.admin-form-group select:active{transform:translateY(0)}.admin-form-group textarea{min-height:100px;resize:vertical}.cashback-settings{gap:24px}.cashback-toggle-card{align-items:center;background:linear-gradient(135deg,#fff5f5e6,#fffffff2);border:1px solid #e74c3c33;border-radius:24px;box-shadow:0 20px 40px #e74c3c1a;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.cashback-toggle-card.active{border-color:#e74c3c66;box-shadow:0 25px 50px #e74c3c33}.cashback-toggle-text{display:flex;flex-direction:column;gap:6px;max-width:70%}.cashback-label{color:#c0392b;font-size:16px;font-weight:700;margin:0}.cashback-description{color:#7f8c8d;font-size:13px}.cashback-switch-wrapper{cursor:pointer;height:34px;position:relative;width:70px}.cashback-switch-input{opacity:0;pointer-events:none;position:absolute}.cashback-switch{background:#d7dde5;border:1px solid #0000000d;border-radius:999px;inset:0}.cashback-switch,.cashback-switch:after{position:absolute;transition:all .3s ease}.cashback-switch:after{background:#fff;border-radius:50%;box-shadow:0 5px 15px #00000026;content:"";height:28px;left:3px;top:2px;width:28px}.cashback-switch.on{background:linear-gradient(135deg,#ff8a65,#e74c3c);border-color:#e74c3c66}.cashback-switch.on:after{transform:translateX(34px)}.cashback-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cashback-fields.disabled{opacity:.5;pointer-events:none}.cashback-field{background:#f8fafff2;border:1px solid #0000000a;border-radius:22px;box-shadow:inset 0 1px 0 #fffc,0 15px 40px #02081712;padding:22px;transition:all .3s ease}.cashback-field label{color:#2c3e50;font-size:14px;font-weight:600}.cashback-field:hover{border-color:#1e8cff4d;box-shadow:0 25px 40px #0208171a;transform:translateY(-2px)}.input-with-suffix{align-items:stretch;background:#fff;border:1px solid #08122d14;border-radius:16px;display:flex;margin-top:6px;overflow:hidden}.input-with-suffix input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.input-with-suffix span{align-items:center;background:linear-gradient(135deg,#00c7ff,#1e8cff 50%,#3358ff);color:#fff;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:0 16px}.cashback-hint{color:#7f8c8d;font-size:12px;line-height:1.5;margin-top:10px}.admin-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-form-actions{display:flex;gap:10px;margin-top:10px}.admin-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000514cc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.admin-modal{animation:slideUp .3s ease;background:#fffffff7;border:1px solid #0000000d;border-radius:24px;box-shadow:0 50px 100px #02081759;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-checkbox-label{align-items:center;background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;display:flex;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.custom-checkbox-label:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.custom-checkbox-label:hover:before{left:100%}.custom-checkbox-label:hover{background:#fff5f5;border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c26;transform:translateY(-2px)}.custom-checkbox{height:0;opacity:0;position:absolute;width:0}.custom-checkbox-text{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:10px;transition:all .3s ease}.custom-checkbox-text i{color:#7f8c8d;font-size:16px;transition:all .3s ease}.custom-checkbox-label:after{background:#fff;border:2px solid #bdc3c7;border-radius:4px;content:"";flex-shrink:0;height:20px;margin-right:12px;order:-1;position:relative;transition:all .3s ease;width:20px;z-index:1}.custom-checkbox:checked+.custom-checkbox-text{color:#e74c3c}.custom-checkbox:checked+.custom-checkbox-text i.fa-star{animation:starPulse .6s ease;color:#f39c12}.custom-checkbox:checked+.custom-checkbox-text i.fa-tag{animation:tagShake .6s ease;color:#e74c3c}.custom-checkbox-label:has(.custom-checkbox:checked):after{animation:checkmark .3s ease;background:linear-gradient(135deg,#e74c3c,#c0392b);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M10 3 4.5 8.5 2 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:#e74c3c}.custom-checkbox-label:has(.custom-checkbox:checked){background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}}@keyframes tagShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-5deg)}75%{transform:translateX(3px) rotate(5deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{align-items:center;border-bottom:1px solid #08122d0f;display:flex;justify-content:space-between;padding:24px 30px 18px}.admin-modal-header h2{color:var(--text-strong);font-size:20px;font-weight:600;margin:0}.admin-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:5px;transition:all .3s ease;width:32px}.admin-modal-close:hover{background:#00c7ff1a;color:var(--primary-color)}.admin-modal-body{padding:32px}.admin-modal-footer{border-top:1px solid #08122d0f;display:flex;gap:10px;justify-content:flex-end;padding:20px 30px}.supplier-edit-modal .admin-modal-body{background:#f8faff99}.supplier-edit-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr}.supplier-info-panel{background:#fffffff2;border:1px solid #0000000d;border-radius:18px;box-shadow:inset 0 1px 0 #fff9;display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px}.supplier-info-card{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.supplier-logo-preview{align-items:center;background:#f5f6fb;border:1px solid #0000000d;border-radius:16px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.supplier-logo-preview img{height:100%;object-fit:cover;width:100%}.supplier-logo-preview .logo-placeholder{align-items:center;color:#bdc3c7;display:flex;font-size:28px;height:100%;justify-content:center;width:100%}.supplier-info-text h3{color:#2c3e50;font-size:18px;margin:0}.supplier-info-text{flex:1 1;min-width:0}.supplier-info-text p{color:#7f8c8d;font-size:13px;margin:4px 0 10px}.supplier-status-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip{border-radius:999px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-chip.active{background:#27ae601f;color:#27ae60}.status-chip.blocked{background:#e74c3c1f;color:#e74c3c}.status-chip.pending_verification{background:#f39c121f;color:#f39c12}.rating-chip{background:#f39c1226;border-radius:999px;color:#f39c12;font-size:12px;font-weight:600;padding:6px 10px}.rating-chip i{margin-right:4px}.supplier-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.supplier-stat-card{background:#fff;border:1px solid #0000000a;border-radius:12px;box-shadow:0 6px 15px #0208170d;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:14px}.supplier-stat-card span{color:#7f8c8d;display:block;flex-shrink:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-stat-card strong{color:#2c3e50;display:block;flex:1 1;font-size:15px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-top:6px;min-width:0;overflow-wrap:anywhere;word-break:break-all}.supplier-form-panel{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.supplier-form-group{display:flex;flex-direction:column;gap:6px}.supplier-form-group label{color:#2c3e50;font-size:13px;font-weight:600}.supplier-form-group input,.supplier-form-group textarea{background:#f8fafff2;border:1px solid #08122d1a;border-radius:14px;font-size:14px;padding:12px 14px;transition:all .2s ease}.supplier-form-group input:focus,.supplier-form-group textarea:focus{border-color:#1e8cff99;box-shadow:0 0 0 3px #1e8cff26;outline:none}.supplier-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.supplier-form-group.full-width{grid-column:1/-1}.supplier-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.supplier-actions .btn-icon{flex-shrink:0;margin-right:0}.supplier-actions .btn-icon i{display:inline-block;text-align:center;width:18px}@media (max-width:992px){.supplier-edit-grid{grid-template-columns:1fr}}@media (max-width:640px){.supplier-edit-modal{max-width:95vw!important}.supplier-info-card{align-items:flex-start}.supplier-info-card,.supplier-info-panel{flex-direction:column}.supplier-form-panel{grid-template-columns:1fr}.supplier-stats-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.supplier-stat-card{padding:10px}.supplier-stat-card span{font-size:11px}.supplier-stat-card strong{font-size:13px;line-height:1.3;margin-top:4px}.supplier-actions{flex-wrap:nowrap;gap:12px;justify-content:flex-start;width:auto}.supplier-actions .btn-icon{flex:0 0 auto;height:40px;justify-content:center;padding:0;width:40px}.supplier-actions .btn-icon i{width:100%}}@media (max-width:768px){.admin-stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.admin-filters{flex-direction:column}.admin-search{width:100%}.admin-table-container{overflow-x:visible}.admin-table{display:block;width:100%}.admin-table thead{display:none}.admin-table tbody,.admin-table tbody tr{display:block;width:100%}.admin-table tbody tr{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px;transition:all .3s ease}.admin-table tbody tr:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-table tbody td{align-items:center;border:none;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0 12px 40%;position:relative;text-align:right}.admin-table tbody td:last-child{border-bottom:none;gap:8px;justify-content:flex-end;padding-top:16px}.admin-table tbody td:before{color:#7f8c8d;content:attr(data-label);font-size:13px;font-weight:600;left:0;letter-spacing:.5px;position:absolute;text-align:left;text-transform:uppercase;width:35%}.admin-table tbody td:first-child:before{content:"ID"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(2):before{content:"Изображение"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(3):before{content:"Название"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(4):before{content:"Артикул"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(5):before{content:"Категория"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(6):before{content:"Поставщик"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(7):before{content:"Цена"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(8):before{content:"Остаток"}.admin-table tbody tr:has(td:nth-child(9)) td:nth-child(9):before{content:"Действия"}.admin-table tbody td img{display:block;height:60px!important;margin:0 auto;width:60px!important}.admin-table tbody td:has(>div>img),.admin-table tbody td:has(>img){justify-content:center;padding-bottom:8px;padding-left:0;padding-top:8px}.admin-table tbody td:has(>div>img):before,.admin-table tbody td:has(>img):before{display:none}.admin-table tbody td:has(>img:only-child):before{content:"Изображение";display:block}.admin-table tbody td:has(.btn-icon){flex-wrap:wrap;gap:8px;justify-content:flex-start}.admin-table tbody td .btn-icon{font-size:14px;height:36px;width:36px}.admin-table tbody td:has(.btn-icon):before{margin-bottom:6px;padding-left:0;text-align:left;width:100%}.admin-table tbody td select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%237f8c8d' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:2px solid #ecf0f1;border-radius:6px;font-size:14px;max-width:200px;padding:8px 32px 8px 12px;width:100%}.admin-table tbody td a{word-break:break-word}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(2):before{content:"Логотип"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(3):before{content:"Компания"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(4):before{content:"Email"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(5):before{content:"ИНН"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(6):before{content:"Рейтинг"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(7):before{content:"Товаров"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(8):before{content:"Заказов"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(9):before{content:"Выручка"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(10):before{content:"Статус"}.admin-table tbody tr:has(td:nth-child(11)) td:nth-child(11):before{content:"Действия"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(2):before{content:"Клиент"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(3):before{content:"Поставщик"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(4):before{content:"Товаров"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(5):before{content:"Сумма"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(6):before{content:"Статус"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(7):before{content:"Дата"}.admin-table tbody tr:has(td:nth-child(8):not(:has(td:nth-child(9)))) td:nth-child(8):before{content:"Действия"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(2):before{content:"Email"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(3):before{content:"Имя/Компания"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(4):before{content:"Роль"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(5):before{content:"Статус"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(6):before{content:"Верификация"}.admin-table tbody tr:has(td:nth-child(7):not(:has(td:nth-child(8)))) td:nth-child(7):before{content:"Действия"}.admin-filter-select,.admin-form-group select{font-size:16px;min-height:48px;padding:14px 40px 14px 15px}.cashback-toggle-card{align-items:flex-start;flex-direction:column;gap:16px}.cashback-toggle-text{max-width:100%}.cashback-switch-wrapper{align-self:flex-end}.admin-empty-state{padding:40px 20px;text-align:center}.admin-empty-state i{color:#bdc3c7;font-size:48px;margin-bottom:16px}.admin-empty-state p{color:#7f8c8d;font-size:16px;margin:0}.admin-table tbody td .status-badge{display:inline-block;margin:0}.admin-table tbody td a{display:inline-block;max-width:100%}}.supplier-sidebar{background:#fff;border-right:1px solid #ecf0f1;box-shadow:2px 0 10px #0000000d;min-height:calc(100vh - 120px);position:-webkit-sticky;position:sticky;top:120px;width:260px}.supplier-sidebar-header{background:var(--primary-gradient);border-bottom:2px solid var(--primary-color);padding:20px}.supplier-sidebar-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.supplier-sidebar-nav{padding:10px 0}.supplier-sidebar-nav ul{list-style:none;margin:0;padding:0}.supplier-sidebar-nav li{margin:0}.supplier-sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#2c3e50;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .3s ease}.supplier-sidebar-nav a:hover{background:var(--bg-elevated)}.supplier-sidebar-nav a.active,.supplier-sidebar-nav a:hover{border-left-color:var(--primary-color);color:var(--primary-color)}.supplier-sidebar-nav a.active{background:linear-gradient(90deg,#1e8cff1a,#0000);font-weight:600}.supplier-sidebar-nav a i{font-size:16px;text-align:center;width:20px}@media (max-width:768px){.supplier-sidebar{min-height:auto;position:relative;top:0;width:100%}}.supplier-layout{background:#f8f9fa;display:flex;min-height:calc(100vh - 120px)}.supplier-content{flex:1 1;overflow-x:auto;padding:30px}@media (max-width:768px){.supplier-layout{flex-direction:column}.supplier-content{padding:20px}}.promo-form{display:flex;flex-direction:column;gap:20px}.promo-form .admin-form-group{display:flex;flex-direction:column;gap:8px}.promo-form .admin-form-group label{color:#2c3e50;font-size:14px;font-weight:600}.promo-form .admin-form-group input,.promo-form .admin-form-group select,.promo-form .admin-form-group textarea{background:#f8fafff2;border:1px solid #08122d1a;border-radius:14px;font-family:Roboto,Segoe UI,sans-serif;font-size:14px;padding:12px 14px;transition:all .2s ease}.promo-form .admin-form-group input:focus,.promo-form .admin-form-group select:focus,.promo-form .admin-form-group textarea:focus{border-color:#1e8cff99;box-shadow:0 0 0 3px #1e8cff26;outline:none}.promo-form-section{display:flex;flex-direction:column;gap:12px}.promo-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.promo-type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.promo-type-card{background:#f8fafff2;border:1px solid #08122d14;border-radius:16px;cursor:pointer;padding:14px;text-align:left;transition:all .2s ease}.promo-type-card .promo-type-label{color:#2c3e50;display:block;font-weight:600;margin-bottom:6px}.promo-type-card .promo-type-desc{color:#7f8c8d;font-size:13px}.promo-type-card.active{background:linear-gradient(135deg,#fff5f5,#ffecec);border-color:#e74c3c80;box-shadow:0 8px 24px #e74c3c26}.promo-banner-wrapper{display:flex;flex-direction:column;gap:12px}.promo-banner-inputs{display:flex;flex-direction:column;gap:10px}.promo-banner-inputs input[type=text]{background:#f8fafff2;border:1px solid #08122d1a;border-radius:12px;padding:10px 12px;width:100%}.promo-banner-preview{background:#f8fafff2;border:1px solid #0000000d;border-radius:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:12px}.promo-banner-preview img{border-radius:10px;height:180px;object-fit:cover;width:100%}.promo-target-section{display:flex;flex-direction:column;gap:16px}.promo-target-mode{display:flex;flex-wrap:wrap;gap:12px}.promo-target-mode button{background:#fff;border:1px solid #08122d1a;border-radius:30px;cursor:pointer;padding:10px 18px;transition:all .2s ease}.promo-target-mode button.active{background:linear-gradient(135deg,#1e8cff1a,#1e8cff0d);border-color:#1e8cff66;color:#1e8cff;font-weight:600}.promo-product-add,.promo-selected-list{display:flex;gap:10px}.promo-selected-list{flex-direction:column}.promo-selected-item{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:10px 14px}.promo-selected-item.has-conflict{border-color:#e74c3c4d}.promo-selected-item p{color:#2c3e50;font-weight:600;margin:0}.promo-conflict{color:#e67e22;display:block;font-size:12px}.promo-category-list{display:flex;flex-wrap:wrap;gap:10px}.promo-chip{align-items:center;background:#fff;border:1px solid #00000014;border-radius:30px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 14px}.promo-chip input{accent-color:#e74c3c}.promo-warning{background:#fff7f5;border:1px solid #e74c3c4d;border-radius:12px;color:#c0392b;font-size:13px;padding:12px 14px}.promo-placeholder{background:#f8faffe6;border:1px dashed #08122d1a;border-radius:12px;color:#7f8c8d;font-size:13px;padding:14px}.promo-radio-group{align-items:center;display:flex;gap:16px}.promo-radio-group label{align-items:center;display:flex;gap:6px}.promo-switch{display:flex;flex-direction:column;gap:8px}.promo-switch .switch{display:inline-block;height:24px;position:relative;width:46px}.promo-switch .switch input{height:0;opacity:0;width:0}.promo-switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.promo-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}.promo-switch input:checked+.slider{background-color:#1e8cff}.promo-switch input:checked+.slider:before{transform:translateX(22px)}.promo-modal{display:flex;flex-direction:column}.promo-modal .admin-modal-header{background:linear-gradient(135deg,#e74c3c0d,#e74c3c05);border-bottom:2px solid #08122d0f;padding:24px 30px 20px}.promo-modal .admin-modal-header h2{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.promo-modal .admin-modal-body{flex:1 1;overflow-y:auto;padding:30px}.promo-modal .admin-modal-footer{background:#f8faff80;border-top:2px solid #08122d0f;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.promo-modal .admin-modal-footer .btn{border-radius:12px;font-weight:600;padding:12px 28px;transition:all .3s ease}.promo-modal .admin-modal-footer .btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.promo-modal .admin-modal-footer .btn-primary:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.promo-modal .admin-modal-close{border-radius:8px;height:36px;transition:all .2s ease;width:36px}.promo-modal .admin-modal-close:hover{background:#e74c3c1a;color:#e74c3c}@media (max-width:768px){.promo-product-add{flex-direction:column}.promo-modal{max-height:95vh!important;max-width:95vw!important}.promo-modal .admin-modal-body{padding:20px}.promo-modal .admin-modal-footer{flex-direction:column-reverse;padding:16px 20px}.promo-modal .admin-modal-footer .btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1e8cff;--primary-accent:#00c7ff;--primary-gradient:linear-gradient(135deg,#00c7ff,#1e8cff 45%,#3358ff);--bg-main:#fff;--bg-elevated:#f8f9fa;--bg-card:#fff;--bg-muted:#f5f7fa;--text-strong:#020817;--text-dark:#1a2332;--text-light:#5a6c7d;--border-color:#e1e8ed;--border-strong:#1e8cff4d;--success:#2ecc71;--warning:#f39c12;--danger:#e74c3c;--transition:all 0.3s ease;--shadow-soft:0 4px 20px #02081714;--shadow-hover:0 8px 30px #0208171f}body{background:#fff;background:var(--bg-main);color:#1a2332;color:var(--text-dark);font-family:Roboto,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;background:#f5f7fa;background:var(--bg-muted);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 30px;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#00c7ff,#1e8cff 45%,#3358ff);background:var(--primary-gradient);box-shadow:0 4px 15px #1e8cff4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #1e8cff66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #e1e8ed;border:2px solid var(--border-color);color:#1a2332;color:var(--text-dark)}.btn-secondary:hover{background:#f5f7fa;background:var(--bg-muted);border-color:#1e8cff;border-color:var(--primary-color);color:#1e8cff;color:var(--primary-color)}.card{background:#fff;background:var(--bg-card);border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #02081714;box-shadow:var(--shadow-soft);padding:24px;transition:all .3s ease;transition:var(--transition)}.card:hover{border-color:#1e8cff33;box-shadow:0 8px 30px #0208171f;box-shadow:var(--shadow-hover);transform:translateY(-4px)}input,select,textarea{background:#fff;background:var(--bg-main);border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:10px;color:#1a2332;color:var(--text-dark);font-size:14px;padding:12px 16px;transition:all .3s ease;transition:var(--transition);width:100%}input::placeholder,textarea::placeholder{color:#5a6c7d;color:var(--text-light)}input:focus,select:focus,textarea:focus{border-color:#1e8cff;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e8cff1a;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235a6c7d' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;font-weight:500;padding-right:40px}select:hover{border-color:#1e8cff;border-color:var(--primary-color)}select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231e8cff' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}select option{background:#fff;background:var(--bg-main);color:#1a2332;color:var(--text-dark);padding:10px}.page-title{font-size:36px;font-weight:300;margin-bottom:30px}.page-title,.section-title{color:#020817;color:var(--text-strong)}.section-title{font-size:24px;font-weight:500;margin-bottom:20px}.badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.badge-success{background:#2ecc711a;border:1px solid #2ecc7133;color:#27ae60}.badge-warning{background:#f39c121a;border:1px solid #f39c1233;color:#f39c12}.badge-danger{background:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c}.badge-info{background:#1e8cff1a;border:1px solid #1e8cff33;color:#1e8cff}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.loading{color:#5a6c7d;color:var(--text-light);padding:40px;text-align:center}.error{background:#e74c3c14;border:1px solid #e74c3c33;border-radius:10px;color:#c0392b}.error,.success{margin-bottom:20px;padding:14px 20px}.success{background:#2ecc7114;border:1px solid #2ecc7133;border-radius:10px;color:#27ae60}.notification{animation:slideIn .3s ease;background:linear-gradient(135deg,#00c7ff,#1e8cff 45%,#3358ff);background:var(--primary-gradient);border-radius:14px;box-shadow:0 20px 45px #000b1b99;color:#fff;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:992px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.container{padding:0 15px}.btn{width:100%}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:768px){.admin-filter-select,.supplier-filter-select,select{font-size:16px;min-height:48px;padding:14px 40px 14px 15px}.admin-filter-select,.supplier-filter-select{width:100%}}@media (max-width:480px){.admin-filter-select,.supplier-filter-select,select{font-size:16px;padding:12px 38px 12px 12px}}
/*# sourceMappingURL=main.3df05bb5.css.map*/