*{box-sizing:border-box;margin:0;padding:0}:root{--primary-dark-blue:#1a3a52;--primary-blue:#2c5f7e;--light-blue:#3d7fa6;--accent-blue:#4a9fd8;--white:#fff;--light-gray:#f5f7fa;--gray:#e0e6ed;--dark-gray:#6c757d;--text-dark:#2d3748;--text-light:#718096;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 3px #1a3a521a;--shadow-md:0 4px 6px #1a3a521a;--shadow-lg:0 10px 15px #1a3a521a;--shadow-xl:0 20px 25px #1a3a5226;--transition:all 0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--light-gray);color:#2d3748;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f7fa;background:var(--light-gray)}::-webkit-scrollbar-thumb{background:#2c5f7e;background:var(--primary-blue);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#1a3a52;background:var(--primary-dark-blue)}.container{max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.btn{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:1rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:var(--transition);white-space:nowrap}.btn-primary{background-color:#2c5f7e;background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:#1a3a52;background-color:var(--primary-dark-blue);box-shadow:0 4px 6px #1a3a521a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:#3d7fa6;background-color:var(--light-blue);color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:#2c5f7e;background-color:var(--primary-blue)}.btn-success{background-color:#28a745;background-color:var(--success);color:var(--white)}.btn-danger{background-color:#fff;background-color:var(--white);color:var(--white)}.btn-outline{background-color:initial;border:2px solid #2c5f7e;border:2px solid var(--primary-blue);color:#2c5f7e;color:var(--primary-blue)}.btn-outline:hover:not(:disabled){background-color:#2c5f7e;background-color:var(--primary-blue);color:#fff;color:var(--white)}.card{background:var(--white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #1a3a521a;box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 6px #1a3a521a;box-shadow:var(--shadow-md)}.text-center{text-align:center}.text-primary{color:#2c5f7e;color:var(--primary-blue)}.text-danger{color:#dc3545;color:var(--danger)}.text-success{color:#28a745;color:var(--success)}.mt-1{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.p-1{padding:.5rem;padding:var(--spacing-sm)}.p-2{padding:1rem;padding:var(--spacing-md)}.p-3{padding:1.5rem;padding:var(--spacing-lg)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-label{color:#2d3748;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-control{border:2px solid #e0e6ed;border:2px solid var(--gray);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.form-control:focus{border-color:#2c5f7e;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2c5f7e1a}.form-error{color:#dc3545;color:var(--danger);font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.spinner{border:4px solid #e0e6ed;border-top:4px solid #2c5f7e;border:4px solid var(--gray);border-top-color:var(--primary-blue);height:40px;margin:2rem auto;width:40px}@media (max-width:768px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.btn{font-size:.9rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue));box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-md) var(--spacing-lg)}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:1.8rem;font-weight:700;text-decoration:none}.logo-text{color:var(--white)}.logo-accent{color:var(--accent-blue);margin-left:.2rem}.navbar-menu{gap:var(--spacing-md);list-style:none}.navbar-link,.navbar-menu{align-items:center;display:flex}.navbar-link{background:#0000;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:1rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition)}.navbar-link:hover{background:#ffffff1a;transform:translateY(-2px)}.navbar-btn{background:var(--accent-blue);border:none;padding:var(--spacing-sm) var(--spacing-lg)}.navbar-btn:hover{background:var(--light-blue);transform:translateY(-2px)}.cart-link{position:relative;right:10px}.cart-badge{background:var(--danger);border-radius:50%;color:var(--white);font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-1px;top:-5px;width:20px}.cart-badge,.navbar-dropdown{align-items:center;display:flex}.navbar-dropdown{position:relative}.profile-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.profile-circle:hover{border-color:#fff9;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.dropdown-toggle{width:100%}.dropdown-menu{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;list-style:none;margin-top:5px;min-width:200px;padding:var(--spacing-sm) 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu:before{background:#0000;content:"";height:5px;left:0;position:absolute;right:10px;top:-5px}.dropdown-menu:hover,.navbar-dropdown:hover .dropdown-menu{display:block}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item:hover{background:var(--light-gray)}.dropdown-divider{border:none;border-top:1px solid var(--gray);margin:var(--spacing-xs) 0}@media (max-width:768px){.navbar-container{flex-direction:column;gap:var(--spacing-md)}.navbar-menu{flex-wrap:wrap;justify-content:center}.navbar-link{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}}.footer{background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue));color:var(--white);margin-top:var(--spacing-xxl)}.footer-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:var(--spacing-xxl) var(--spacing-md)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title{font-size:1.8rem;font-weight:700}.footer-subtitle,.footer-title{margin-bottom:var(--spacing-sm)}.footer-subtitle{font-size:1.2rem;font-weight:600}.footer-text{color:#fffc;line-height:1.6}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--white);display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:var(--transition);width:40px}.social-link:hover{background:var(--accent-blue);transform:translateY(-3px)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.footer-links a{color:#fffc;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--white);padding-left:var(--spacing-xs)}.footer-bottom{border-top:1px solid #ffffff1a;color:#fffc;padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}.footer-links{align-items:center}}.home{width:100%}.hero{align-items:center;background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue));color:var(--white);display:flex;justify-content:center;min-height:500px;padding:var(--spacing-xxl) var(--spacing-md);text-align:center}.hero-content{max-width:800px}.hero-title{animation:fadeInUp .8s ease;font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.hero-subtitle{animation:fadeInUp 1s ease;font-size:1.3rem;margin-bottom:var(--spacing-xl);opacity:.9}.hero-buttons{animation:fadeInUp 1.2s ease;display:flex;gap:var(--spacing-md);justify-content:center}.btn-large{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl)}.features{background:var(--white);padding:var(--spacing-xxl) var(--spacing-md)}.section-title{color:var(--primary-dark-blue);font-size:2.5rem;margin-bottom:var(--spacing-xxl);text-align:center}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);text-align:center;transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-icon{align-items:center;border-radius:var(--radius-lg);color:var(--white);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.feature-icon.primary{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue))}.feature-icon.success{background:linear-gradient(135deg,#28a745,#20c997)}.feature-icon.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.feature-icon.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.feature-card h3{color:var(--primary-dark-blue);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-light);line-height:1.6}.how-it-works{background:var(--light-gray);padding:var(--spacing-xxl) var(--spacing-md)}.steps-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step{padding:var(--spacing-lg);text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius:50%;color:var(--white);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto var(--spacing-md);width:60px}.step h3{color:var(--primary-dark-blue);font-size:1.3rem;margin-bottom:var(--spacing-sm)}.step p{color:var(--text-light)}.cta-section{background:linear-gradient(135deg,var(--accent-blue),var(--light-blue));color:var(--white);padding:var(--spacing-xxl) var(--spacing-md);text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}.cta-section p{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column}.section-title{font-size:2rem}.features-grid,.steps-grid{grid-template-columns:1fr}}.auth-page{align-items:center;background:var(--light-gray);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--spacing-md)}.auth-container{max-width:500px;width:100%}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xxl)}.auth-card.wide{margin:0 auto;max-width:800px}.auth-title{color:var(--primary-dark-blue);font-size:2rem;margin-bottom:var(--spacing-sm);text-align:center}.auth-subtitle{color:var(--text-light);margin-bottom:var(--spacing-xl);text-align:center}.auth-form{display:flex;flex-direction:column}.auth-form,.form-row{gap:var(--spacing-md)}.form-row{grid-gap:var(--spacing-md)}.form-footer{display:flex;justify-content:flex-end;margin-top:calc(var(--spacing-sm)*-1)}.forgot-link{color:var(--primary-blue);font-size:.9rem;text-decoration:none;transition:var(--transition)}.forgot-link:hover{color:var(--primary-dark-blue);text-decoration:underline}.btn-block{margin-top:var(--spacing-md)}.auth-switch{color:var(--text-light);margin-top:var(--spacing-lg);text-align:center}.auth-link{color:var(--primary-blue);font-weight:600;text-decoration:none;transition:var(--transition)}.auth-link:hover{color:var(--primary-dark-blue);text-decoration:underline}@media (max-width:768px){.auth-card{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.auth-card.wide{max-width:100%}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:24px}.spinner-icon{animation:spin 1s linear infinite;font-size:48px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card{border:2px solid #0000;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-card.clickable:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-card:not(.clickable):hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.stat-users .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-vendors .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-products .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-pending .stat-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-orders .stat-icon{background:linear-gradient(135deg,#30cfd0,#330867)}.stat-ratio .stat-icon{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#330867}.stat-content{flex:1 1}.stat-label{font-size:14px;margin-bottom:8px}.stat-value{font-size:32px;line-height:1;margin:0}.stat-subtext{color:#9ca3af;display:block}.stat-link,.stat-subtext{font-size:13px;margin-top:6px}.stat-link{color:#2c5f7e;display:inline-block;font-weight:600;text-decoration:none;transition:color .2s}.stat-link:hover{color:#1e4a63}.alert-banner{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;box-shadow:0 4px 12px #fbbf2433;display:flex;gap:16px;margin-bottom:30px;padding:20px 24px}.alert-banner svg{color:#f59e0b;flex-shrink:0;font-size:28px;margin-top:2px}.alert-banner strong{color:#92400e;display:block;font-size:18px;margin-bottom:4px}.alert-banner p{color:#78350f;font-size:15px;margin:0}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card .card-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px}.chart-card .card-title svg{color:#2c5f7e}.products-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;overflow:hidden;padding:0}.section-header{border-bottom:2px solid #f3f4f6;flex-wrap:wrap;gap:16px;padding:24px}.section-title{font-size:22px;gap:12px;margin:0}.tab-buttons{display:flex;gap:8px}.tab-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px}.tab-btn:hover{border-color:#2c5f7e;color:#2c5f7e}.tab-btn.active{background:#2c5f7e;border-color:#2c5f7e;color:#fff}.tab-btn svg{font-size:16px}.products-table-container{overflow-x:auto}.products-table{border-collapse:collapse;width:100%}.products-table th{border-bottom:2px solid #e5e7eb;font-size:13px;font-weight:700}.products-table td{border-bottom:1px solid #f3f4f6}.product-thumb{border:2px solid #f3f4f6}.product-id{color:#9ca3af;font-size:12px}.vendor-cell{align-items:center;color:#6b7280;gap:8px}.vendor-cell svg{color:#2c5f7e}.price-cell{font-weight:700}.stock-badge{background:#d1fae5;border-radius:6px;color:#065f46;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.stock-badge.low{background:#fee2e2;color:#991b1b}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-publish{background:#10b981;color:#fff}.btn-publish:hover:not(:disabled){background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.btn-unpublish{background:#ef4444;color:#fff}.btn-unpublish:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-2px)}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}.action-card{font-weight:600;gap:12px}@media (max-width:768px){.admin-dashboard{padding:16px}.charts-grid,.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.tab-buttons{width:100%}.tab-btn{flex:1 1;justify-content:center}.products-table-container{font-size:12px}.products-table td,.products-table th{padding:12px 8px}.product-thumb{height:40px;width:40px}.action-buttons{flex-direction:column}.btn-action{justify-content:center;width:100%}}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.stat-icon{border-radius:12px;font-size:24px;height:60px;width:60px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.published{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.vendors{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-info h3{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 4px}.stat-info p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.section-header{margin:40px 0 24px}.section-header h2{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 8px}.section-header p{color:#6b7280;font-size:15px;margin:0}.products-table{overflow-x:auto;padding:0}.products-table table{border-collapse:collapse;width:100%}.products-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.products-table th{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.products-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.products-table tbody tr:hover{background:#f9fafb}.products-table td{color:#1f2937;font-size:14px;padding:16px}.product-cell{align-items:center;display:flex;gap:12px}.product-thumb{border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.product-name{margin-bottom:4px}.product-date{color:#9ca3af;font-size:12px}.vendor-cell{display:flex;flex-direction:column;gap:4px}.vendor-name{color:#1f2937;font-weight:500}.vendor-email{color:#6b7280;font-size:12px}.category-badge{background:#eff6ff;border-radius:20px;color:#1e40af;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.price-cell{color:#059669;font-size:15px;font-weight:600}.stock-cell{color:#6b7280}.status-badge{font-size:13px;padding:6px 14px}.status-badge.published{color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.action-buttons{gap:8px}.btn-sm{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.btn-success{background:#10b981;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-warning{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.btn-warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.btn-sm:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.empty-icon.success{color:#10b981}.empty-state p{font-size:15px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.products-table{font-size:12px}.products-table td,.products-table th{padding:12px 8px}.product-cell{align-items:flex-start;flex-direction:column}.product-thumb{height:40px;width:40px}.action-buttons{flex-direction:column}.btn-sm{justify-content:center;width:100%}}.vendor-dashboard{margin:0 auto;max-width:1400px;padding:24px}.loading-container{gap:16px}.spinner-icon{color:#2c5f7e;font-size:64px}.spinning{animation:spin 1.5s linear infinite}.page-header{align-items:flex-start;gap:16px;margin-bottom:30px}.page-title{font-size:32px;gap:12px;margin:0 0 8px}.page-title svg{color:#2c5f7e}.page-subtitle{font-size:16px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:30px}.metric-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;color:inherit;display:block;padding:24px;text-decoration:none;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{border-left-width:6px}.metric-revenue{border-left-color:#10b981}.metric-products{border-left-color:#3b82f6}.metric-orders{border-left-color:#f59e0b}.metric-active{border-left-color:#8b5cf6}.metric-header{justify-content:space-between;margin-bottom:16px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:12px;color:#fff;font-size:24px;height:56px;justify-content:center;width:56px}.metric-revenue .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-products .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-orders .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-active .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-trend{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:600;gap:4px;padding:6px 12px}.metric-trend.positive{background:#d1fae5;color:#065f46}.metric-trend.negative{background:#fee2e2;color:#991b1b}.metric-content{margin-top:12px}.metric-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.metric-value{color:#1f2937;font-size:32px;font-weight:700;line-height:1.2;margin:0}.metric-subtext{color:#9ca3af;display:block;font-size:13px;margin-top:8px}.metric-link{color:#2c5f7e;font-weight:600;text-decoration:none}.metric-link:hover{text-decoration:underline}.notification-banner{border:2px solid #fbbf24;border-radius:12px;box-shadow:0 4px 12px #fbbf2433;gap:16px;margin-bottom:30px;padding:20px 24px}.notification-banner svg{font-size:28px}.notification-banner strong{color:#92400e;font-size:18px}.notification-banner p{font-size:15px}.link-inline{font-weight:600;text-decoration:none}.link-inline:hover{text-decoration:underline}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.chart-large{grid-column:span 1}.chart-header{justify-content:space-between;margin-bottom:20px}.chart-header,.chart-title{align-items:center;display:flex}.chart-title{color:#1f2937;font-size:18px;font-weight:600;gap:10px;margin:0}.chart-title svg{color:#2c5f7e}.chart-legend{display:flex;gap:16px}.legend-item{color:#6b7280;font-size:13px;gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.revenue{background:#2c5f7e}.legend-dot.orders{background:#10b981}.top-products-section{margin-bottom:30px}.section-title{font-size:20px;gap:10px;margin-bottom:20px}.section-title svg{color:#2c5f7e}.top-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.top-product-card{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s}.top-product-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-rank{align-items:center;background:linear-gradient(135deg,#2c5f7e,#1e4a63);border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;left:8px;position:absolute;top:8px;width:32px}.top-product-card .product-image{border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.top-product-card .product-info{flex:1 1;min-width:0}.top-product-card .product-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stats{display:flex;flex-direction:column;gap:6px}.stat-item{align-items:center;color:#6b7280;font-size:14px;gap:6px}.stat-item svg{color:#9ca3af;font-size:14px}.stat-item.revenue{color:#059669;font-weight:600}.stat-item.revenue svg{color:#10b981}.recent-activity-section{margin-bottom:30px}.orders-table-container{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f9fafb}.orders-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:14px}.orders-table tbody tr{transition:background .2s}.orders-table tbody tr:hover{background:#f9fafb}.order-link{color:#2c5f7e;font-weight:600;text-decoration:none}.order-link:hover{text-decoration:underline}.amount-cell{color:#059669;font-weight:700}.status-badge{border-radius:6px}.status-draft{background:#e5e7eb;color:#374151}.status-processing{background:#fed7aa;color:#92400e}.status-picked_up{background:#bfdbfe;color:#1e3a8a}.status-completed{background:#d1fae5;color:#065f46}.quick-actions-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.quick-actions-section h3{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:16px}.action-buttons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center;text-decoration:none;transition:all .3s}.action-card:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-4px)}.action-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.action-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-card svg{font-size:32px}.action-card span{font-size:16px;font-weight:700}.action-card small{font-size:13px;opacity:.9}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}.chart-large{grid-column:span 1}}@media (max-width:768px){.vendor-dashboard{padding:16px}.page-header{flex-direction:column}.metrics-grid,.top-products-grid{grid-template-columns:1fr}.orders-table-container{font-size:12px}.orders-table td,.orders-table th{padding:10px 8px}.action-buttons-grid{grid-template-columns:1fr}}.card-title{color:var(--primary-dark-blue);font-size:1.5rem}.card-header-flex,.card-title{margin-bottom:var(--spacing-md)}.card-header-flex{align-items:center;display:flex;justify-content:space-between}.notification-banner{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;gap:12px;margin-bottom:24px;margin-top:24px;padding:16px 20px}.notification-banner svg{color:#f59e0b;flex-shrink:0;font-size:24px;margin-top:2px}.notification-banner strong{display:block;font-size:16px;margin-bottom:4px}.notification-banner p{color:#78350f;font-size:14px;margin:0}.link-inline{color:#2563eb;font-weight:500;text-decoration:underline}.link-inline:hover{color:#1d4ed8}.quick-actions{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.quick-actions h3{color:var(--primary-dark-blue);margin-bottom:var(--spacing-md)}.action-buttons{gap:var(--spacing-md)}@media (max-width:768px){.card-header-flex{align-items:flex-start;gap:var(--spacing-sm)}.action-buttons,.card-header-flex{flex-direction:column}.action-buttons .btn{width:100%}}.filters-section{box-shadow:0 2px 12px #00000014;padding:2rem}.search-box{margin-bottom:1.5rem}.search-icon{color:var(--text-secondary);font-size:1.2rem}.search-input{border:2px solid #e0e0e0;border-radius:10px;padding:1rem 1rem 1rem 3rem;transition:all .3s}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2c5f7e1a}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.category-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));border-color:var(--primary-dark-blue);color:#fff}.products-count{color:var(--text-secondary);font-weight:600;margin-bottom:1.5rem}.products-grid{grid-gap:2rem;gap:2rem;margin-bottom:3rem}.product-card{background:var(--white);border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease}.product-card:hover{box-shadow:0 12px 24px #2c5f7e33;transform:translateY(-8px)}.product-image{background:#f8f9fa;height:220px}.product-image img{transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.1)}.wishlist-icon-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .3s;width:36px;z-index:10}.wishlist-icon-btn:hover{background:#ef4444;transform:scale(1.1)}.wishlist-icon-btn svg{color:#6b7280;font-size:1rem;transition:all .3s}.wishlist-icon-btn:hover svg{color:#fff}.condition-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;font-size:.75rem;font-weight:700;padding:.4rem .8rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}.condition-badge.new{background:#e3f2fdf2;color:#1565c0}.condition-badge.like-new{background:#f3e5f5f2;color:#6a1b9a}.condition-badge.good{background:#e8f5e9f2;color:#2e7d32}.condition-badge.fair{background:#fff3e0f2;color:#f57c00}.product-info{display:flex;flex-direction:column;padding:1.5rem}.product-category{color:var(--primary-blue);font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.product-name{color:var(--primary-dark-blue);font-size:1.2rem;line-height:1.4;margin-bottom:.5rem}.product-condition{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:1rem}.product-condition .condition-value{color:var(--primary-dark-blue);font-weight:700;text-transform:uppercase}.product-description{color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.product-rating{margin-bottom:1rem}.star{color:#e0e0e0;font-size:.9rem}.star.filled{color:#ffc107}.rating-text{font-size:.85rem}.product-pricing{background:linear-gradient(135deg,#f8f9fa,#e8eef5);border-radius:8px;margin-bottom:1rem;padding:1rem}.price-info{display:flex;flex-direction:column;gap:.25rem}.price-label{color:var(--text-secondary)}.price-value{color:var(--primary-dark-blue);font-size:1.8rem;line-height:1}.price-unit{color:var(--text-secondary);font-size:.9rem;font-weight:500}.product-actions{margin-top:auto}.product-actions .btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;width:100%}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;grid-column:1/-1}.empty-state h3{color:var(--primary-dark-blue)}.empty-state p{color:var(--text-secondary)}.loading-container{min-height:60vh;text-align:center}.loading-container p{color:var(--text-secondary);font-size:1.1rem;margin-top:1rem}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filters-section{padding:1.5rem}.category-filters{gap:.5rem}.category-btn{font-size:.85rem;padding:.6rem 1.2rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-image{height:200px}.price-value{font-size:1.5rem}}.product-details-page{background:#f8f9fa;min-height:calc(100vh - 140px);padding:2rem 0}.breadcrumb{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:1rem 0}.breadcrumb span{cursor:pointer;font-weight:500;transition:color .3s ease}.breadcrumb span:not(.active):hover{color:#667eea}.breadcrumb span.active{color:#2c3e50;font-weight:600}.product-details-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.product-gallery{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.main-image{aspect-ratio:4/3;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.main-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.main-image:hover img{transform:scale(1.03)}.image-actions{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:50%;box-shadow:0 2px 10px #00000026;color:#6c757d;font-size:1.2rem;height:42px;transition:all .3s ease;width:42px}.action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.action-btn.active{background:#e74c3c;color:#fff}.thumbnail-gallery{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.thumbnail{aspect-ratio:1;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s ease}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.thumbnail.active{border-color:#667eea;box-shadow:0 4px 15px #667eea4d;transform:scale(1.05)}.product-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:2rem}.product-header{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:1.5rem}.product-name{color:#2c3e50;font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.product-rating{align-items:center;display:flex;gap:.5rem}.stars{display:flex;gap:.2rem}.star-icon{color:#ddd;font-size:1.1rem}.star-icon.filled{color:#ffc107}.rating-text{color:var(--text-secondary);font-size:.9rem}.product-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}.category-badge,.condition-badge,.stock-badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;letter-spacing:.3px;padding:.5rem 1rem}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.condition-badge{background:#d1f2eb;border:1px solid #7dcea0;color:#0a5c42}.condition-badge.new{background:#d6eaf8;border:1px solid #85c1e9;color:#1b4f72}.condition-badge.like-new{background:#e8daef;border:1px solid #bb8fce;color:#6c3483}.stock-badge.in-stock{background:#d1f2eb;border:1px solid #7dcea0;color:#0a5c42}.stock-badge.out-of-stock{background:#fadbd8;border:1px solid #f1948a;color:#a93226}.product-description{color:#6c757d;font-size:1rem;line-height:1.8;margin-bottom:2rem}.pricing-section{margin-bottom:2rem}.pricing-section h3{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:1rem}.pricing-options{display:flex;gap:.75rem}.pricing-card{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:140px;padding:1rem 1.5rem;text-align:center;transition:all .2s ease}.pricing-card:hover{border-color:#667eea}.pricing-card.selected{background:#667eea;border-color:#667eea}.pricing-card.selected .price-label,.pricing-card.selected .price-value{color:#fff}.price-label{color:#6c757d;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.price-value{color:#2c3e50;font-size:1.4rem;font-weight:700}.rental-config{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-top:2rem;padding:2rem}.rental-config h3{align-items:center;color:#2c3e50;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.config-group,.rental-config h3{margin-bottom:1.5rem}.config-group label{align-items:center;color:#495057;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.date-input{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;color:#495057;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quantity-selector{align-items:center;background:#fff;border:1.5px solid #dee2e6;border-radius:8px;display:flex;gap:1rem;max-width:200px;padding:.5rem}.qty-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s ease;width:36px}.qty-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:1.1rem;font-weight:600;text-align:center}.availability-check{align-items:center;border:2px solid #0000;border-radius:10px;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:1.5rem 0;padding:1.25rem}.available{background:#d1f2eb;border-color:#7dcea0;color:#0a5c42}.unavailable{background:#fadbd8;border-color:#f1948a;color:#a93226}.price-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin:1.5rem 0;padding:1.75rem}.price-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.specifications-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;padding:2rem}.specs-grid{display:flex;flex-direction:column}.spec-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 0}.spec-item:last-child{border-bottom:none}.spec-label{color:#6c757d;font-size:.95rem;font-weight:500}.spec-value{color:#2c3e50;font-size:.95rem;font-weight:600;text-align:right}.tags-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;padding:2rem}.tags-section h3{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f1f3f5;border:1px solid #dee2e6;border-radius:20px;color:#495057;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.vendor-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.vendor-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eef5);border-radius:10px;display:flex;justify-content:space-between;padding:1.5rem}.error-container,.loading-container{min-height:60vh;padding:2rem}@media (max-width:1024px){.product-details-grid{gap:2rem;grid-template-columns:1fr}.product-gallery{position:static}}@media (max-width:768px){.product-details-page{padding:1rem 0}.container{padding:0 1rem}.product-name{font-size:1.6rem}.product-info,.rental-config,.specifications-section,.tags-section{padding:1.5rem}.pricing-options{flex-direction:column}.pricing-card{min-width:100%}}@media (max-width:480px){.product-info{padding:1.25rem}.product-name{font-size:1.3rem}.product-meta{flex-direction:column}.thumbnail-gallery{grid-template-columns:repeat(4,1fr)}}.mode-selector{background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:.5rem}.mode-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.mode-btn:hover{border-color:#667eea;color:#667eea}.mode-btn.active{border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff}.mode-btn.active,.sale-price-display{background:linear-gradient(135deg,#667eea,#764ba2)}.sale-price-display{align-items:center;border-radius:12px;display:flex;justify-content:center;margin:1rem 0;padding:2rem}.sale-price-display .price-value{color:#fff;font-size:3rem;font-weight:700;text-shadow:0 2px 10px #0003}.empty-cart{margin:0 auto;max-width:500px;padding:4rem 2rem;text-align:center}.empty-cart-icon{color:#cbd5e1;font-size:5rem;margin-bottom:1.5rem}.empty-cart h2{color:#1e293b;font-size:1.75rem;margin:0 0 .5rem}.empty-cart p{color:#64748b;font-size:1.1rem;margin:0 0 2rem}.cart-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px;max-width:100%;overflow-x:hidden;width:100%}.cart-items-section{display:flex;flex-direction:column;gap:1rem;min-width:0;overflow:hidden}.cart-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cart-items-header h3{color:#1e293b;font-size:1.25rem;margin:0}.btn-text{background:none;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-text.btn-danger{background:#fee2e2;color:#dc2626}.btn-text.btn-danger:hover{background:#fecaca;color:#991b1b}.cart-item{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:120px 1fr auto;max-width:100%;min-width:0;padding:1.5rem;transition:all .2s}.cart-item:hover{box-shadow:0 4px 12px #00000014}.cart-item-image{background:#f8fafc;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.item-type-badge{border-radius:4px;font-size:.7rem;font-weight:700;left:8px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-shadow:0 1px 2px #0003;top:8px;z-index:1}.sale-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rent-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.purchase-info{background:#f0fdf4;border-left:3px solid #10b981;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.purchase-label{color:#059669;font-size:.9rem;font-weight:600}.unit-price{color:#064e3b;font-size:.85rem}.cart-item-details{display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow:hidden}.cart-item-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.cart-item-category{color:#64748b;font-size:.9rem;margin:0}.rental-period{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;max-width:100%}.rental-date{display:flex;flex-direction:column;gap:.25rem}.rental-date .label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.rental-date .value{color:#1e293b;font-size:.9rem;font-weight:500}.rental-duration{margin-left:auto}.duration-badge{background:#dbeafe;border-radius:20px;color:#1e40af;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem}.cart-item-pricing{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.price-label{color:#1e293b;font-weight:600}.quantity-label{font-size:.9rem}.cart-item-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.quantity-control{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.quantity-btn{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.quantity-btn:hover:not(:disabled){background:#e2e8f0}.quantity-btn:disabled{cursor:not-allowed;opacity:.4}.quantity-value{color:#1e293b;font-weight:600;min-width:40px;text-align:center}.cart-item-total{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.total-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.total-price{color:#1e293b;font-size:1.25rem;font-weight:700}.btn-icon{border-radius:8px;padding:.75rem}.cart-summary{padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.cart-summary h3{color:#1e293b;font-size:1.25rem;margin:0 0 1.5rem}.summary-row{color:#64748b;margin-bottom:1rem}.summary-row span:last-child{color:#1e293b}.summary-divider{border:none;border-top:2px solid #e2e8f0;margin:1.5rem 0}.summary-total{color:#1e293b;font-size:1.1rem;font-weight:600;margin-top:1rem}.summary-total span:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.btn-block{margin-top:1.5rem}.summary-note{color:#94a3b8;font-size:.85rem;line-height:1.5;margin:1rem 0 0;text-align:center}@media (max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{gap:1rem;grid-template-columns:80px 1fr;padding:1rem}.cart-item-image{height:80px;width:80px}.cart-item-actions{align-items:center;flex-direction:row;grid-column:1/-1;justify-content:space-between}.cart-item-total,.rental-period{align-items:flex-start}.rental-period{flex-direction:column;gap:.5rem}.rental-duration{margin-left:0}.page-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.cart-item-pricing{align-items:flex-start;flex-direction:column;gap:.5rem}.quantity-control{justify-content:space-between;width:100%}}.checkout-steps{gap:1rem;justify-content:center;margin:2rem 0 3rem}.checkout-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem;position:relative}.step-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;font-size:1.25rem;height:50px;justify-content:center;transition:all .3s;width:50px}.step.active .step-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.step.completed .step-icon{background:#10b981;color:#fff}.step-label{color:#64748b;font-size:.9rem;font-weight:500}.step.active .step-label{color:#1e293b;font-weight:600}.step-line{background:#e2e8f0;flex:1 1;height:2px;max-width:150px}.checkout-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.checkout-main{display:flex;flex-direction:column;gap:1.5rem}.checkout-section{padding:2rem}.section-title{color:#1e293b;font-size:1.25rem;gap:.75rem;margin:0 0 1.5rem}.section-title svg{color:#667eea}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#334155}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;font-size:.95rem}.form-actions{margin-top:2rem}.payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.payment-option:hover{background:#f8fafc;border-color:#cbd5e1}.payment-option.selected{background:#f0f3ff;border-color:#667eea}.payment-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-info{flex-direction:column;gap:.25rem}.payment-info strong{color:#1e293b;font-size:1rem}.payment-info span{color:#64748b;font-size:.9rem}.payment-details{margin-top:1.5rem;padding:1.5rem}.payment-details,.terms-section{background:#f8fafc;border-radius:8px}.terms-section{margin:1.5rem 0;padding:1rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.checkbox-label span{color:#475569;font-size:.9rem;line-height:1.5}.checkbox-label a{color:#667eea;font-weight:500;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.checkout-sidebar{position:-webkit-sticky;position:sticky;top:2rem}.sidebar-title{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;gap:.75rem;margin:0 0 1.5rem}.order-items{gap:1rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.order-item{border-bottom:1px solid #e2e8f0;gap:1rem;padding-bottom:1rem}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item img{background:#f8fafc;border-radius:8px;height:60px;object-fit:cover;width:60px}.item-info{flex:1 1}.item-info h4{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.item-info p{color:#64748b;font-size:.85rem;margin:.25rem 0}.item-price{color:#1e293b!important}.order-calculations{margin-top:1.5rem}.calc-row{color:#64748b;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.calc-row span:last-child,.calc-row.total{color:#1e293b;font-weight:600}.calc-row.total{font-size:1.1rem;margin-top:1rem}.calc-row.total span:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.free-text{color:#10b981!important}.order-calculations hr{border:none;border-top:2px solid #e2e8f0;margin:1rem 0}.checkout-success{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.success-icon{color:#10b981;font-size:5rem;margin-bottom:1.5rem}.checkout-success h1{color:#1e293b;font-size:2rem;margin:0 0 1rem}.checkout-success p{color:#64748b;font-size:1.1rem;margin:0 0 2rem}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:1024px){.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{order:-1;position:static}}@media (max-width:768px){.checkout-steps{gap:.5rem}.step-icon{font-size:1rem;height:40px;width:40px}.step-label{font-size:.8rem}.step-line{max-width:60px}.checkout-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.success-actions{flex-direction:column}.success-actions button{width:100%}}@media (max-width:480px){.checkout-steps{flex-wrap:wrap}.step-line{display:none}.order-item img{height:50px;width:50px}}.order-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.orders-list{gap:20px}.order-card{overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 8px 16px #0000001a}.order-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px}.order-info h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:4px}.order-date,.order-status{font-size:14px}.order-status{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;padding:8px 16px}.status-icon{font-size:16px}.status-pending .status-icon{color:#f59e0b}.status-confirmed{background:#d1fae5;color:#065f46}.status-confirmed .status-icon{color:#10b981}.status-cancelled{color:#991b1b}.status-cancelled .status-icon{color:#ef4444}.order-items{display:flex;flex-direction:column;gap:16px;padding:20px}.order-item{background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:12px}.item-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.item-details{flex:1 1}.item-details h4{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:6px}.item-meta{color:#6b7280;font-size:14px;margin-bottom:6px}.item-price{color:#4f46e5;font-size:16px;font-weight:600}.order-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.order-total{display:flex;flex-direction:column;gap:4px}.total-label{color:#6b7280;font-size:14px}.total-amount{color:#1f2937;font-size:24px;font-weight:700}.btn-sm{font-size:14px;padding:8px 16px}@media (max-width:768px){.order-filters{overflow-x:auto;padding-bottom:8px}.filter-btn{white-space:nowrap}.order-header{align-items:flex-start;flex-direction:column;gap:12px}.order-footer{align-items:stretch;flex-direction:column;gap:16px}.order-total{flex-direction:row;justify-content:space-between}.order-item{flex-direction:column}.item-image{height:200px;width:100%}}.action-btn.pickup-btn{background:#e3f2fd;color:#1976d2}.action-btn.pickup-btn:hover{background:#1976d2;color:#fff}.action-btn.return-btn{background:#fff3e0;color:#f57c00}.action-btn.return-btn:hover{background:#f57c00;color:#fff}.status-badge.status-picked-up{background:#e3f2fd;color:#1976d2}.status-badge.status-in-use{background:#f3e5f5;color:#7b1fa2}.status-badge.status-returned{background:#e8f5e9;color:#388e3c}.quotation-details-page{margin:0 auto;max-width:1400px;padding:2rem}.quotation-info-card{margin-bottom:2rem;padding:2rem}.quotation-title-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.quotation-title{align-items:center;color:#1f2937;display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;margin-bottom:.5rem}.quotation-title svg{color:#8b5cf6}.quotation-date{font-size:.95rem}.validity-info{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;color:#1e40af;display:flex;font-weight:500;gap:.5rem;padding:1rem}.validity-info svg{font-size:1.1rem}.party-info{border-top:2px solid #f3f4f6;display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.party-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;flex:1 1;padding:1rem}.party-card svg{color:#8b5cf6;font-size:2rem}.party-label{color:#6b7280;font-size:.75rem;font-weight:600}.party-email,.party-name{margin-top:.25rem}.party-email{color:#6b7280}.rejection-card{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;margin-bottom:1.5rem;padding:1.5rem}.rejection-card h3{color:#991b1b;font-size:1.1rem;margin-bottom:.75rem}.rejection-reason{line-height:1.6}.vendor-notes-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #2563eb;margin-bottom:1.5rem;padding:1.5rem}.vendor-notes-card h3{font-size:1.1rem;margin-bottom:.75rem}.vendor-notes-card p{color:#1e3a8a;line-height:1.6}.details-grid{grid-template-columns:2fr 1fr;margin-bottom:2rem}.section-title{gap:.8rem}.section-title svg{color:#8b5cf6}.pricing-summary{display:flex;flex-direction:column;gap:.75rem;margin-left:auto;max-width:400px;padding-top:1.5rem}.pricing-summary,.total-row{border-top:2px solid #e5e7eb}.total-row{color:#1f2937;font-size:1.2rem;font-weight:700}.total-row span:last-child{color:#8b5cf6}.info-card-title{gap:.6rem}.info-card-title svg{color:#8b5cf6}.info-content p{line-height:1.6}.info-contact{color:#6b7280;font-size:.95rem}.payment-method{color:#8b5cf6;font-size:1.1rem;font-weight:600}.action-buttons{flex-wrap:wrap;justify-content:center;padding:1.5rem}.status-badge{font-size:.9rem;padding:.5rem 1.2rem}.status-draft{color:#6b7280}.status-pending{color:#92400e}.status-approved{color:#065f46}.status-rejected{color:#991b1b}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:1rem}.modal{box-shadow:0 20px 60px #0000004d}.modal-large{max-width:800px}.modal-header{border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1rem}.modal-title{align-items:center;color:#1f2937;display:flex;font-weight:700;gap:.8rem}.modal-title svg{color:#8b5cf6}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#1f2937}.modal-body{margin-bottom:1.5rem}.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#8b5cf6;outline:none}.counter-offer-items{margin-top:1.5rem}.counter-offer-item{margin-bottom:1rem}.counter-offer-item-header{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.75rem}.price-adjustment{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.price-field{display:flex;flex-direction:column;gap:.4rem}.price-field label{color:#6b7280;font-size:.85rem;font-weight:500}.price-field input{border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;font-weight:600;padding:.6rem;transition:border-color .2s}.price-field input:focus{border-color:#8b5cf6;outline:none}.price-change{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.4rem .6rem;width:-webkit-fit-content;width:fit-content}.price-increase{background:#fee2e2;color:#dc2626}.price-decrease{background:#d1fae5;color:#059669}.counter-offer-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.9rem;margin-top:1rem;padding:1rem}.counter-offer-history{display:flex;flex-direction:column;gap:1rem}.counter-offer-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1rem}.counter-offer-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.counter-offer-header strong{color:#1f2937;font-size:1rem}.counter-offer-date{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.counter-offer-amount{color:#8b5cf6;font-size:1.2rem;font-weight:700}.counter-offer-notes{border-top:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;margin-top:.75rem;padding-top:.75rem}.counter-offer-notes strong{color:#1f2937}@media (max-width:1024px){.details-grid{grid-template-columns:1fr}.table-header,.table-row{font-size:.85rem;grid-template-columns:1.5fr 1.2fr .6fr .8fr .8fr}}@media (max-width:768px){.quotation-details-page{padding:1rem}.details-header{align-items:flex-start}.details-header,.party-info{flex-direction:column}.items-table{overflow-x:auto}.table-header,.table-row{min-width:600px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.price-adjustment{grid-template-columns:1fr}}.my-orders-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.view-toggle{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:.3rem}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.toggle-btn.active{background:#8b5cf6;box-shadow:0 2px 4px #8b5cf64d;color:#fff}.toggle-btn:hover:not(.active){background:#f3f4f6;color:#374151}.export-import{display:flex;gap:1rem}.export-btn,.import-btn{align-items:center;background:#fff;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.export-btn{border-color:#10b981;color:#10b981}.export-btn:hover{background:#10b981;color:#fff}.import-btn{border-color:#3b82f6;color:#3b82f6}.import-btn:hover{background:#3b82f6;color:#fff}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.kanban-container{overflow-x:auto;padding-bottom:1rem;width:100%}.kanban-board{display:flex;gap:1.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem 0}.kanban-column{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:350px;min-width:320px;overflow:hidden}.column-header{background:#f8fafc;border-top:4px solid #8b5cf6;color:#1f2937;font-weight:600;justify-content:space-between;padding:1.5rem}.column-header,.column-title{align-items:center;display:flex}.column-title{font-size:1.1rem;gap:.5rem}.column-count{background:#8b5cf6;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .7rem}.column-content{display:flex;flex-direction:column;gap:1rem;max-height:600px;min-height:200px;overflow-y:auto;padding:1rem}.kanban-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.kanban-card:hover{border-color:#8b5cf6;box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.order-number{color:#1f2937;font-size:1rem;font-weight:700}.order-type{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.order-type.rental{background:#dbeafe;color:#1e40af}.order-type.sale{background:#d1fae5;color:#059669}.card-content{margin-bottom:1rem}.party-info{color:#6b7280;font-size:.85rem;margin-bottom:.75rem}.order-details{color:#4b5563;display:flex;flex-direction:column;font-size:.8rem;gap:.4rem}.card-actions{display:flex;gap:.5rem}.action-btn{flex:1 1;font-size:.8rem;gap:.3rem;padding:.5rem 1rem}.list-view-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.list-legend{background:#1f2937;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;top:100px}.list-legend h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.legend-items{display:flex;flex-direction:column;gap:1rem}.legend-item{align-items:center;color:#d1d5db;display:flex;font-size:.85rem;gap:.75rem}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:50px}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{border-left:4px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.order-card:hover{box-shadow:0 4px 12px #00000026}.order-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr}.order-col{gap:.75rem}.order-col,.order-field{display:flex;flex-direction:column}.order-field{gap:.25rem}.field-label{color:#6b7280;font-size:.8rem;font-weight:500}.field-value{color:#1f2937;font-size:.95rem;font-weight:600}.status-col{align-items:flex-start;justify-content:flex-start}.status-field{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.status-tag{border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;min-width:120px;padding:.4rem 1rem;text-align:center;text-transform:uppercase}.status-tag.quotation{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.status-tag.sale-order{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-tag.sale-order-confirmed{background:linear-gradient(135deg,#10b981,#059669)}.status-tag.invoiced{background:linear-gradient(135deg,#3b82f6,#1e40af)}.status-tag.sale-order-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.legend-color{border-radius:3px;height:15px;width:20px}.legend-color.quotation{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.legend-color.sale-order{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.sale-order-confirmed{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.invoiced{background:linear-gradient(135deg,#3b82f6,#1e40af)}.legend-color.sale-order-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.list-table{width:100%}.table-header{background:#f8fafc;border-bottom:2px solid #e5e7eb}.table-header,.table-row{grid-template-columns:2fr 1fr 1.5fr 1.5fr 1fr 1.2fr .8fr;padding:1.5rem}.table-row{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.table-row.draft{background:linear-gradient(90deg,#8b5cf60d,#0000);border-left:5px solid #8b5cf6}.table-row.confirmed,.table-row.processing{background:linear-gradient(90deg,#f59e0b0d,#0000);border-left:5px solid #f59e0b}.table-row.active,.table-row.completed,.table-row.delivered,.table-row.shipped{background:linear-gradient(90deg,#10b9810d,#0000);border-left:5px solid #10b981}.table-row.picked-up{background:linear-gradient(90deg,#3b82f60d,#0000);border-left:5px solid #3b82f6}.table-row.cancelled{background:linear-gradient(90deg,#ef44440d,#0000);border-left:5px solid #ef4444}.cell{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.2rem}.order-ref{color:#1f2937;font-weight:600}.order-type-badge{border-radius:10px;font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-top:.2rem;padding:.2rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.order-type-badge.rental{background:#dbeafe;color:#1e40af}.order-type-badge.sale{background:#d1fae5;color:#059669}.status-badge{border-radius:15px;font-size:.7rem;width:-webkit-fit-content;width:fit-content}.status-badge.status-draft,.status-badge.status-pending{background:#ede9fe;color:#7c3aed}.status-badge.status-confirmed{background:#dbeafe;color:#1e40af}.status-badge.status-processing{background:#fef3c7;color:#d97706}.status-badge.status-active,.status-badge.status-completed,.status-badge.status-picked-up{background:#d1fae5;color:#059669}.status-badge.status-delivered,.status-badge.status-shipped{background:#dbeafe;color:#1e40af}.status-badge.status-cancelled,.status-badge.status-rejected{background:#fee2e2;color:#dc2626}.cell.actions{flex-direction:row;justify-content:center}.cell.actions .action-btn{border-radius:6px;font-size:.8rem;padding:.4rem .8rem}@media (max-width:1200px){.kanban-board{padding:1rem}.kanban-column{min-width:280px}.list-view-container{gap:1.5rem;grid-template-columns:200px 1fr}.order-grid{gap:1rem}}@media (max-width:968px){.list-view-container{grid-template-columns:1fr}.list-legend{padding:1.5rem;position:relative;top:0}.legend-items{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.order-grid{grid-template-columns:1fr}}@media (max-width:768px){.my-orders-container{padding:1rem}.page-title{flex-direction:column;font-size:2rem;gap:.5rem}.header-controls{flex-direction:column;gap:1rem}.export-import,.view-toggle{justify-content:center;width:100%}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:0;min-width:auto}.filters{align-items:stretch;flex-direction:column}.kanban-board{align-items:center;flex-direction:column}.kanban-column{max-width:100%;min-width:100%}.order-card{padding:1rem}.order-grid{gap:1rem;grid-template-columns:1fr}.status-field{align-items:flex-start}.status-tag{font-size:.7rem;min-width:100px}.legend-items{flex-direction:column;gap:.75rem}}.quotations-page{margin:0 auto;max-width:1400px;padding:2rem}.page-title{color:#1f2937}.page-title svg{font-size:1.8rem}.page-subtitle{margin:.5rem 0 0}.filter-tabs{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea33;flex-wrap:wrap;padding:.5rem}.filter-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-tab:hover{background:#ffffff4d;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.filter-tab.active{background:#fff;box-shadow:0 4px 15px #00000026;color:#667eea}.filter-tab .count{background:#ffffff4d;border-radius:12px;font-size:.85rem;font-weight:700;padding:.2rem .6rem}.filter-tab.active .count{background:#667eea;color:#fff}.quotations-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.quotation-card{border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:1.75rem;transition:all .3s ease}.quotation-card:hover{border-color:#8b5cf6;box-shadow:0 12px 24px #8b5cf626;transform:translateY(-5px)}.quotation-header{align-items:center;border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem}.quotation-number{align-items:center;color:#1f2937;display:flex;font-size:1.15rem;font-weight:700;gap:.6rem}.quotation-number svg{color:#8b5cf6;font-size:1.3rem}.status-badge{font-weight:700}.status-badge.status-draft{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.status-badge.status-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.status-badge.status-approved{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.status-badge.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge.status-converted{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.status-badge.status-expired{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.quotation-info{margin-bottom:1.5rem}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.7rem 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row .label{color:#6b7280;font-size:.9rem;font-weight:500}.info-row .value{color:#1f2937;font-size:.95rem;font-weight:600}.info-row .value.amount{color:#8b5cf6;font-size:1.1rem;font-weight:700}.rejection-notice{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-radius:8px;margin-bottom:1rem;padding:1rem}.rejection-notice strong{color:#991b1b;display:block;font-size:.9rem;margin-bottom:.5rem}.rejection-notice p{color:#7f1d1d;font-size:.9rem;line-height:1.5;margin:0}.quotation-actions{gap:.5rem;margin-top:1rem}.btn{font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.btn-primary{box-shadow:0 4px 10px #667eea4d}.btn-primary:hover{box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-secondary:hover{box-shadow:0 4px 10px #6b72804d;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b9814d;color:#fff}.btn-success:hover{box-shadow:0 6px 15px #10b98166;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{box-shadow:0 4px 10px #ef44444d;transform:translateY(-2px)}.btn-outline{border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.empty-state{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px}.empty-icon{color:#9ca3af}.empty-state p{margin-bottom:1.5rem}@media (max-width:768px){.quotations-page{padding:1rem}.quotations-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.filter-tabs{width:100%}.filter-tab{flex:1 1;justify-content:center}.quotation-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.info-label svg{color:#8b5cf6}.info-value{color:#1f2937;font-weight:500}.quotation-amount{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.amount-row{color:#4b5563;display:flex;justify-content:space-between;padding:.4rem 0}.amount-row.total{border-top:2px solid #d1d5db;color:#1f2937;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:.8rem}.quotation-actions{gap:.8rem}.quotation-actions .btn{flex:1 1;gap:.5rem;justify-content:center}.filter-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.tab{color:#6b7280;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab:hover{background-color:#f9fafb;color:#8b5cf6}.tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6}.empty-icon{margin-bottom:1.5rem}.empty-state h3{margin-bottom:.8rem}.empty-state p{margin-bottom:2rem}.stats-summary{margin-top:2rem;padding:2rem}.stats-summary h3{color:#1f2937;font-size:1.2rem;margin-bottom:1.5rem}.stat-item{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #8b5cf6;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.stat-label{color:#6b7280;font-weight:500}.stat-value{color:#1f2937;font-size:1.8rem}.stat-value.confirmed{color:#059669}.stat-value.pending{color:#d97706}.spinner{border:4px solid #f3f4f6;border-top-color:#8b5cf6;height:48px;margin-bottom:1rem;width:48px}@media (max-width:768px){.quotations-grid{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;padding-bottom:.5rem}.stats-grid{grid-template-columns:1fr}.quotation-actions{flex-direction:column}.quotation-actions .btn{width:100%}}@media (max-width:480px){.quotation-card{padding:1rem}.quotation-header{align-items:flex-start;flex-direction:column;gap:.8rem}.amount-row.total{font-size:1rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}}.quotation-edit-page{margin:0 auto;max-width:1200px;padding:2rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.edit-form{padding:2rem}.form-header{border-bottom:2px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1rem}.form-title{align-items:center;color:#1f2937;display:flex;font-size:1.8rem;font-weight:700;gap:.8rem}.form-title svg{color:#8b5cf6}.form-section{margin-bottom:2.5rem}.section-title{border-bottom:1px solid #e5e7eb;font-size:1.4rem;font-weight:600;padding-bottom:.5rem}.no-items{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.items-list{display:flex;flex-direction:column;gap:1.5rem}.item-edit-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.item-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.item-header h3{color:#1f2937;font-size:1.2rem;font-weight:600}.item-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.item-total{background:#fff;border:2px solid #8b5cf6;border-radius:8px;color:#8b5cf6;font-size:1.1rem;grid-column:1/-1;padding:1rem;text-align:right}.form-group{gap:.5rem}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#8b5cf6;outline:none}.pricing-summary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:12px}.summary-row{color:#4b5563}.summary-row span:last-child{font-weight:600}.summary-row.total{border-top:2px solid #9ca3af}.summary-row.total span:last-child{color:#8b5cf6}.loading-spinner{font-size:1.2rem;padding:4rem}.empty-state h3{margin-bottom:1rem}@media (max-width:768px){.quotation-edit-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column}.item-form{grid-template-columns:1fr}.item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.item-header h3{margin-bottom:0}.header-actions{width:100%}.header-actions .btn{flex:1 1}}.sale-orders-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:0 auto;max-width:1400px;min-height:100vh}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:all .2s ease}.order-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.order-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-info h3.order-number{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 .3rem}.order-date{color:#6b7280;font-size:.85rem}.order-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-confirmed{background:#dbeafe;color:#1e40af}.status-processing{background:#fef3c7;color:#d97706}.status-shipped{background:#e0e7ff;color:#6366f1}.status-delivered{background:#d1fae5;color:#059669}.status-cancelled{background:#fee2e2;color:#dc2626}.status-refunded{background:#fdf2f8;color:#c2410c}.payment-badge{font-size:.7rem;padding:.3rem .6rem}.payment-pending{background:#fef3c7;color:#d97706}.payment-partial{background:#e0e7ff;color:#6366f1}.payment-paid{background:#d1fae5;color:#059669}.payment-refunded{background:#fdf2f8;color:#c2410c}.payment-failed{background:#fee2e2;color:#dc2626}.order-details{margin-bottom:1.5rem}.delivery-date,.order-amount,.order-items,.party-info{color:#4b5563;font-size:.9rem;margin-bottom:.5rem}.order-amount{color:#8b5cf6;font-size:1rem;font-weight:600}.order-actions{display:flex;flex-wrap:wrap;gap:.75rem}.edit-btn{background:#06b6d4;color:#fff}.edit-btn:hover{background:#0891b2;transform:translateY(-1px)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.sale-orders-container{padding:1rem}.page-title{flex-direction:column;font-size:2rem;gap:.5rem}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:0;min-width:auto}.filters{align-items:stretch;flex-direction:column}.orders-grid{grid-template-columns:1fr}.order-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-badges{align-items:flex-start;flex-direction:row;gap:.5rem}.action-btn{flex:1 1;min-width:0;min-width:auto}}.sale-order-details-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.details-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.back-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:#4b5563;transform:translateY(-1px)}.action-btn{border-radius:8px;padding:.75rem 1.5rem}.action-btn.btn-primary{background:#3b82f6;color:#fff}.action-btn.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.action-btn:disabled{opacity:.6}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.order-info-card{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.order-info-card *{color:#fff}.order-title-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.order-title{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.order-date{color:#fff;font-size:1rem;margin:0;opacity:.9}.status-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.party-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.party-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.party-card svg{font-size:1.5rem;margin-top:.2rem;opacity:.8}.party-label{color:#fff;font-size:.85rem;letter-spacing:.5px;margin-bottom:.3rem;opacity:.8;text-transform:uppercase}.party-name{color:#fff!important;font-size:1.1rem;margin-bottom:.3rem}.party-email{color:#fff!important;font-size:.9rem;opacity:.9}.status-badge{background:#fff3;color:#fff;font-size:.8rem;padding:.5rem 1rem}.payment-badge{background:#fff3;border-radius:15px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.rejection-card{background:#fee2e2;border:1px solid #fecaca}.rejection-card h3{align-items:center;color:#dc2626;display:flex;gap:.5rem;margin-bottom:1rem}.rejection-reason{color:#7f1d1d;font-style:italic}.vendor-notes-card{background:#dbeafe;border:1px solid #bfdbfe}.vendor-notes-card h3{align-items:center;color:#1e40af;display:flex;gap:.5rem;margin-bottom:1rem}.details-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.items-section{padding:2rem}.section-title{color:#1f2937;font-size:1.5rem;font-weight:700;gap:1rem;margin-bottom:2rem}.items-list{width:100%}.item-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:background .2s ease}.item-row:hover{background:#f3f4f6}.item-row:last-child{margin-bottom:0}.item-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{gap:1rem}.detail-label{color:#4b5563;font-size:.9rem;font-weight:600;min-width:100px}.detail-value{color:#1f2937;font-size:.95rem;font-weight:500}.total-row{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem}.total-row .detail-label{color:#7c3aed;font-weight:700}.total-value{color:#7c3aed!important;font-size:1.1rem!important;font-weight:700!important}.pricing-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1.5rem}.summary-row{align-items:center;border-bottom:1px solid #e2e8f0;font-size:.95rem}.summary-row:last-child{border-bottom:none}.summary-row.total-row{border-bottom:none;border-top:2px solid #7c3aed;color:#7c3aed;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.sidebar-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{margin-bottom:0;padding:1.5rem}.info-card-title{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.info-content p{color:#4b5563;font-size:.9rem;margin-bottom:.5rem}.info-content p:last-child{margin-bottom:0}.info-contact{color:#7c3aed!important;font-weight:600}.actions-card{background:#f8fafc;border:2px solid #e2e8f0}.action-buttons{flex-direction:column;gap:1rem}.action-btn{padding:.75rem 1rem}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.primary{background:#8b5cf6;color:#fff}.action-btn.primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.action-btn.secondary{background:#6b7280;color:#fff}.action-btn.secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.modal{background:#fff;border-radius:12px;max-width:500px;padding:2rem;width:90%}.modal h3{color:#1f2937;font-size:1.3rem;margin-bottom:1.5rem}.form-group label{font-weight:600}.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;outline:none}.modal-actions{justify-content:flex-end}.error-container,.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#374151;margin-bottom:1rem}@media (max-width:1024px){.details-grid{grid-template-columns:1fr}.sidebar-info{order:-1}}@media (max-width:768px){.sale-order-details-container{padding:1rem}.order-title-section{align-items:flex-start;flex-direction:column;gap:1rem}.status-badges{align-items:flex-start;flex-direction:row;gap:1rem}.party-info{grid-template-columns:1fr}.order-title{flex-direction:column;font-size:1.5rem;gap:.5rem}.modal{margin:1rem;width:auto}.modal-actions{flex-direction:column}.action-buttons{gap:.75rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.3rem}.detail-label{font-size:.8rem;min-width:0;min-width:auto}}.invoices-page{margin:0 auto;max-width:1400px;padding:2rem}.invoices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.invoices-header h1{color:#1f2937;font-size:2rem;margin:0}.invoices-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{color:#6b7280;font-size:.875rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;min-width:150px;padding:.5rem 1rem}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;outline:none}.invoices-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff}.stat-card,.stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.paid{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.overdue{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-label{margin-bottom:.5rem}.stat-amount,.stat-label{font-size:.875rem;opacity:.9}.stat-amount{margin-top:.5rem}.invoices-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.invoices-table th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.invoices-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem}.invoices-table tbody tr{cursor:pointer;transition:background-color .2s}.invoices-table tbody tr:hover{background-color:#f9fafb}.invoice-number{color:#3b82f6;font-weight:600}.invoice-customer{color:#1f2937;font-weight:500}.invoice-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.invoice-status.draft{background:#f3f4f6;color:#6b7280}.invoice-status.sent{background:#dbeafe;color:#1e40af}.invoice-status.partial{background:#fed7aa;color:#b45309}.invoice-status.paid{background:#d1fae5;color:#065f46}.invoice-status.overdue{background:#fee2e2;color:#991b1b}.invoice-status.cancelled{background:#f3f4f6;color:#6b7280}.invoice-amount{color:#1f2937;font-weight:600}.invoice-date{color:#6b7280}.invoice-actions{display:flex;gap:.5rem}.action-btn{background:#0000;border-radius:.375rem;color:#6b7280;font-size:1.1rem;padding:.5rem;transition:all .2s}.action-btn:hover{background:#f3f4f6;color:#3b82f6}.empty-state-icon{color:#d1d5db;margin-bottom:1rem}.empty-state h3{color:#6b7280;font-size:1.25rem}.empty-state p{color:#9ca3af}.loading{color:#6b7280;font-size:1.25rem;padding:4rem 2rem;text-align:center}@media (max-width:968px){.invoices-page{padding:1rem}.invoices-header{align-items:flex-start;flex-direction:column;gap:1rem}.invoices-filters{align-items:stretch;flex-direction:column}.filter-group input,.filter-group select{min-width:100%}.invoices-table-container{overflow-x:auto}.invoices-table{min-width:800px}}.invoice-details-page{margin:0 auto;max-width:1200px;padding:2rem}.invoice-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.back-button:hover{background:#f9fafb;border-color:#d1d5db}.invoice-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.action-button.print{background:#3b82f6;color:#fff}.action-button.print:hover{background:#2563eb}.action-button.download{background:#10b981;color:#fff}.action-button.download:hover{background:#059669}.action-button.payment{background:#f59e0b;color:#fff}.action-button.payment:hover{background:#d97706}.action-button.send{background:#8b5cf6;color:#fff}.action-button.send:hover{background:#7c3aed}.invoice-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:3rem}.invoice-header-section{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:2rem}.company-info h1{color:#1f2937;font-size:2rem;margin:0 0 .5rem}.company-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.invoice-meta{text-align:right}.invoice-title{color:#3b82f6;font-size:2rem;font-weight:700;margin:0 0 1rem}.invoice-meta-item{display:flex;gap:1rem;justify-content:flex-end;margin:.5rem 0}.meta-label{color:#6b7280;font-weight:600;min-width:100px}.meta-value{color:#1f2937}.invoice-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;padding:.5rem 1rem;text-transform:uppercase}.invoice-status-badge.draft{background:#f3f4f6;color:#6b7280}.invoice-status-badge.sent{background:#dbeafe;color:#1e40af}.invoice-status-badge.partial{background:#fed7aa;color:#b45309}.invoice-status-badge.paid{background:#d1fae5;color:#065f46}.invoice-status-badge.overdue{background:#fee2e2;color:#991b1b}.parties-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.party-section h3{color:#6b7280;font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.party-details{background:#f9fafb;border-radius:.75rem;padding:1.5rem}.party-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.party-details p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.invoice-items-section{margin-bottom:2rem}.items-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.items-table thead{background:#f9fafb}.items-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.items-table th.right{text-align:right}.items-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem}.items-table td.right{text-align:right}.product-name{margin-bottom:.25rem}.rental-period{color:#6b7280;font-size:.75rem}.invoice-summary{display:flex;justify-content:flex-end;margin-top:2rem}.summary-table{width:400px}.summary-row{border-bottom:1px solid #f3f4f6;padding:.75rem 0}.summary-row.total{border-bottom:2px solid #3b82f6;border-top:2px solid #3b82f6;color:#1f2937;font-size:1.25rem;padding:1rem 0}.summary-label{color:#6b7280;font-weight:500}.summary-value{color:#1f2937;font-weight:600}.payment-history-section{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.payment-history-section h3{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.payment-record{background:#f9fafb;border-radius:.5rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.5rem}.payment-info,.payment-record{align-items:center;display:flex}.payment-info{gap:2rem}.payment-date,.payment-method{color:#6b7280;font-size:.875rem}.payment-method{background:#fff;border-radius:.375rem;font-weight:500;padding:.25rem .75rem}.payment-amount{color:#10b981;font-size:1.125rem;font-weight:700}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;border-radius:1rem;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.payment-modal h2{color:#1f2937;margin:0 0 1.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:.5rem;font-size:.875rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.payment-type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.payment-type-option{border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;text-align:center;transition:all .2s}.payment-type-option:hover{border-color:#3b82f6}.payment-type-option.selected{background:#eff6ff;border-color:#3b82f6}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem;transition:all .2s}.modal-button.primary{background:#3b82f6;color:#fff}.modal-button.primary:hover{background:#2563eb}.modal-button.secondary{background:#f3f4f6;color:#6b7280}.modal-button.secondary:hover{background:#e5e7eb}.notes-section{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:.5rem;margin-top:3rem;padding:1.5rem}.notes-section h4{color:#92400e;font-size:.875rem;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.notes-section p{color:#78350f;font-size:.875rem;margin:0}@media print{.action-button,.back-button,.invoice-actions-bar{display:none!important}.invoice-details-page{padding:0}.invoice-container{box-shadow:none;padding:1rem}}@media (max-width:968px){.invoice-details-page{padding:1rem}.invoice-container{padding:1.5rem}.invoice-header-section{flex-direction:column;gap:2rem}.invoice-meta{text-align:left}.invoice-meta-item{justify-content:flex-start}.parties-info{gap:1.5rem;grid-template-columns:1fr}.invoice-summary{justify-content:stretch}.summary-table{width:100%}.items-table{font-size:.75rem}.items-table td,.items-table th{padding:.5rem}}.info-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.info-banner svg{color:#f59e0b;font-size:20px}.empty-state{padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#1f2937;font-size:24px;margin-bottom:8px}.empty-state p{color:#6b7280;margin-bottom:24px}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.product-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.product-image{background:#f3f4f6;height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-status{position:absolute;right:12px;top:12px}.status-badge{background:#fff;box-shadow:0 2px 4px #0000001a;font-size:12px;gap:6px;padding:6px 12px}.status-badge.published{background:#d1fae5;color:#059669}.status-badge.draft{background:#fef3c7;color:#d97706}.product-info{flex:1 1;padding:16px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:18px;font-weight:600;margin:0 0 4px;overflow:hidden}.product-category{color:#6b7280;font-size:14px;margin-bottom:12px}.product-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.detail-row .label{color:#6b7280}.detail-row .value{color:#1f2937;font-weight:600}.product-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:16px}.product-actions .btn{flex:1 1}.product-form-card{overflow:hidden;padding:0}.form-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex}.tab-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;position:relative;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#1f2937}.tab-btn.active{background:#fff;color:#4f46e5}.tab-btn.active:after{background:#4f46e5;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{padding:32px}.form-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 320px}.form-main{gap:24px}.form-main,.form-sidebar{display:flex;flex-direction:column}.form-sidebar{gap:16px}.sidebar-section{padding:20px}.sidebar-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-hint{color:#6b7280;font-size:12px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.form-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.radio-group{gap:16px}.radio-label{border:2px solid #e5e7eb;gap:8px;padding:8px 16px;transition:all .2s}.radio-label:hover{background:#f9fafb;border-color:#d1d5db}.radio-label input[type=radio]:checked+span{color:#4f46e5}.radio-label:has(input:checked){background:#eef2ff;border-color:#4f46e5}.input-with-suffix{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden;transition:all .2s}.input-with-suffix:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-prefix,.input-suffix{background:#f3f4f6;color:#6b7280;font-size:14px;font-weight:500;padding:10px 12px;white-space:nowrap}.input-with-suffix input{border:none;flex:1 1;font-size:14px;padding:10px 14px}.input-with-suffix input:focus{box-shadow:none;outline:none}.image-urls-section{display:flex;flex-direction:column;gap:16px}.image-url-row{display:flex;flex-direction:column;gap:8px}.image-url-input-group{align-items:center;display:flex;gap:8px}.image-url-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s}.image-url-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.btn-remove-url{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-remove-url:hover{background:#fecaca;color:#991b1b}.image-url-preview{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}.image-url-preview img{height:100%;object-fit:cover;width:100%}.primary-badge{background:#4f46e5;border-radius:12px;color:#fff;font-size:11px;font-weight:600;left:8px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:8px}.image-upload-area{display:flex;flex-direction:column;gap:12px}.image-preview{aspect-ratio:1;background:#f3f4f6;border-radius:8px;position:relative}.btn-remove-image{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.upload-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.upload-placeholder svg{font-size:48px;margin-bottom:8px}.status-info{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:12px}.attributes-section{max-width:900px}.section-header{margin-bottom:20px}.section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.attributes-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{background:#f3f4f6;color:#374151;font-size:14px}.table-header,.table-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 2fr 80px;padding:12px 16px}.table-row{border-top:1px solid #e5e7eb}.table-row:hover{background:#f9fafb}.col-cell input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.col-cell input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.col-cell:last-child{display:flex;justify-content:center}.attributes-hint{align-items:center;background:#f0fdf4;border-radius:8px;color:#166534;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:12px 16px}@media (max-width:1024px){.form-layout{grid-template-columns:1fr}.form-sidebar{order:-1}}@media (max-width:768px){.form-row,.products-grid{grid-template-columns:1fr}.tab-content{padding:20px}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.col-header{display:none}.table-row{padding:16px}.col-cell:last-child{justify-content:flex-start}}.loading-spinner{color:#6b7280;font-size:18px;padding:60px 20px;text-align:center}.header-actions{gap:12px}.vendor-quotations-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.header-content{margin-bottom:2rem;text-align:center}.page-title{color:#2d3748;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center}.page-title svg{color:#8b5cf6}.page-subtitle{color:#6b7280;margin-bottom:0}.search-icon{color:#9ca3af}.search-input{background:#fff;border:2px solid #e5e7eb;font-size:1rem;transition:all .2s ease}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.filters{align-items:center}.filter-select{border:2px solid #e5e7eb;color:#374151;font-size:.9rem;min-width:150px;transition:all .2s ease}.filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.quotations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.quotation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:all .2s ease}.quotation-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.quotation-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.quotation-info h3.quotation-number{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 .3rem}.quotation-date{color:#6b7280;font-size:.85rem;margin:0}.status-badge{font-size:.75rem;gap:.3rem;letter-spacing:.5px;text-transform:uppercase}.status-draft{background:#f3f4f6;color:#4b5563}.status-pending{background:#fef3c7;color:#d97706}.status-approved{background:#d1fae5;color:#059669}.status-rejected{background:#fee2e2;color:#dc2626}.status-converted{background:#dbeafe;color:#1e40af}.status-expired{background:#fecaca;color:#b91c1c}.quotation-details{margin-bottom:1.5rem}.customer-info,.quotation-amount,.quotation-items,.valid-until{color:#4b5563;font-size:.9rem;margin-bottom:.5rem}.quotation-amount{color:#8b5cf6;font-size:1rem;font-weight:600}.quotation-actions{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;min-width:90px;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease}.view-btn{background:#8b5cf6;flex:1 1}.view-btn:hover{background:#7c3aed;transform:translateY(-1px)}.empty-state{color:#6b7280}.empty-icon{color:#d1d5db}.empty-state h3{color:#374151;font-weight:600}.empty-state p{margin:0 auto;max-width:400px}.loading-container{color:#6b7280}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.vendor-quotations-container{padding:1rem}.page-title{flex-direction:column;font-size:2rem;gap:.5rem}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:0;min-width:auto}.filters{align-items:stretch;flex-direction:column}.quotations-grid{grid-template-columns:1fr}.quotation-header{align-items:flex-start;flex-direction:column;gap:1rem}}.sale-orders-container{padding:2rem}.sale-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-actions{align-items:center;display:flex;gap:1rem}.sale-orders-header h1{color:#333;font-size:2rem}.primary-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.primary-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.refresh-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-btn:disabled:hover{box-shadow:none;transform:none}.search-bar{margin-bottom:1.5rem}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}.search-bar input:focus{border-color:#667eea;outline:none}.filters{flex-wrap:wrap;margin-bottom:1.5rem}.filters select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:border-color .3s}.filters select:focus{border-color:#667eea;outline:none}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.sale-orders-table{border-collapse:collapse;width:100%}.sale-orders-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sale-orders-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.sale-orders-table td{border-bottom:1px solid #f0f0f0;padding:1rem}.sale-orders-table tbody tr:hover{background-color:#f8f9fa}.status-badge{font-weight:600;text-transform:capitalize}.status-badge.draft{background-color:#fff3cd;color:#856404}.status-badge.confirmed{background-color:#d1ecf1;color:#0c5460}.status-badge.fulfilled{background-color:#d4edda;color:#155724}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.view-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.view-btn:hover{background-color:#5568d3}.no-data{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.create-sale-order-container{margin:0 auto;max-width:1200px;padding:2rem}.back-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s}.back-btn:hover{background:#f5f5f5;color:#333}.page-title{margin-bottom:.5rem}.sale-order-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-section{border-bottom:1px solid #eee;padding:2rem}.form-section:last-child{border-bottom:none}.section-header{justify-content:space-between}.section-header,.section-title{align-items:center;display:flex;margin-bottom:1.5rem}.section-title{color:#333;font-size:1.3rem;gap:.5rem}.add-item-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background .3s}.add-item-btn:hover{background:#45a049}.form-group label{color:#555;font-size:.95rem}.form-control{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-control:focus{border-color:#2196f3;outline:none}.form-control:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-group{margin-bottom:1rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.items-list{margin-bottom:2rem}.order-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1rem;padding:1rem}.item-row{align-items:flex-end;display:flex;gap:1rem}.item-row .form-group{margin-bottom:0}.flex-1{flex:1 1}.flex-2{flex:2 1}.remove-item-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:45px;padding:.75rem 1rem;transition:background .3s}.remove-item-btn:hover{background:#da190b}.order-summary{background:#f5f5f5;border-radius:6px;margin-top:1rem;padding:1.5rem}.summary-row{display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}.summary-row.total{border-top:2px solid #ddd;color:#2196f3;font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.form-actions{background:#f9f9f9;border-radius:0 0 8px 8px;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .3s}.cancel-btn{background:#fff;border:1px solid #ddd;color:#666}.cancel-btn:hover:not(:disabled){background:#f5f5f5;color:#333}.submit-btn{background:#2196f3;color:#fff}.submit-btn:hover:not(:disabled){background:#0b7dda}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-sale-order-container{padding:1rem}.form-section{padding:1.5rem}.item-row{flex-direction:column}.item-row .form-group{margin-bottom:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.vendor-pickups-container,.vendor-returns-container{margin:0 auto;max-width:1400px;padding:2rem}.page-header{margin-bottom:2rem}.header-content{display:flex;flex-direction:column;gap:.5rem}.page-title{align-items:center;color:#333;display:flex;gap:.75rem;margin:0}.page-subtitle{color:#666;font-size:1rem;margin:0}.filters-section{margin-bottom:2rem}.search-icon{color:#999;top:50%}.search-input{border:1px solid #ddd;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .3s}.search-input:focus{border-color:#2196f3}.filters{display:flex;gap:1rem}.filter-select{border:1px solid #ddd;transition:border-color .3s}.filter-select:focus{border-color:#2196f3}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon{border-radius:50%;color:#fff}.stat-icon.scheduled{background:linear-gradient(135deg,#ffa726,#fb8c00)}.stat-icon.processing{background:linear-gradient(135deg,#42a5f5,#1e88e5)}.stat-icon.completed{background:linear-gradient(135deg,#66bb6a,#43a047)}.stat-icon.late{background:linear-gradient(135deg,#ef5350,#e53935)}.stat-icon.total{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.stat-details h3{color:#333;font-size:2rem;margin:0}.stat-details p{color:#666;font-size:.9rem;margin:0}.pickups-list,.returns-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.pickups-table,.returns-table{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}th{color:#555;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}tbody tr:hover{background:#f8f9fa}tbody tr.late-return{background:#fff3e0}tbody tr.late-return:hover{background:#ffe0b2}td{color:#333;font-size:.95rem;padding:1rem}.pickup-number,.return-number{align-items:center;color:#2196f3;display:flex;font-weight:600;gap:.5rem}.late-icon{color:#f44336;font-size:.9rem}.date-cell{align-items:center;color:#666;display:flex;gap:.5rem}.date-cell svg{color:#999;font-size:.85rem}.status-badge{align-items:center;display:inline-flex;gap:.4rem;padding:.4rem .8rem;white-space:nowrap}.status-badge.status-scheduled{background:#fff3e0;color:#f57c00}.status-badge.status-processing{background:#e3f2fd;color:#1976d2}.status-badge.status-completed{background:#e8f5e9;color:#388e3c}.status-badge.status-cancelled{background:#ffebee;color:#d32f2f}.late-fee{color:#f44336;font-weight:600}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:.5rem .75rem;transition:all .3s}.action-btn.view-btn{background:#e3f2fd;color:#1976d2}.action-btn.view-btn:hover{background:#1976d2;color:#fff}.action-btn.complete-btn{background:#e8f5e9;color:#388e3c}.action-btn.complete-btn:hover{background:#388e3c;color:#fff}.empty-state{padding:4rem 2rem}.empty-icon{color:#ddd;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#666;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#999;font-size:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:50px;width:50px}@media (max-width:768px){.vendor-pickups-container,.vendor-returns-container{padding:1rem}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-box{min-width:100%}.pickups-table,.returns-table{font-size:.85rem}td,th{padding:.75rem .5rem}}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1 1;min-width:300px;padding-top:22px;position:relative}.search-icon{color:#64748b;font-size:1rem;left:1rem;position:absolute;top:65%;transform:translateY(-50%)}.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-group{display:flex;gap:.75rem}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.users-count{color:#64748b;font-size:.95rem;margin-bottom:1rem}.table-responsive{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.users-table th{color:#334155;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:middle}.users-table tbody tr{transition:background-color .2s}.users-table tbody tr:hover{background:#f8fafc}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#1e293b;font-weight:500}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem;text-transform:capitalize}.role-admin{background:#fee2e2;color:#991b1b}.role-vendor{background:#dbeafe;color:#1e40af}.role-customer{background:#d1fae5;color:#065f46}.vendor-details{font-size:.9rem}.vendor-details .gstin{color:#64748b;font-size:.8rem;margin-top:.25rem}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.text-muted{color:#94a3b8}.action-buttons{display:flex;gap:.5rem}.btn-icon{display:flex;font-size:1rem;transition:all .2s}.btn-icon.btn-warning{background:#fef3c7;color:#92400e}.btn-icon.btn-warning:hover{background:#fde68a}.btn-icon.btn-success{background:#d1fae5;color:#065f46}.btn-icon.btn-success:hover{background:#a7f3d0}.btn-icon.btn-danger{background:#fee2e2;color:#991b1b}.btn-icon.btn-danger:hover{background:#fecaca}.empty-state{color:#64748b;font-size:1.1rem;padding:3rem 1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card h3{color:#64748b;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-group{flex-direction:column}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.75rem .5rem}.user-avatar{font-size:.85rem;height:32px;width:32px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.product-form-page{background:#f8f9fa;min-height:100vh;padding:2rem 0}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.form-header{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.badge-purple{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;letter-spacing:.3px;padding:.5rem 1.25rem}.header-right,.info-note{display:flex;gap:.75rem}.info-note{align-items:flex-start;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;color:#1565c0;font-size:.9rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-note svg{flex-shrink:0;font-size:1.1rem;margin-top:.15rem}.product-form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.left-panel,.right-panel{min-height:500px}.panel-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem}.panel-title{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#495057;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group .required{color:#dc3545;margin-left:.25rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1.5px solid #dee2e6;border-radius:8px;color:#495057;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.readonly-input{background:#f8f9fa!important;color:#6c757d;cursor:not-allowed}.help-text{color:#6c757d;display:block;font-size:.8rem;margin-top:.5rem}.image-upload-container{display:flex;flex-direction:column;gap:1rem}.image-preview{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:#adb5bd;display:flex;flex-direction:column;gap:.75rem}.image-placeholder svg{font-size:2.5rem}.hidden-input{display:none}.radio-group{display:flex;gap:1.5rem}.radio-label{align-items:center;background:#fff;border:1.5px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.radio-label:hover{background:#f8f9ff;border-color:#667eea}.radio-label input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.radio-label input[type=radio]:checked+span{color:#667eea;font-weight:600}.radio-label span{color:#495057;font-size:.95rem;-webkit-user-select:none;user-select:none}.input-group{align-items:stretch;border:1.5px solid #dee2e6;border-radius:8px;display:flex;overflow:hidden;transition:all .2s ease}.input-group:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-prefix{align-items:center;background:#f8f9fa;border-right:1.5px solid #dee2e6;color:#6c757d;display:flex;font-weight:600;padding:0 1rem}.input-group input{border:none;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.input-group input:focus{border:none;box-shadow:none;outline:none}.input-suffix-select{background:#f8f9fa;border:none;border-left:1.5px solid #dee2e6;color:#495057;cursor:pointer;font-size:.85rem;min-width:120px;padding:.75rem 1rem}.input-suffix-select:focus{outline:none}.rental-pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.price-input-small{display:flex;flex-direction:column;gap:.5rem}.price-input-small label{color:#6c757d;font-size:.85rem;font-weight:500;margin:0}.input-group-small{align-items:stretch;border:1.5px solid #dee2e6;border-radius:6px;display:flex;overflow:hidden}.input-group-small .input-prefix{font-size:.85rem;padding:0 .75rem}.input-group-small input{border:none;flex:1 1;font-size:.9rem;padding:.6rem .75rem}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-label{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem}.toggle-label span{color:#495057;font-size:.95rem;font-weight:500}.toggle-switch-wrapper{height:28px;position:relative;width:52px}.toggle-checkbox{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-checkbox:checked+.toggle-slider{background:#667eea}.toggle-checkbox:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-checkbox:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.tab:hover{background:#f8f9ff;color:#667eea}.tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.tab-content{padding-top:1rem}.tab-content h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.attributes-table{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.table-header{background:#f8f9fa;border-radius:8px;color:#495057;font-size:.85rem;font-weight:600;padding:.75rem 1rem}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 3fr 80px}.table-row,.table-row .td{align-items:center}.table-row .td{display:flex}.table-row .td input{border:1.5px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:.65rem .85rem;width:100%}.table-row .td.actions{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-outline{background:#fff;border:1.5px solid #667eea;color:#667eea}.btn-outline:hover{background:#f8f9ff}.btn-block{width:100%}.btn-block,.btn-icon{justify-content:center}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s ease}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.product-form-grid{grid-template-columns:1fr}.right-panel{order:2}}@media (max-width:768px){.container{padding:0 1rem}.form-header{align-items:stretch;gap:1rem}.form-header,.header-right{flex-direction:column}.btn{justify-content:center}.radio-group{flex-direction:column;gap:.75rem}.rental-pricing-grid{grid-template-columns:1fr}.table-header{display:none}.table-row{background:#f8f9fa;border-radius:8px;gap:.5rem;grid-template-columns:1fr;padding:1rem}.table-row .td:before{color:#6c757d;content:attr(data-label);display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{white-space:nowrap}}@media (max-width:480px){.product-form-page{padding:1rem 0}.panel-card{padding:1.25rem}.badge-purple{font-size:.85rem;padding:.4rem 1rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.page-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{color:var(--primary-dark-blue);font-size:2rem;margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--text-light);font-size:1.1rem}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;display:block;padding:var(--spacing-lg);text-decoration:none;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 8px 24px #2c5f7e33}.stat-subtext{color:var(--text-light);font-size:.85rem;margin-top:var(--spacing-xs)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:var(--spacing-md);width:50px}.stat-icon.primary{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color:var(--white)}.stat-icon.success{background:linear-gradient(135deg,#28a745,#20c997);color:var(--white)}.stat-icon.warning{background:linear-gradient(135deg,#ffc107,#ff9800);color:var(--white)}.stat-icon.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--white)}.stat-label{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-xs)}.stat-value{color:var(--primary-dark-blue);font-size:2rem;font-weight:700}.table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:var(--primary-dark-blue);color:var(--white)}.table td,.table th{padding:var(--spacing-md);text-align:left}.table tbody tr{border-bottom:1px solid var(--gray);transition:var(--transition)}.table tbody tr:hover{background:var(--light-gray)}.badge{border-radius:var(--radius-sm);display:inline-block;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background:var(--primary-blue);color:var(--white)}.badge-success{background:var(--success);color:var(--white)}.badge-warning{background:var(--warning);color:var(--text-dark)}.badge-danger{background:var(--danger);color:var(--white)}.badge-secondary{background:var(--gray);color:var(--text-dark)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-title{color:var(--primary-dark-blue);font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.5rem;transition:var(--transition)}.modal-close:hover{color:var(--text-dark)}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--gray);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.empty-state{color:var(--text-light);padding:var(--spacing-xxl);text-align:center}.empty-state-icon{color:var(--gray);font-size:4rem;margin-bottom:var(--spacing-md)}.empty-state-title{color:var(--text-dark);font-size:1.5rem;margin-bottom:var(--spacing-sm)}@media (max-width:768px){.page-title{font-size:1.5rem}.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.modal{margin:var(--spacing-md);max-width:100%}}
/*# sourceMappingURL=main.02dfa697.css.map*/