.sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:1001;background:#007bff;border:none;border-radius:8px;width:45px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 10px #007bff4d;transition:all .3s ease}.sidebar-toggle:hover{background:#0056b3;transform:scale(1.05)}.sidebar-toggle.open{left:265px}.sidebar-toggle.closed{left:1rem}.hamburger-line{width:18px;height:2px;background:white;margin:2px 0;transition:all .3s ease;border-radius:1px}.sidebar-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.open .hamburger-line:nth-child(2){opacity:0}.sidebar-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.app-layout .content{flex:1;padding:2rem}.header{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);border-bottom:1px solid #e9ecef;padding:1rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:100}.header .logo{font-size:1.5rem;font-weight:600;color:#fff;justify-self:center;cursor:pointer;transition:opacity .2s}.header .logo:hover{opacity:.9}.header .nav{display:flex;gap:1.5rem}.header .nav a{text-decoration:none;color:#fff;font-weight:500;transition:color .2s}.header .nav a:hover{color:#b3d9ff}.header .nav .cart-link{position:relative;display:flex;align-items:center;gap:.5rem}.cart-badge{background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:-8px;min-width:20px;animation:cartPulse .3s ease-out}@keyframes cartPulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.header .user-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;color:#333;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.header .user-avatar:hover{background:#f8f9fa}.header-auth{display:flex;align-items:center;gap:1rem;justify-self:end}.welcome-message{color:#fff;font-size:.95rem;font-weight:500;padding:.5rem 1rem;background:rgba(255,255,255,.15);border-radius:20px;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-name{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.auth-links{display:flex;gap:1rem;align-items:center}.auth-link{text-decoration:none;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.3)}.auth-link:hover{background-color:#ffffff1a;border-color:#ffffff80}.auth-link.signup-link{background-color:#fff3;border-color:#ffffff80}.auth-link.signup-link:hover{background-color:#ffffff4d}.user-menu-container{position:relative}.user-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;z-index:1000;margin-top:.5rem}.user-info{padding:1rem;border-bottom:1px solid #e9ecef}.user-name{font-weight:600;color:#333;margin-bottom:.25rem}.user-role{font-size:.875rem;color:#007bff;font-weight:500;margin-bottom:.25rem}.user-email{font-size:.75rem;color:#6c757d}.user-menu-divider{height:1px;background-color:#e9ecef}.user-menu-actions{padding:.5rem 0}.user-menu-actions a,.user-menu-actions button{display:block;width:100%;padding:.75rem 1rem;text-align:left;text-decoration:none;color:#333;background:none;border:none;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.user-menu-actions a:hover,.user-menu-actions button:hover{background-color:#f8f9fa}.logout-button{color:#dc3545!important}.logout-button:hover{background-color:#f8d7da!important}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.sidebar-section ul{list-style:none}.sidebar-section li{margin-bottom:.25rem}.sidebar-section a{display:block;padding:.5rem .75rem;text-decoration:none;color:#666;border-radius:4px;transition:all .2s}.sidebar-section a:hover{background:#f8f9fa;color:#007bff}.sidebar-section a.active{background:#e3f2fd;color:#007bff}.sidebar-section .support-link{display:block;width:100%;padding:.5rem .75rem;text-decoration:none;color:#666;border-radius:4px;transition:all .2s;background:none;border:none;text-align:left;cursor:pointer;font-size:inherit;font-family:inherit}.sidebar-section .support-link:hover{background:#f8f9fa;color:#007bff}.support-modal{max-width:500px;width:90%;background:white;border-radius:12px;box-shadow:0 10px 40px #00000026;position:relative;z-index:10001}.support-modal .modal-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.support-modal .modal-header h2{margin:0;font-size:1.5rem;color:#333}.support-modal .modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.support-modal .modal-close:hover{background:#f8f9fa;color:#333}.support-modal .modal-body{padding:1.5rem}.support-options{display:flex;flex-direction:column;gap:1rem}.support-option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e9ecef;border-radius:8px;background:white;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.support-option-btn:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.support-option-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;flex-shrink:0}.support-option-icon.whatsapp-icon{background:#f0f9f4;padding:8px}.support-option-icon.whatsapp-icon svg{width:100%;height:100%}.email-support:hover .support-option-icon{background:#e3f2fd}.whatsapp-support:hover .support-option-icon{background:#e8f5e9}.support-option-content{flex:1}.support-option-content h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#333}.support-option-content p{margin:0;font-size:.9rem;color:#666}.support-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.support-modal .btn-secondary{padding:.5rem 1.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;transition:all .2s}.support-modal .btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}@media (max-width: 768px){.app-layout .sidebar{transform:translate(-100%);transition:transform .3s ease}.app-layout .sidebar.open{transform:translate(0)}.app-layout .main-content{margin-left:0}.sidebar-toggle{left:1rem!important;top:1rem}.sidebar-toggle.open{left:1rem!important}.header{padding:1rem 1rem 1rem 4rem}.header .nav{display:none}.welcome-message{font-size:.85rem;padding:.4rem .8rem}.content{padding:1rem}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent}.auth-card{background:transparent;padding:0;border-radius:0;box-shadow:none;width:100%;max-width:none}.verification-animation-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.98);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in}.verification-animation-container.inline{position:relative;width:100%;height:auto;min-height:auto;background:transparent;z-index:1;animation:fadeIn .3s ease-in}.verification-animation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem}.verification-lottie{width:100%;height:auto}.verification-animation-content.small .verification-lottie{max-width:200px;max-height:200px}.verification-animation-content.medium .verification-lottie{max-width:350px;max-height:350px}.verification-animation-content.large .verification-lottie{max-width:500px;max-height:500px}.verification-message{color:#007bff;font-size:1.3rem;font-weight:600;margin:0;text-align:center;animation:slideUp .5s ease-out}.verification-animation-content.small .verification-message{font-size:1.1rem}.verification-animation-content.large .verification-message{font-size:1.8rem}.main-login-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.main-login-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://res.cloudinary.com/dvybb2xnc/image/upload/v1763543451/accounts/orvtk0dzfxyj7mrgnfts.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.main-login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2}.main-login-content{position:relative;z-index:3;width:100%;max-width:500px;padding:20px}.main-login-form{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 40px;border-radius:25px;box-shadow:0 25px 50px #0003;border:1px solid rgba(255,255,255,.2);position:relative}.main-login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%)}.main-login-header{text-align:center;margin-bottom:40px}.main-login-logo-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px}.main-login-logo{height:50px;width:auto;object-fit:contain;display:block;margin:0 auto}.main-login-header h1{font-size:32px;font-weight:700;color:#1e40af;margin:0;text-shadow:0 2px 4px rgba(30,64,175,.2)}.main-login-header p{color:#64748b;font-size:16px;margin:5px 0;font-weight:500}.login-subtitle{color:#94a3b8!important;font-size:14px!important;font-weight:400!important}.form-group{margin-bottom:25px}.form-group input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:15px;font-size:16px;transition:all .3s ease;background:rgba(255,255,255,.8);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-group input:focus{outline:none;border-color:#3b82f6;background:white;box-shadow:0 0 0 4px #3b82f626;transform:translateY(-2px)}.form-group input.error{border-color:#ef4444;background:rgba(254,242,242,.9)}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.error-message{background:rgba(254,242,242,.9);border:1px solid #fecaca;color:#dc2626;padding:15px 20px;border-radius:12px;margin-bottom:25px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-actions{display:flex;gap:15px;margin-bottom:35px;flex-wrap:wrap}.login-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding:25px;background:rgba(248,250,252,.8);border-radius:15px;border:1px solid rgba(226,232,240,.5)}.login-option{text-align:center;padding:20px;background:white;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease;cursor:pointer}.login-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af26;border-color:#3b82f6}.login-option h3{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 8px}.login-option p{color:#64748b;font-size:13px;margin:0 0 15px;font-weight:400}.option-link{display:inline-block;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #1e40af4d}.option-link:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #1e40af66;color:#fff;text-decoration:none}.company-registration-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(226,232,240,.5)}.company-registration-card{text-align:center;padding:25px;background:rgba(248,250,252,.8);border-radius:15px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.company-registration-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af26;border-color:#3b82f6}.company-registration-card h3{color:#1e40af;font-size:18px;font-weight:600;margin:0 0 8px}.company-registration-card p{color:#64748b;font-size:14px;margin:0 0 20px;font-weight:400}.registration-link{display:inline-block;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;text-decoration:none;padding:12px 25px;border-radius:10px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.registration-link:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166;color:#fff;text-decoration:none}.back-button{background:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.2);color:#6b7280;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:inline-flex;align-items:center;gap:5px}.back-button:hover{background:rgba(107,114,128,.2);border-color:#6b72804d;color:#374151;transform:translate(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-login-form{animation:fadeInUp .8s ease-out}@media (max-width: 768px){.main-login-content{padding:15px}.main-login-form{padding:40px 30px}.login-options{grid-template-columns:1fr;gap:15px}.main-login-header h1{font-size:28px}.main-login-logo{height:45px}}@media (max-width: 480px){.main-login-form{padding:30px 20px;border-radius:20px}.main-login-header h1{font-size:24px}.main-login-logo{height:40px}.login-actions{flex-direction:column}.login-actions button{margin-left:0!important;margin-top:10px}}.login-actions button:disabled{opacity:.7;cursor:not-allowed}.form-group input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.main-login-form{transition:transform .3s ease,box-shadow .3s ease}.main-login-form:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000040}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:white;border-radius:12px;padding:24px;max-width:450px;width:100%;box-shadow:0 4px 20px #00000026;position:relative;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.modal-close:hover{background:#f8f9fa}.modal-close:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:12px;margin-top:20px}.field-error{color:#dc3545;font-size:14px;margin-top:8px;display:block}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.popup-content{background:white;border-radius:12px;padding:24px;max-width:400px;width:100%;box-shadow:0 4px 20px #00000026;position:relative;animation:popupSlideIn .3s ease-out}.popup-content.success-popup{border-left:4px solid #28a745}.popup-content.error-popup{border-left:4px solid #dc3545}.popup-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 16px}.popup-icon.success-icon{background:#d4edda;color:#155724}.popup-icon.error-icon{background:#f8d7da;color:#721c24}.popup-message{text-align:center}.popup-message h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.popup-message p{font-size:14px;color:#666;margin:0;line-height:1.5}.popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.popup-close:hover{background:#f8f9fa}.company-signup-container{min-height:100vh;background-image:url(https://res.cloudinary.com/dvybb2xnc/image/upload/v1763543451/accounts/orvtk0dzfxyj7mrgnfts.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.company-signup-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.85);z-index:0}.company-signup-form{background:white;padding:40px;border-radius:20px;box-shadow:0 20px 40px #1e40af26;width:100%;max-width:800px;border:1px solid rgba(59,130,246,.1);position:relative;overflow:hidden;margin:20px 0;z-index:1}.company-signup-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%)}.company-signup-header{text-align:center;margin-bottom:30px}.company-signup-logo-section{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.company-signup-logo{height:40px;width:auto;object-fit:contain;transition:all .3s ease}.company-signup-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(30,64,175,.2))}.company-signup-header h1{font-size:28px;font-weight:700;color:#1e40af;margin:0;text-shadow:0 2px 4px rgba(30,64,175,.1)}.company-signup-header p{color:#64748b;font-size:16px;margin:0;font-weight:500}.form-section{margin-bottom:30px;padding:25px;background:#f8fafc;border-radius:15px;border:1px solid #e2e8f0}.form-section h3{color:#1e40af;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #3b82f6;display:inline-block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:white;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group input.error,.form-group select.error{border-color:#ef4444;background:#fef2f2}.form-group input.error:focus,.form-group select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;font-size:12px;margin-top:5px;display:block;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.signup-actions{text-align:center;margin:30px 0}.auth-switch{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.auth-switch p{color:#64748b;font-size:14px;margin:0}.auth-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:#1e40af;text-decoration:underline}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.company-signup-form{padding:30px 20px;margin:10px 0}.form-row{grid-template-columns:1fr;gap:15px}.form-section{padding:20px 15px}.company-signup-header h1{font-size:24px}}@media (max-width: 480px){.company-signup-container{padding:10px}.company-signup-form{padding:20px 15px;border-radius:15px}.form-section{padding:15px 10px}.form-section h3{font-size:16px}}.signup-actions button:disabled{opacity:.7;cursor:not-allowed}.form-group input:focus-visible,.form-group select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.company-signup-form{transition:transform .3s ease,box-shadow .3s ease}.company-signup-form:hover{transform:translateY(-2px);box-shadow:0 25px 50px #1e40af33}.form-section:nth-child(2n){background:#f1f5f9}.form-section:last-child{margin-bottom:0}.form-group select{cursor:pointer}.form-group select option{padding:10px}.form-group input::placeholder{color:#9ca3af;font-style:italic}.form-group input:valid:not(:placeholder-shown){border-color:#10b981;background:#f0fdf4}.company-signup-form .form-group label:after{content:" *";color:#ef4444;font-weight:700}.step-progress{margin-bottom:30px;padding:20px 0}.step-indicator{display:flex;justify-content:center;align-items:center;gap:20px;position:relative}.step-indicator:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:2px;background:#e5e7eb;z-index:1}.step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.step span{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease;border:3px solid #e5e7eb}.step label{font-size:12px;font-weight:500;color:#9ca3af;text-align:center;transition:all .3s ease}.step.active span{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.step.active label{color:#3b82f6;font-weight:600}.step.completed span{background:#10b981;color:#fff;border-color:#10b981}.step.completed label{color:#10b981;font-weight:600}.signup-actions{display:flex;justify-content:space-between;align-items:center;margin:30px 0;gap:15px}.signup-actions button{min-width:120px}.form-section{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.step-indicator{gap:10px}.step span{width:35px;height:35px;font-size:14px}.step label{font-size:10px}.signup-actions{flex-direction:column;gap:10px}.signup-actions button{width:100%;min-width:auto}}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-popup{background:white;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 25px 50px #0000004d;animation:slideInUp .3s ease-out;border:1px solid rgba(59,130,246,.1)}.success-popup-header{margin-bottom:25px}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin:0 auto 20px;box-shadow:0 8px 25px #10b9814d;animation:bounce .6s ease-out}.success-popup-header h3{color:#1e40af;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(30,64,175,.1)}.success-popup-content{margin-bottom:30px}.success-popup-content p{color:#64748b;font-size:16px;margin:10px 0;font-weight:500;line-height:1.5}.success-popup-actions{display:flex;justify-content:center;gap:15px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.success-popup{padding:30px 20px;margin:20px}.success-icon{width:60px;height:60px;font-size:30px}.success-popup-header h3{font-size:20px}.success-popup-content p{font-size:14px}.success-popup-actions{flex-direction:column}.success-popup-actions button{width:100%}}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.loading-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.95);z-index:9999;padding:0}.loading-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.loading-lottie{width:100%;height:auto}.loading-container.small .loading-lottie{max-width:100px;max-height:100px}.loading-container.medium .loading-lottie{max-width:200px;max-height:200px}.loading-container.large .loading-lottie{max-width:300px;max-height:300px}.loading-message{color:#666;font-size:1rem;margin:0;text-align:center}.loading-container.small .loading-message{font-size:.875rem}.loading-container.large .loading-message{font-size:1.25rem}.loading-spinner-fallback{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.catalog-page{min-height:100vh;background:#ffffff;padding:2rem 1rem;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;margin:0}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.catalog-filters{display:flex;gap:1.5rem;align-items:center}.catalog-search{min-width:300px;padding:.75rem 1.5rem;border:2px solid #e1e8ed;border-radius:25px;font-size:1rem;transition:all .3s ease}.catalog-search:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.catalog-category-filter{min-width:200px;padding:.75rem 1.5rem;border:2px solid #e1e8ed;border-radius:25px;font-size:1rem;background:white;transition:all .3s ease}.catalog-category-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-info-top{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 15px 35px #667eea4d;position:relative;overflow:hidden}.filter-info-top:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.filter-info-top p{margin:0;color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.company-employee-section,.categories-section,.brands-section{margin-bottom:2rem}.categories-brands-section{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000001a;padding:2rem;position:relative;overflow:visible!important;z-index:10;margin-bottom:2rem}.company-employee-section{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000001a;padding:2rem;position:relative;overflow:visible!important;z-index:100}.company-employee-section .filter-section h3{color:#2c3e50;border-bottom:3px solid #e74c3c;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;position:relative;z-index:2}.company-employee-section .filter-section h3:after{content:"";position:absolute;bottom:-3px;left:0;background:linear-gradient(90deg,#e74c3c,#c0392b);width:50px;height:3px}.selection-row{display:flex;gap:1.5rem;align-items:end;flex-wrap:wrap;position:relative;z-index:10;overflow:visible}.company-dropdown,.employee-dropdown,.order-status-dropdown,.category-dropdown,.brand-dropdown{flex:1;min-width:200px}.company-dropdown label,.employee-dropdown label,.order-status-dropdown label,.category-dropdown label,.brand-dropdown label,.filter-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:100}.company-dropdown.custom-dropdown label{z-index:2100}.company-select,.employee-select,.order-status-select,.category-select,.brand-select{width:100%;padding:.75rem 1rem;border:2px solid rgba(231,76,60,.3);border-radius:15px;font-size:1rem;font-weight:500;color:#2c3e50;background:rgba(255,255,255,.9);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000001a}.employee-select{border-color:#f39c124d}.order-status-select{border-color:#27ae604d;font-weight:600}.category-select{border-color:#3498db4d}.brand-select{border-color:#9b59b64d}.company-select:focus,.employee-select:focus,.order-status-select:focus,.category-select:focus,.brand-select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33,0 8px 25px #00000026;transform:translateY(-2px)}.employee-select:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c1233,0 8px 25px #00000026}.order-status-select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae6033,0 8px 25px #00000026}.category-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33,0 8px 25px #00000026}.brand-select:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b633,0 8px 25px #00000026}.company-select:hover,.employee-select:hover,.order-status-select:hover,.category-select:hover,.brand-select:hover{border-color:#e74c3c;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.category-select:hover{border-color:#3498db}.brand-select:hover{border-color:#9b59b6}.employee-select:hover{border-color:#f39c12}.order-status-select:hover{border-color:#27ae60}.company-select option,.employee-select option,.order-status-select option,.category-select option,.brand-select option{padding:.5rem;font-size:.95rem;background:#ffffff;color:#2c3e50;font-weight:600}.custom-dropdown{position:relative;display:flex;flex-direction:column;z-index:1000;isolation:isolate}.company-dropdown.custom-dropdown,.company-dropdown.custom-dropdown .custom-select-wrapper{z-index:2000}.company-dropdown.custom-dropdown .custom-select-options{z-index:20000!important}.custom-dropdown label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:100;background:transparent}.custom-select-wrapper{position:relative;z-index:1000;isolation:isolate}.custom-select-button{width:100%;padding:.75rem 1rem;border:2px solid rgba(231,76,60,.3);border-radius:15px;font-size:1rem;font-weight:500;color:#2c3e50;background:rgba(255,255,255,.9);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative;z-index:0}.custom-select-button.category-select{border-color:#3498db4d}.custom-select-button.brand-select{border-color:#9b59b64d}.custom-select-button:hover{border-color:#e74c3c;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.custom-select-button.category-select:hover{border-color:#3498db}.custom-select-button.brand-select:hover{border-color:#9b59b6}.custom-select-button:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33,0 8px 25px #00000026;transform:translateY(-2px)}.custom-select-button.category-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33,0 8px 25px #00000026}.custom-select-button.brand-select:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b633,0 8px 25px #00000026}.select-content{display:flex;align-items:center;gap:.75rem;flex:1}.select-logo{width:30px;height:30px;object-fit:contain;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;padding:2px;flex-shrink:0}.select-logo-placeholder{width:30px;height:30px;border-radius:6px;border:1px solid #e0e0e0;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;color:#999;font-size:.6rem;font-weight:500;text-align:center;padding:2px;flex-shrink:0;text-transform:none;letter-spacing:0;line-height:1}.select-arrow{margin-left:.5rem;font-size:.8rem;color:#2c3e50;transition:transform .3s ease}.custom-select-button:focus .select-arrow,.custom-select-button:hover .select-arrow{transform:translateY(2px)}.custom-select-options{position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;background:white!important;border:2px solid rgba(231,76,60,.3)!important;border-radius:15px!important;margin-top:0!important;max-height:300px!important;overflow-y:auto!important;box-shadow:0 10px 30px #0003!important;z-index:999999!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateZ(0)!important;will-change:transform!important}.custom-dropdown.category-dropdown .custom-select-options{border-color:#3498db4d}.custom-dropdown.brand-dropdown .custom-select-options{border-color:#9b59b64d}.custom-option{width:100%;padding:.75rem 1rem;border:none;background:white;color:#2c3e50;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.75rem;text-align:left;transition:all .2s ease}.custom-option:first-child{border-radius:13px 13px 0 0}.custom-option:last-child{border-radius:0 0 13px 13px}.custom-option:hover{background:rgba(52,152,219,.1)}.custom-option.selected{background:rgba(52,152,219,.2);font-weight:600}.custom-option.selected:hover{background:rgba(52,152,219,.3)}.categories-section{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000001a;padding:2.5rem;position:relative;overflow:hidden;margin-bottom:2rem}.categories-section:before{content:"🏷️";position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;opacity:.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.categories-section .filter-section .selection-row{margin-bottom:1rem}.categories-section .filter-button{background:rgba(255,255,255,.9);border:2px solid rgba(52,152,219,.3);color:#2c3e50;border-radius:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem}.category-button-content{display:flex;align-items:center;gap:10px;justify-content:flex-start;flex-wrap:nowrap}.category-logo-small{width:50px;height:50px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;padding:4px;flex-shrink:0;display:inline-block;vertical-align:middle}.category-logo-placeholder-small{width:50px;height:50px;border-radius:8px;border:1px solid #e0e0e0;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;color:#999;font-size:10px;font-weight:500;text-align:center;padding:4px;flex-shrink:0;text-transform:none;letter-spacing:0;line-height:1;vertical-align:middle}.category-name{white-space:nowrap;display:inline-block;vertical-align:middle;line-height:1.2;font-size:.85rem}.categories-section .filter-button:hover{background:rgba(52,152,219,.1);border-color:#3498db;color:#2980b9;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #3498db4d}.categories-section .filter-button.active{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-color:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.categories-section .filter-button:first-child{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c;color:#fff;font-weight:800;box-shadow:0 6px 15px #e74c3c4d}.categories-section .filter-button:first-child:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);border-color:#c0392b;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #e74c3c66}.main-content{width:100%;max-width:100%;text-align:left;padding:0!important;margin:0!important;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;left:0!important;right:0!important;transform:translate(0)!important;position:relative}.brands-section{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000001a;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.brands-section:before{content:"⭐";position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;opacity:.4;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.brands-section .filter-section .selection-row{margin-bottom:1rem}.brands-section .filter-buttons{background:rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brands-section .filter-button{background:rgba(255,255,255,.9);border:2px solid rgba(155,89,182,.3);color:#2c3e50;border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem}.brand-button-content{display:flex;align-items:center;gap:10px;justify-content:flex-start;flex-wrap:nowrap}.brand-logo-small{width:50px;height:50px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;padding:4px;flex-shrink:0;display:inline-block;vertical-align:middle}.brand-logo-placeholder-small{width:50px;height:50px;border-radius:8px;border:1px solid #e0e0e0;background:#f0f0f0;display:inline-flex;align-items:center;justify-content:center;color:#999;font-size:10px;font-weight:500;text-align:center;padding:4px;flex-shrink:0;text-transform:none;letter-spacing:0;line-height:1;vertical-align:middle}.brand-name{white-space:nowrap;display:inline-block;vertical-align:middle;line-height:1.2;font-size:.85rem}.brands-section .filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(155,89,182,.1),transparent);transition:left .6s}.brands-section .filter-button:hover:before{left:100%}.brands-section .filter-button:hover{background:rgba(155,89,182,.1);border-color:#9b59b6;color:#8e44ad;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #9b59b64d}.brands-section .filter-button.active{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);border-color:#9b59b6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #9b59b666}.brands-section .filter-button:first-child{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);border-color:#e67e22;color:#fff;font-weight:800;box-shadow:0 6px 15px #e67e224d}.brands-section .filter-button:first-child:hover{background:linear-gradient(135deg,#d35400 0%,#ba4a00 100%);border-color:#d35400;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #e67e2266}.filter-bars{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000000d}.filter-section{display:flex;flex-direction:column;gap:1.25rem}.filter-section h3{font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0;padding-bottom:.5rem;border-bottom:2px solid #007bff;position:relative}.filter-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:#28a745}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.filter-buttons.horizontal{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.filter-buttons.vertical{flex-direction:column;flex-wrap:nowrap;gap:.5rem}.filter-buttons.vertical .filter-button{width:100%;text-align:center;justify-content:center}.filter-button{padding:.75rem 1.5rem;border:2px solid #e9ecef;background:#fff;color:#495057;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.filter-button:hover:before{left:100%}.filter-button:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff33}.filter-button.active{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-color:#007bff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #007bff4d}.filter-button.active:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%);border-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.filter-info{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:10px;border-left:5px solid #007bff;box-shadow:0 2px 8px #007bff1a;position:relative}.filter-info:before{content:"📊";position:absolute;top:1rem;right:1.5rem;font-size:1.5rem}.filter-info p{margin:0;color:#1565c0;font-weight:600;font-size:1rem;line-height:1.5}.filter-button:first-child{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-color:#28a745;color:#fff;font-weight:700}.filter-button:first-child:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);border-color:#20c997;transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.filter-button:first-child.active{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);box-shadow:0 6px 20px #28a74566}.catalog-page .product-grid{display:grid;grid-template-columns:repeat(6,1fr);justify-content:start;gap:2px;padding:0!important;max-width:100%;margin:0!important;align-items:start;width:100%;overflow:visible;left:0!important;right:0!important;transform:translate(0)!important}.catalog-page .empty-state{margin:0!important;padding:3rem 1rem!important;left:0!important;right:0!important;transform:translate(0)!important;position:relative}.product-card{background:white;border:2px solid #0066cc;border-radius:8px;padding:10px;transition:all .3s;box-shadow:0 2px 4px #0000000d;position:relative;width:100%;margin:0 auto;box-sizing:border-box}.product-card .card-inner{background:white;border-radius:0;height:100%;width:100%;padding:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column}.product-card:hover .card-inner{background:white;box-shadow:none}.product-card .product-image{width:100%;height:120px;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;margin-bottom:6px;position:relative;border:1px solid #e0e0e0}.product-card .product-title{font-size:1.125rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4}.product-card .product-brand{color:#666;font-size:.875rem;margin-bottom:.5rem}.product-card .product-stock{color:#666;font-size:.875rem;margin-bottom:1rem}.product-card .product-price{font-size:1.25rem;font-weight:600;color:#007bff;margin-bottom:1rem}.product-card .product-actions{display:flex;gap:.5rem}.product-card .product-actions .primary-button{flex:1}.products-section{background:#ffffff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;margin-bottom:3rem;text-align:left;width:100%;overflow:visible;position:relative;margin-left:0!important;margin-right:0!important;left:0!important;right:0!important;transform:translate(0)!important}.products-filters-bar{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e0e0e0}.search-bar{margin-bottom:1rem}.search-bar label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.search-input-field{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.search-input-field:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.filters-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.filter-item{display:flex;flex-direction:column}.filter-item label{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.filter-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:white;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}@media (max-width: 1024px){.filters-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.filters-row{grid-template-columns:1fr}.products-filters-bar{padding:1rem}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 0 .5rem;border-bottom:2px solid #e9ecef;width:100%;box-sizing:border-box}.section-header h2{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.product-count{background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:600}.product-image{width:100%;height:160px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-tags-container{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:6px;z-index:10;pointer-events:none}.product-tag{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 6px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.product-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.image-placeholder{font-size:3rem;color:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:1}.product-image-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .5s ease-in-out}.image-slideshow-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:5}.slide-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.slide-dot.active{background:rgba(255,255,255,1);width:10px;height:10px;box-shadow:0 2px 4px #0000004d}.product-info{padding:1.5rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:visible;position:relative;z-index:2}.product-content{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}.product-actions-wrapper{margin-top:auto;padding-top:1.5rem;width:100%;box-sizing:border-box;position:relative;z-index:5;display:block!important;visibility:visible!important;opacity:1!important}.product-name{font-size:.9rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;line-height:1.2;text-transform:capitalize;letter-spacing:.2px}.product-details{display:flex!important;flex-direction:row!important;gap:.5rem;margin-bottom:.5rem;flex-wrap:nowrap!important;align-items:center;width:100%;overflow-x:auto;overflow-y:hidden}.brand-tag,.category-tag{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;padding:.2rem .5rem;border-radius:15px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #3498db4d;border:1px solid rgba(255,255,255,.2);white-space:nowrap;flex-shrink:0;min-width:fit-content}.category-tag{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);box-shadow:0 3px 10px #9b59b64d}.stock-indicator{padding:.2rem .5rem;border-radius:15px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #0003;white-space:nowrap;flex-shrink:0;min-width:fit-content}.stock-indicator.low{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;box-shadow:0 3px 10px #e74c3c66}.stock-indicator.medium{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:#fff;box-shadow:0 3px 10px #f39c1266}.stock-indicator.high{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:#fff;box-shadow:0 3px 10px #27ae6066}.price{font-size:1.2rem;font-weight:800;color:#06c;margin-bottom:.8rem;letter-spacing:.3px;display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.price .old-price{font-size:.9rem;font-weight:500;color:#999;text-decoration:line-through;text-decoration-color:#999}.price .new-price,.price .current-price{font-size:1.2rem;font-weight:800;color:#06c}.add-to-cart-btn{width:100%;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)!important;color:#fff!important;border:none!important;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:none;box-shadow:0 4px 15px #3498db4d;margin:0;display:block!important;text-align:center;position:relative;z-index:10;opacity:1!important;visibility:visible!important;min-height:48px;line-height:1.5}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66;background:linear-gradient(135deg,#2980b9 0%,#1f6391 100%)!important}.add-to-cart-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3498db4d}.view-details-tag{position:absolute;top:.5rem;right:.5rem;background:rgba(0,102,204,.9);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:4px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;font-size:.7rem;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #00000026;color:#fff;text-transform:uppercase;letter-spacing:.5px}.view-details-tag:hover{background:rgba(0,102,204,1);transform:scale(1.05);box-shadow:0 4px 12px #06c6;color:#fff}.product-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.product-details-modal{background:white;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column}.product-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border-radius:16px 16px 0 0}.product-details-modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.product-details-modal-close{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#fff;transition:all .3s ease}.product-details-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.product-details-modal-body{padding:2rem;display:flex;flex-direction:column;gap:2rem}.product-details-image-section{width:100%;display:flex;justify-content:center;align-items:center}.product-details-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #0000001a}.product-details-image-placeholder{width:300px;height:300px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#ffffffe6}.product-images-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.product-images-gallery .product-details-image{width:100%;max-height:300px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #0000001a;background:#f8f9fa;padding:.5rem}.product-details-info-section{display:flex;flex-direction:column;gap:1.5rem}.product-details-field{display:flex;flex-direction:column;gap:.5rem}.product-details-field label{font-weight:700;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.product-details-value{font-size:1.1rem;color:#34495e;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;min-height:44px;display:flex;align-items:center}.product-details-value .stock-indicator{margin:0}@media (max-width: 768px){.product-details-modal{max-width:95%;max-height:95vh}.product-details-modal-header{padding:1rem 1.5rem}.product-details-modal-body{padding:1.5rem}.product-details-image-placeholder{width:200px;height:200px;font-size:3rem}}.featured-section{background:#ffffff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;margin-top:3rem;margin-left:0!important;margin-right:0!important;width:100%;left:0!important;right:0!important;transform:translate(0)!important;position:relative}@media (max-width: 1400px){.catalog-page .product-grid{grid-template-columns:repeat(6,1fr);gap:1px;padding:0!important;justify-content:start;margin:0!important}}@media (min-width: 1200px){.catalog-page .product-grid{grid-template-columns:repeat(6,1fr);max-width:100%;margin:0!important;justify-content:start;padding:0!important;gap:2px}}@media (max-width: 1200px){.catalog-page .product-grid{grid-template-columns:repeat(5,1fr);gap:1px;padding:0!important;max-width:100%;justify-content:start}.product-card{height:480px}}@media (max-width: 1024px){.company-employee-section{padding:1rem;border-radius:12px;margin-bottom:1.5rem}.selection-row{gap:1.5rem}.company-dropdown,.employee-dropdown,.order-status-dropdown{min-width:180px}.categories-brands-section,.categories-section{padding:1rem;border-radius:12px;margin-bottom:1.5rem}.categories-section:before{font-size:1.2rem;top:.75rem;right:.75rem}.brands-section{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem}.brands-section:before{font-size:1.5rem;top:1rem;right:1rem}.catalog-page .product-grid{grid-template-columns:repeat(4,1fr);gap:1px;padding:0!important;max-width:100%;justify-content:start}.product-card{height:480px}}@media (max-width: 768px){.company-employee-section{border-radius:12px;padding:1rem;margin-bottom:1rem}.selection-row{flex-direction:column;gap:1rem}.company-dropdown,.employee-dropdown,.order-status-dropdown{min-width:100%}.categories-brands-section,.categories-section{border-radius:12px;padding:1rem;margin-bottom:1rem}.categories-section:before{font-size:1rem;top:.5rem;right:.5rem}.brands-section{border-radius:16px;padding:1.25rem;margin-bottom:1rem}.brands-section:before{font-size:1.25rem;top:.75rem;right:.75rem}.catalog-header{flex-direction:column;align-items:stretch;gap:1rem}.catalog-filters{flex-direction:column;align-items:stretch}.catalog-search,.catalog-category-filter{min-width:auto}.filter-bars{gap:2rem;padding:1.5rem}.filter-section h3{font-size:1.125rem}.filter-buttons{gap:.5rem}.filter-button{padding:.5rem 1rem;font-size:.85rem}.catalog-page .product-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:0!important;max-width:100%;justify-content:start}.product-card{height:480px}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.company-employee-section{padding:.75rem;border-radius:10px;margin-bottom:.75rem}.company-employee-section .filter-section h3{font-size:1.2rem}.selection-row{gap:.75rem}.categories-brands-section,.categories-section{padding:.75rem;border-radius:10px;margin-bottom:.75rem}.categories-section:before{font-size:.9rem;top:.4rem;right:.4rem}.brands-section{padding:1rem;border-radius:12px;margin-bottom:.75rem}.brands-section:before{font-size:1rem;top:.5rem;right:.5rem}.filter-section h3{font-size:1rem}.filter-buttons{gap:.375rem}.filter-button{padding:.375rem .75rem;font-size:.8rem}.filter-info{padding:1rem}.filter-info:before{font-size:1.25rem;top:.75rem;right:1rem}.catalog-page .product-grid{grid-template-columns:repeat(2,1fr);gap:1px;padding:0!important;max-width:100%;justify-content:start}.product-card{height:480px}.product-card .product-actions{flex-direction:column}}.validation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;padding:20px}.validation-popup{background:#ffffff;border-radius:20px;border:1px solid #e0e0e0;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:calc(100vh - 40px);overflow-y:auto;animation:popupSlideIn .3s ease-out;outline:none!important;box-sizing:border-box;position:relative;isolation:isolate;margin:auto}.validation-popup:focus{outline:2px solid #0066cc;outline-offset:2px}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem}.popup-header h3{color:#06c;font-size:1.25rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.close-popup-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-popup-btn:hover{background:#f8f9fa;color:#06c;transform:scale(1.1)}.popup-content{padding:1.5rem 2rem}.popup-content p{color:#495057;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.validation-list{list-style:none;padding:0;margin:0 0 1.5rem}.validation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:linear-gradient(145deg,#e6f2ff 0%,#cce5ff 100%);border-radius:12px;border-left:4px solid #0066cc;color:#003d7a;font-weight:500}.validation-icon{font-size:1.25rem;min-width:24px}.popup-note{background:linear-gradient(145deg,#e3f2fd 0%,#bbdefb 100%);padding:1rem;border-radius:12px;border-left:4px solid #2196f3;color:#0d47a1;font-size:.9rem;font-style:italic;margin:0}.popup-footer{padding:1rem 2rem 2rem;display:flex;justify-content:center}.popup-ok-btn{background:linear-gradient(135deg,#0066cc 0%,#003d7a 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0066cc4d}.popup-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06c6;background:linear-gradient(135deg,#0052a3 0%,#002d5c 100%)}.popup-ok-btn:active{transform:translateY(0)}@media (max-width: 768px){.validation-popup{width:95%;margin:1rem}.popup-header,.popup-content,.popup-footer{padding-left:1.5rem;padding-right:1.5rem}.popup-header h3{font-size:1.1rem}.validation-item{padding:.5rem;font-size:.9rem}}@media (max-width: 480px){.validation-popup{width:98%;margin:.5rem}.popup-header,.popup-content,.popup-footer{padding-left:1rem;padding-right:1rem}.popup-header h3{font-size:1rem}.validation-item{padding:.4rem;font-size:.85rem}.popup-ok-btn{padding:.6rem 1.5rem;font-size:.9rem}}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-popup{background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:90%;max-height:85vh;overflow-y:auto;animation:successSlideIn .4s ease-out;border:3px solid #27ae60;display:flex;flex-direction:column}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.success-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem .75rem;border-bottom:2px solid #e9ecef;background:linear-gradient(145deg,#d5f4e6 0%,#a8e6cf 100%);border-radius:13px 13px 0 0}.success-icon{font-size:1.75rem;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-header h3{color:#27ae60;font-size:1.1rem;font-weight:700;margin:0;flex:1;line-height:1.3}.close-success-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-success-btn:hover{background:#f8f9fa;color:#e74c3c;transform:scale(1.1)}.success-content{padding:1rem 1.5rem;flex:1;overflow-y:auto;min-height:0}.success-content h4{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0 0 .6rem;text-align:center}.order-details-list{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;padding:.6rem;margin-bottom:.75rem;border:1px solid #dee2e6}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#495057;font-size:.85rem}.detail-value{font-weight:500;color:#2c3e50;font-size:.85rem}.cart-summary{text-align:center;padding:.6rem;background:linear-gradient(145deg,#e3f2fd 0%,#bbdefb 100%);border-radius:10px;border:2px solid #2196f3;margin-bottom:0}.cart-summary p{margin:0;color:#0d47a1;font-size:.9rem;font-weight:600}.success-footer{padding:.75rem 1.5rem;display:flex;gap:.75rem;justify-content:center;flex-shrink:0;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 13px 13px}.success-ok-btn{background:linear-gradient(90deg,#27ae60 0%,#2ecc71 100%);color:#fff;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #27ae604d}.success-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.success-cart-btn{background:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%);color:#fff;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003}.success-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 768px){.success-popup{width:95%;max-width:400px;max-height:90vh;margin:.5rem}.success-header{padding:.75rem 1rem .5rem}.success-content{padding:.75rem 1rem}.success-footer{padding:.6rem 1rem;flex-direction:column;align-items:center}.success-header h3{font-size:1rem}.success-ok-btn,.success-cart-btn{width:100%;max-width:250px;padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 480px){.success-popup{width:98%;max-width:380px;max-height:92vh;margin:.25rem}.success-header{padding:.6rem .75rem .5rem}.success-content{padding:.6rem .75rem}.success-footer{padding:.5rem .75rem}.success-header h3{font-size:.95rem}.success-icon{font-size:1.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.3rem 0}.order-details-list,.cart-summary{padding:.5rem}}.company-mismatch-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.company-mismatch-popup{background:#ffffff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;animation:mismatchSlideIn .4s ease-out;border:3px solid #f39c12}@keyframes mismatchSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mismatch-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e9ecef;background:linear-gradient(145deg,#fef5e7 0%,#fdebd0 100%);border-radius:17px 17px 0 0}.mismatch-icon{font-size:2rem;animation:mismatchPulse .6s ease-out}@keyframes mismatchPulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mismatch-header h3{color:#e67e22;font-size:1.3rem;font-weight:700;margin:0;flex:1}.close-mismatch-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-mismatch-btn:hover{background:#f8f9fa;color:#e74c3c;transform:scale(1.1)}.mismatch-content{padding:1.5rem 2rem}.mismatch-content p{color:#2c3e50;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.mismatch-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:1px solid #dee2e6;transition:all .2s ease}.option-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-icon{font-size:1.5rem;min-width:40px;text-align:center}.option-text{flex:1}.option-text strong{display:block;color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.25rem}.option-text p{color:#6c757d;font-size:.85rem;margin:0;text-align:left}.mismatch-footer{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.mismatch-cart-btn{background:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003}.mismatch-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.mismatch-clear-btn{background:linear-gradient(90deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #e74c3c4d}.mismatch-clear-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.mismatch-cancel-btn{background:linear-gradient(90deg,#95a5a6 0%,#7f8c8d 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #95a5a64d}.mismatch-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #95a5a666}@media (max-width: 768px){.company-mismatch-popup{width:95%;margin:1rem}.mismatch-header,.mismatch-content,.mismatch-footer{padding-left:1.5rem;padding-right:1.5rem}.mismatch-header h3{font-size:1.1rem}.mismatch-footer{flex-direction:column;align-items:center}.mismatch-cart-btn,.mismatch-clear-btn,.mismatch-cancel-btn{width:100%;max-width:250px}}@media (max-width: 480px){.company-mismatch-popup{width:98%;margin:.5rem}.mismatch-header,.mismatch-content,.mismatch-footer{padding-left:1rem;padding-right:1rem}.mismatch-header h3{font-size:1rem}.mismatch-icon{font-size:1.5rem}.option-item{flex-direction:column;text-align:center;gap:.5rem}.option-text p{text-align:center}}.product-details-page{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.product-details-page .page-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.product-info-section{background:#ffffff;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem;align-items:start}.product-image-section{text-align:center}.product-image-section h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.product-image-placeholder{width:100%;height:350px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#fff;box-shadow:0 12px 40px #667eea4d;margin-bottom:1rem;transition:all .3s ease;border:3px solid;border-image:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%) 1}.product-image-placeholder:hover{transform:translateY(-5px);box-shadow:0 20px 60px #667eea66}.details-section,.specifications-section{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.details-section h3,.specifications-section h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid;border-image:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%) 1;padding-bottom:.5rem}.details-section p,.specifications-section p{margin-bottom:1rem;font-size:1rem;line-height:1.6;color:#495057}.details-section strong,.specifications-section strong{color:#2c3e50;font-weight:600;display:inline-block;min-width:120px}.action-buttons{margin-top:2.5rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.related-products-section{background:#ffffff;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.related-products-section h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid;border-image:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%) 1;padding-bottom:.5rem}.related-products-placeholder{text-align:center;color:#6c757d;font-style:italic;padding:2rem;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:2px dashed #dee2e6}@media (max-width: 1024px){.product-info-grid{grid-template-columns:1fr 1fr;gap:2rem}.product-image-section{grid-column:1 / -1;margin-bottom:1rem}.product-image-placeholder{height:250px;font-size:4rem}}@media (max-width: 768px){.product-details-page{padding:1rem}.product-info-section{padding:1.5rem}.product-info-grid{grid-template-columns:1fr;gap:1.5rem}.product-image-placeholder{height:200px;font-size:3rem}.action-buttons{flex-direction:column;align-items:center}.action-buttons button{width:100%;max-width:300px}}.sales-history-section{background:#ffffff;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.sales-history-section h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid;border-image:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%) 1;padding-bottom:.5rem}.sales-history-table-container{overflow-x:auto;margin-bottom:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.sales-history-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:12px;overflow:hidden}.sales-history-table thead{background:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%);color:#fff}.sales-history-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.2)}.sales-history-table td{padding:.75rem;border-bottom:1px solid #e9ecef;font-size:.9rem;color:#495057}.sales-history-table tbody tr:hover{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);transform:scale(1.01);transition:all .2s ease}.sales-history-table tbody tr:last-child td{border-bottom:none}.price-cell{font-weight:600;color:#27ae60}.total-price{font-size:1rem;font-weight:700;color:#2c3e50}.payment-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-badge.cash{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:#fff}.payment-badge.card{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.payment-badge.benefitpay{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);color:#fff}.notes-cell{font-style:italic;color:#6c757d;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:2px solid #dee2e6}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.summary-label{font-weight:600;color:#2c3e50;font-size:.9rem}.summary-value{font-weight:700;color:#27ae60;font-size:1.1rem}.last-price{color:#e74c3c;font-size:1.2rem}@media (max-width: 768px){.sales-history-section{padding:1.5rem}.sales-history-table th,.sales-history-table td{padding:.5rem .25rem;font-size:.8rem}.sales-summary{grid-template-columns:1fr;gap:.75rem;padding:1rem}.summary-item{padding:.5rem}}@media (max-width: 480px){.sales-history-section{padding:1rem}.sales-history-table-container{font-size:.75rem}.sales-history-table th,.sales-history-table td{padding:.4rem .2rem}.payment-badge{padding:.2rem .5rem;font-size:.7rem}}@media (max-width: 480px){.product-details-page .page-title{font-size:2rem}.product-info-section,.details-section,.specifications-section{padding:1rem}}.success-animation-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.95);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in}.success-animation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem}.success-lottie{width:100%;height:auto}.success-animation-content.small .success-lottie{max-width:200px;max-height:200px}.success-animation-content.medium .success-lottie{max-width:400px;max-height:400px}.success-animation-content.large .success-lottie{max-width:600px;max-height:600px}.success-message{color:#28a745;font-size:1.5rem;font-weight:600;margin:0;text-align:center;animation:slideUp .5s ease-out}.success-animation-content.small .success-message{font-size:1.2rem}.success-animation-content.large .success-message{font-size:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;border:2px solid #dee2e6}.summary-item{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;background:#e9ecef;border-radius:12px;border:2px solid #ced4da;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.summary-label{font-size:.85rem;color:#212529!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.summary-value{font-size:1.75rem;font-weight:800;color:#000!important;line-height:1.2}.free-delivery{color:#27ae60!important;font-weight:700}.delivery-cost{color:#e74c3c!important;font-weight:700}.vat-display{display:flex;align-items:center;justify-content:center}.vat-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;min-width:80px}.vat-badge.vat-applied{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.vat-badge.vat-exempt{background:#e9ecef;color:#6c757d;border:1px solid #dee2e6}.vat-amount{color:#6c757d;font-weight:600}.cart-table-container{background:#ffffff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;overflow:hidden;margin-bottom:2rem}.cart-table{width:100%;border-collapse:collapse;background:#ffffff}.cart-table thead{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.cart-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.2)}.cart-table td{padding:1rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.product-cell{min-width:200px}.product-info{display:flex;flex-direction:column;gap:.5rem}.product-name{font-size:1rem;font-weight:700;color:#2c3e50;margin:0}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap}.brand-tag,.category-tag{padding:.2rem .5rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.brand-tag{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.category-tag{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);color:#fff}.company-cell,.employee-cell{font-weight:500;color:#2c3e50;min-width:120px}.company-status-cell{text-align:center;min-width:140px;padding:.75rem .5rem}.company-status-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-badge-container{display:flex;justify-content:center}.company-status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;display:inline-block;box-shadow:0 2px 6px #0003;transition:all .2s ease}.company-status-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.status-description{font-size:.7rem;color:#6c757d;font-weight:500;text-align:center;line-height:1.2}.status-cell{text-align:center}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;display:inline-block}.price-cell{font-weight:600;color:#27ae60;text-align:right}.quantity-cell{text-align:center}.vat-cell{text-align:center;min-width:120px}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border-radius:8px;padding:.25rem;width:fit-content;margin:0 auto}.qty-btn{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.qty-btn:hover:not(:disabled){transform:scale(1.1)}.qty-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.qty-btn:disabled:hover{transform:none}.quantity-value{font-size:.9rem;font-weight:600;color:#2c3e50;min-width:25px;text-align:center}.stock-warning{font-size:.75rem;color:#dc3545;margin-top:.25rem;font-weight:600}.stock-cell{text-align:center}.stock-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;min-width:60px;text-align:center}.stock-badge.in-stock{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.stock-badge.low-stock{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.stock-badge.out-of-stock{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.total-cell{font-weight:700;color:#2c3e50;text-align:right;font-size:1.1rem}.date-cell{text-align:center;min-width:100px}.order-date{font-size:.85rem;font-weight:600;color:#2c3e50}.order-time{font-size:.75rem;color:#6c757d}.remove-btn{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.remove-btn:hover{background:#c0392b;transform:scale(1.1)}.cart-footer{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;padding:2rem;border:2px solid #dee2e6}.total-section{text-align:center;margin-bottom:2rem}.total-breakdown{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:2px solid #dee2e6}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total-row{border-top:2px solid #2c3e50;margin-top:.5rem;padding-top:1rem;font-weight:700;font-size:1.2rem}.breakdown-label{font-weight:600;color:#495057;font-size:1rem}.breakdown-value{font-weight:600;color:#2c3e50;font-size:1rem}.total-row .breakdown-label,.total-row .breakdown-value{font-size:1.3rem;font-weight:700}.total-row .breakdown-value{color:#000}.total-note{color:#6c757d;font-size:.9rem;margin:0}.action-buttons{display:flex;justify-content:center;gap:1rem}@media (max-width: 1200px){.cart-table-container{overflow-x:auto}.cart-table{min-width:1400px}}@media (max-width: 768px){.cart-summary{grid-template-columns:1fr;gap:1rem;padding:1rem}.summary-item{padding:.75rem;align-items:flex-start}.summary-value{font-size:1.5rem}.cart-table th,.cart-table td{padding:.75rem .5rem;font-size:.85rem}.product-cell{min-width:150px}.company-cell,.employee-cell{min-width:100px}.company-status-cell{min-width:120px}.company-status-badge{font-size:.7rem;padding:.25rem .6rem}.status-description{font-size:.65rem}.date-cell{min-width:80px}.product-meta{flex-direction:column;gap:.25rem}.brand-tag,.category-tag{font-size:.65rem;padding:.15rem .4rem}.quantity-controls{gap:.25rem}.qty-btn{width:24px;height:24px;font-size:.8rem}.quantity-value{font-size:.8rem;min-width:20px}.vat-cell .vat-options{flex-direction:column;gap:.25rem}.vat-cell .vat-btn{padding:.3rem .6rem;font-size:.75rem}.action-buttons{flex-direction:column;align-items:center}.action-buttons button{width:100%;max-width:300px}}@media (max-width: 480px){.cart-table th,.cart-table td{padding:.5rem .25rem;font-size:.75rem}.cart-footer{padding:1.5rem}.total-section h3{font-size:1.5rem}.product-name{font-size:.9rem}.status-badge{font-size:.7rem;padding:.2rem .6rem}.remove-btn{width:28px;height:28px;font-size:.9rem}.order-date,.order-time{font-size:.7rem}}.remove-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.remove-popup{background:#ffffff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:removeSlideIn .4s ease-out;border:3px solid #e74c3c}@keyframes removeSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.remove-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e9ecef;background:linear-gradient(145deg,#fef2f2 0%,#fee2e2 100%);border-radius:17px 17px 0 0}.remove-icon{font-size:2rem;animation:removePulse .6s ease-out}@keyframes removePulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.remove-header h3{color:#e74c3c;font-size:1.3rem;font-weight:700;margin:0;flex:1}.close-remove-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-remove-btn:hover{background:#f8f9fa;color:#e74c3c;transform:scale(1.1)}.remove-content{padding:1.5rem 2rem}.remove-content p{color:#2c3e50;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.item-to-remove{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #dee2e6}.item-details{display:flex;flex-direction:column;gap:1rem}.item-name{font-size:1.2rem;font-weight:700;color:#2c3e50;text-align:center}.item-meta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.item-brand,.item-category{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.item-category{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%)}.item-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem}.item-company,.item-employee,.item-quantity,.item-price{color:#495057;font-weight:500}.item-price{color:#27ae60;font-weight:600}.remove-warning{background:linear-gradient(145deg,#fff3cd 0%,#ffeaa7 100%);border:2px solid #ffc107;border-radius:12px;padding:1rem;color:#856404;font-size:.9rem;text-align:center;margin:0;font-weight:500}.remove-footer{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:center}.remove-cancel-btn{background:linear-gradient(90deg,#27ae60 0%,#2ecc71 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #27ae604d}.remove-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.remove-confirm-btn{background:linear-gradient(90deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #e74c3c4d}.remove-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}@media (max-width: 768px){.remove-popup{width:95%;margin:1rem}.remove-header,.remove-content,.remove-footer{padding-left:1.5rem;padding-right:1.5rem}.remove-header h3{font-size:1.1rem}.item-info{grid-template-columns:1fr;gap:.3rem}.remove-footer{flex-direction:column;align-items:center}.remove-cancel-btn,.remove-confirm-btn{width:100%;max-width:250px}}@media (max-width: 480px){.remove-popup{width:98%;margin:.5rem}.remove-header,.remove-content,.remove-footer{padding-left:1rem;padding-right:1rem}.remove-header h3{font-size:1rem}.remove-icon{font-size:1.5rem}.payment-methods{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.payment-method-option{display:flex;align-items:center;padding:1rem;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff}.payment-method-option:hover{border-color:#3498db;background:#f8f9fa}.payment-method-option.selected{border-color:#3498db;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);box-shadow:0 4px 12px #3498db33}.payment-method-option input[type=radio]{margin-right:1rem;width:20px;height:20px;cursor:pointer;accent-color:#3498db}.payment-method-option span{font-size:1rem;font-weight:600;color:#2c3e50;flex:1}.payment-method-option.selected span{color:#2980b9}.item-meta{flex-direction:column;align-items:center;gap:.5rem}.item-name{font-size:1.1rem}}.page-title{font-size:2.8rem;font-weight:900;text-align:center;margin-bottom:2.5rem;background:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 10px rgba(0,0,0,.1);letter-spacing:1px}.orders-container{display:flex;flex-direction:column;gap:2rem}.orders-filter{margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.3);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.orders-filter .form-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.orders-filter label{display:block;font-weight:600;color:#2c3e50;font-size:.9rem}.orders-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;overflow:hidden}.orders-table thead{background:linear-gradient(90deg,#FF0000 0%,#FF0080 25%,#8000FF 75%,#0000FF 100%);color:#fff}.order-row:hover{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);transform:scale(1.01);transition:all .2s ease}.order-row:last-child td{border-bottom:none}.order-number{font-weight:700;color:#2c3e50;font-family:Courier New,monospace}.type-badge{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.customer-name{font-weight:600;color:#2c3e50}.payment-method{color:#6c757d;font-weight:500}.date-info{display:flex;flex-direction:column;gap:.2rem}.date{font-size:.9rem;font-weight:600;color:#2c3e50}.time{font-size:.8rem;color:#6c757d}.status-badge{padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px;display:inline-block;border:1px solid rgba(0,0,0,.1);color:#fff!important;background-color:#6c757d!important}.total-amount{font-weight:700;color:#000;font-size:1.1rem}.actions-cell{text-align:center}@media (max-width: 1200px){.orders-table{overflow-x:auto}.orders-table{min-width:1000px}}@media (max-width: 768px){.orders-filter{flex-direction:column;gap:1rem}.orders-filter .form-group{min-width:100%}.date-filter-group>div{flex-direction:column}.date-filter-group>div span{display:none}.orders-table th,.orders-table td{padding:.75rem .5rem;font-size:.85rem}.order-number{font-size:.8rem}.type-badge{font-size:.7rem;padding:.25rem .6rem}.customer-name{font-size:.85rem}.payment-method,.date{font-size:.8rem}.time{font-size:.7rem}.status-badge{font-size:.7rem;padding:.25rem .6rem}.total-amount{font-size:1rem}}@media (max-width: 480px){.orders-table th,.orders-table td{padding:.5rem .25rem;font-size:.75rem}.summary-value{font-size:1.5rem}.page-title{font-size:2.2rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;overflow-y:auto}.modal-content{background:white;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.details-grid{grid-template-columns:1fr}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem;flex-direction:column}}.accountant-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.dashboard-subtitle{color:#666;font-size:1rem}.loading-state{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;color:#721c24;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.error-retry-button{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-card-title{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.stat-card-change{font-size:.875rem;font-weight:500;color:#666}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.chart-filter-container{margin-top:1rem;margin-bottom:1rem}.filter-button{padding:.5rem 1rem;border:1px solid #e9ecef;border-radius:6px;background:white;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.chart-container{background:white;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-top:1rem}.chart-legend{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e9ecef}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.recent-orders-table-container{background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-top:1rem}.recent-orders-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.recent-orders-table td{padding:1rem;border-bottom:1px solid #e9ecef;color:#666}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-method-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;background:#e3f2fd;color:#1976d2}@media (max-width: 768px){.accountant-dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-title{font-size:1.5rem}.chart-container{padding:1rem}.recent-orders-table-container{overflow-x:auto}.recent-orders-table{min-width:800px}.chart-filter-buttons{justify-content:flex-start}.filter-button{padding:.4rem .75rem;font-size:.8rem}}.orders-filter{margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.3)}.orders-filter .form-group{display:inline-block;margin-right:1rem}.orders-filter label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.orders-filter select{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:white;color:#2c3e50;cursor:pointer;transition:border-color .2s}.orders-filter select:hover{border-color:#3498db}.orders-filter select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.orders-filter input[type=date],.orders-filter input[type=month]{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:white;color:#2c3e50;cursor:pointer;transition:border-color .2s;width:100%}.orders-filter input[type=date]:hover,.orders-filter input[type=month]:hover{border-color:#3498db}.orders-filter input[type=date]:focus,.orders-filter input[type=month]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.date-filter-group{min-width:250px}.date-filter-group input[type=date],.date-filter-group input[type=month]{width:100%}.date-filter-group>div{width:100%}.date-filter-group>div input[type=date]{flex:1;min-width:120px}.orders-table-container{background:#ffffff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;overflow:hidden;overflow-x:auto}.orders-summary-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-radius:12px;padding:1.25rem 2rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #3498db4d;border:1px solid rgba(255,255,255,.2);flex-wrap:nowrap;gap:2rem;overflow-x:auto}.orders-summary-bar::-webkit-scrollbar{height:6px}.orders-summary-bar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.orders-summary-bar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.orders-summary-bar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.summary-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1;min-width:140px;white-space:nowrap}.summary-stat .stat-label{font-weight:500;color:#ffffffe6;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.summary-stat .stat-value{font-size:1.3rem;font-weight:700;color:#fff;line-height:1.2;word-break:break-word}.summary-stat .stat-value.profit{color:#2ecc71;text-shadow:0 2px 4px rgba(0,0,0,.2)}.orders-table{width:100%;border-collapse:collapse;background:#ffffff;min-width:1000px}.orders-table thead{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.orders-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.2)}.orders-table td{padding:1rem .75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.orders-table tbody tr:hover{background:#f8f9fa}.orders-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px;display:inline-block;border:1px solid rgba(0,0,0,.1);color:#fff!important;background-color:#6c757d!important}.actions-cell{white-space:nowrap}.actions-cell button{margin:0 .25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f8f9fa;color:#2c3e50}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:2px solid #e9ecef}.order-details-modal{max-width:900px}.order-details-section{margin-bottom:2rem}.order-details-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-weight:600;color:#6c757d;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#2c3e50;font-size:1rem}.items-table{width:100%;border-collapse:collapse;margin-top:1rem}.items-table th{background:#f8f9fa;padding:.75rem;text-align:left;font-weight:600;font-size:.85rem;color:#2c3e50;border-bottom:2px solid #e9ecef}.items-table td{padding:.75rem;border-bottom:1px solid #e9ecef}.items-table tbody tr:hover{background:#f8f9fa}.pricing-summary{background:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.summary-row:last-child{border-bottom:none}.summary-row.total-row{font-weight:700;font-size:1.1rem;color:#2c3e50;padding-top:1rem;margin-top:.5rem;border-top:2px solid #3498db}.status-modal{max-width:500px}.status-modal .form-group{margin-bottom:1.5rem}.status-modal label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.status-modal input,.status-modal select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s}.status-modal input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.status-modal input:focus,.status-modal select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.pdf-modal{max-width:500px}.pdf-modal .form-group{margin-bottom:1.5rem}.pdf-modal label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.pdf-modal input[type=file]{width:100%;padding:.75rem;border:2px dashed #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s}.pdf-modal input[type=file]:hover{border-color:#3498db;background:#e3f2fd}.file-input{width:100%;padding:.75rem;border:2px dashed #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s}.file-input:hover{border-color:#3498db;background:#e3f2fd}.message-popup{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;padding:2rem;text-align:center;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-popup .popup-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1rem;border:3px solid}.message-popup.success .popup-icon{background:#d4edda;color:#155724;border-color:#c3e6cb}.message-popup.error .popup-icon{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.message-popup h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.message-popup.success h3{color:#155724}.message-popup.error h3{color:#721c24}.message-popup p{margin:0 0 1.5rem;font-size:1rem;color:#2c3e50;line-height:1.6}.message-popup button{min-width:100px}@media (max-width: 768px){.orders-filter{flex-direction:column;gap:1rem}.orders-filter .form-group{display:block;width:100%;margin-right:0}.date-filter-group>div{flex-direction:column}.date-filter-group>div span{display:none}.orders-table{min-width:800px}.details-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.message-popup{width:95%;padding:1.5rem}.orders-summary-bar{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.summary-stat{min-width:100%;align-items:center;text-align:center}.summary-stat .stat-value{font-size:1.2rem}}.owner-dashboard{padding:20px}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.dashboard-subtitle{color:#666;font-size:14px}.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}.error-retry-button{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.error-retry-button:hover{background:#c82333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-card.alert{border-left:4px solid #dc3545}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.stat-card-change{font-size:14px;font-weight:500;color:#666}.stat-card-change.positive{color:#28a745}.stat-card-change.negative{color:#dc3545}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:20px}.chart-filter-container{margin-top:12px;margin-bottom:12px}.chart-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.filter-button{padding:8px 16px;border:1px solid #e9ecef;border-radius:6px;background:white;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.filter-button.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.chart-container{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-top:12px}.chart-legend{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #e9ecef}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px;display:inline-block}.low-stock-table-container{background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-top:12px}.low-stock-table{width:100%;border-collapse:collapse}.low-stock-table thead{background:#f8f9fa}.low-stock-table th{padding:12px;text-align:left;font-weight:600;color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.low-stock-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#333;font-size:14px}.low-stock-table tbody tr:hover{background:#f8f9fa}.low-stock-table tbody tr:last-child td{border-bottom:none}.low-stock-table td.low-stock{color:#dc3545;font-weight:600}.stock-status{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stock-status.critical{background:#f8d7da;color:#721c24}.stock-status.warning{background:#fff3cd;color:#856404}.recent-orders-table-container{background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-top:12px}.recent-orders-table{width:100%;border-collapse:collapse}.recent-orders-table thead{background:#f8f9fa}.recent-orders-table th{padding:12px;text-align:left;font-weight:600;color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.recent-orders-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#333;font-size:14px}.recent-orders-table tbody tr:hover{background:#f8f9fa}.recent-orders-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px;border:1px solid rgba(0,0,0,.1);color:#fff!important;background-color:#6c757d!important}.status-badge.status-pending{background:#ffc107!important;color:#000!important}.status-badge.status-confirmed{background:#17a2b8!important;color:#fff!important}.status-badge.status-processing{background:#007bff!important;color:#fff!important}.status-badge.status-shipped{background:#6f42c1!important;color:#fff!important}.status-badge.status-delivered{background:#28a745!important;color:#fff!important}.status-badge.status-cancelled{background:#dc3545!important;color:#fff!important}.status-badge.status-returned{background:#fd7e14!important;color:#fff!important}.status-badge.status-completed{background:#20c997!important;color:#fff!important}.status-badge.status-approved{background:#198754!important;color:#fff!important}.status-badge.status-rejected{background:#e83e8c!important;color:#fff!important}.status-badge.status-pending-review,.status-badge.status-pending_review{background:#ffc107!important;color:#000!important}.status-badge.status-under-review,.status-badge.status-under_review{background:#17a2b8!important;color:#fff!important}.payment-method-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.owner-dashboard{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.dashboard-title{font-size:24px}.chart-container{padding:16px}.low-stock-table-container,.recent-orders-table-container{overflow-x:auto}.low-stock-table,.recent-orders-table{min-width:1000px}.chart-filter-buttons{justify-content:flex-start}.filter-button{padding:.4rem .75rem;font-size:.8rem}}.products-page{padding:20px}.product-count-badge{background:linear-gradient(135deg,#0066cc 0%,#003d7a 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.products-toolbar-left,.filters{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background:white}.filter-select:focus{border-color:#06c}.products-summary{display:flex;justify-content:space-between;align-items:center;background:#0066cc;color:#fff;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a;overflow-x:auto;white-space:nowrap;gap:1.5rem;border:none}.summary-item{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem 0;flex-shrink:0;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.summary-label{font-size:.75rem;font-weight:500;color:#fff!important;opacity:1;margin-bottom:.2rem;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0}.summary-value{font-size:1.1rem;font-weight:700;color:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0}.summary-value.profit{color:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.product-card{background:white;border:2px solid #0066cc;border-radius:8px;padding:10px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-card-header{display:flex;flex-direction:column;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.product-image{width:100%;height:120px;object-fit:cover;border-radius:6px;border:1px solid #e0e0e0;background:#f8f9fa;position:relative;margin-bottom:6px}.product-tags-container{position:absolute;top:4px;left:4px;right:4px;display:flex;flex-wrap:wrap;gap:3px;z-index:10;pointer-events:none}.product-tag{padding:2px 6px;border-radius:8px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;box-shadow:0 1px 3px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.tag-coming-soon{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.tag-fire-price{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff}.tag-new-arrivals{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%);color:#fff}.tag-discount{background:linear-gradient(135deg,#f83600 0%,#f9d423 100%);color:#fff}.product-image-placeholder{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px dashed #e0e0e0;border-radius:6px;color:#888;font-size:10px;margin-bottom:6px}.product-info{width:100%;margin-top:0}.product-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.product-sku{font-size:13px;color:#666;margin:0 0 8px}.product-category{display:inline-block;padding:2px 6px;background:#e3f2fd;font-size:11px;color:#06c;border-radius:12px;font-size:12px;font-weight:500}.product-card-body{margin-bottom:8px}.product-details{display:flex;flex-direction:column;gap:4px}.product-brand{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#555}.brand-logo-small{width:16px;height:16px;object-fit:contain;border-radius:3px}.product-price{font-size:14px;font-weight:600;color:#1a1a1a}.product-stock{margin-top:4px}.stock-badge{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:500}.stock-badge.ok{background:#d4edda;color:#155724}.stock-badge.low{background:#fff3cd;color:#856404}.product-card-actions{display:flex;gap:4px;justify-content:space-between;align-items:center}.product-card-actions-left,.product-card-actions-right{display:flex;gap:4px}.btn-text{background:#e3f2fd;border:1px solid #0066cc;color:#06c;cursor:pointer;font-size:9px;font-weight:500;padding:3px 8px;border-radius:4px;transition:all .2s}.btn-activate{background:#f0f9f0;border-color:#4caf50;color:#4caf50}.btn-deactivate{background:#fff8e1;border-color:#ff9800;color:#ff9800}.success-popup,.error-popup,.confirm-popup{background:white;border-radius:16px;padding:40px;text-align:center;max-width:400px;box-shadow:0 10px 40px #0003;animation:popIn .3s ease-out}.success-icon,.error-icon,.confirm-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.error-icon{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%)}.confirm-icon{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.success-popup h3,.confirm-popup h3{margin:0 0 16px;font-size:24px;color:#1a1a1a}.success-popup p,.confirm-popup p{margin:0 0 24px;color:#555;font-size:16px;line-height:1.5}.product-form-modal{max-width:900px;max-height:90vh;overflow-y:auto}.product-form-content{padding:24px}.form-section{margin-bottom:24px}.form-section h3{margin:0 0 16px;font-size:18px;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.images-upload-section{margin-bottom:16px}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:2px dashed #e0e0e0;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s;text-align:center;gap:8px}.upload-icon{font-size:28px;margin-bottom:4px}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.product-image-item{border:2px solid #e0e0e0;border-radius:8px;padding:10px;background:#f8f9fa;transition:all .3s}.product-image-preview{width:100%;height:120px;object-fit:cover;border-radius:6px;display:block}.primary-badge{position:absolute;top:6px;left:6px;background:#4caf50;color:#fff;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600}.remove-image-btn{position:absolute;top:6px;right:6px;background:#f56565;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 4px #0003}.set-primary-btn{padding:4px 10px;background:#e3f2fd;border:1px solid #0066cc;color:#06c;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s}.generate-sku-btn{background:#e3f2fd;border:1px solid #0066cc;color:#06c;border-radius:6px;padding:10px 12px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px}.generate-sku-btn:hover{background:#0066cc;color:#fff;transform:rotate(180deg)}@media (max-width: 768px){.products-toolbar,.filters{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.products-grid{grid-template-columns:1fr}}.product-form-page{padding:20px;max-width:1200px;margin:0 auto}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c}.images-upload-section{margin-bottom:24px}.image-upload-container{position:relative}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.product-image-item{border:2px solid #e0e0e0;border-radius:8px;padding:12px;background:#f8f9fa;transition:all .3s}.product-image-item:hover{border-color:#06c;box-shadow:0 2px 8px #0066cc1a}.image-wrapper{position:relative;margin-bottom:8px}.product-image-preview{width:100%;height:200px;object-fit:cover;border-radius:6px;display:block}.primary-badge{position:absolute;top:8px;left:8px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.remove-image-btn{position:absolute;top:8px;right:8px;background:#f56565;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 4px #0003}.remove-image-btn:hover{background:#e53e3e}.image-actions{display:flex;justify-content:center}.set-primary-btn{padding:6px 12px;background:#e3f2fd;border:1px solid #0066cc;color:#06c;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.set-primary-btn:hover{background:#0066cc;color:#fff}.upload-status{margin-top:16px;padding:12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:14px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.product-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.form-actions{flex-direction:column}}.categories-page{padding:20px}.category-count-badge{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.categories-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.categories-toolbar-left,.filters{display:flex;gap:12px;align-items:center}.brand-filter{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background:white;cursor:pointer}.brand-filter:focus{border-color:#06c}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.category-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;gap:16px}.category-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;flex-shrink:0;background:#f8f9fa}.category-info{flex:1;margin-bottom:12px}.category-name{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.category-brands-tags{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.brands-tags-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.brands-tags-list{display:flex;flex-wrap:wrap;gap:8px}.brand-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-left:3px solid;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:rgba(102,126,234,.1);color:#333}.brand-tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026;opacity:.9}.brand-tag-logo{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.brand-tag-name{font-weight:500;color:#333}.brand-tag-count{font-size:11px;color:#666;font-weight:400}.category-card-body{margin-bottom:16px}.category-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.category-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.category-status.active{background:#d4edda;color:#155724}.category-status.inactive{background:#f8d7da;color:#721c24}.total-product-count{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.brand-product-counts{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.brand-counts-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.brand-counts-list{display:flex;flex-direction:column;gap:6px}.brand-count-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f8f9fa;border-radius:6px;font-size:13px;gap:8px}.brand-logo-tiny{width:20px;height:20px;object-fit:contain;border-radius:4px;flex-shrink:0}.brand-count-name{font-weight:500;color:#333}.brand-count-number{background:#0066cc;color:#fff;padding:2px 8px;border-radius:12px;font-weight:600;font-size:12px;min-width:24px;text-align:center}.category-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-text{background:#f0f4ff;border:1px solid #0066cc;color:#06c;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;border-radius:6px;transition:all .2s}.btn-text:hover{background:#0066cc;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0066cc4d}.confirm-popup{z-index:1001}.category-form{padding:24px}.form-section-header h3{margin:0;font-size:16px;font-weight:600;color:#06c;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-select:focus{border-color:#06c}.form-select{background:white;cursor:pointer}.image-url-input-wrapper{margin-top:8px}.image-url-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.image-url-input:focus{border-color:#06c}.import-modal-content{padding:24px}.import-instructions{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.import-instructions h3{margin:0 0 12px;font-size:16px;color:#333}.import-actions{margin-bottom:20px}.file-upload-placeholder small{font-size:12px;color:#888}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#e8f5e9;border-radius:6px;border:1px solid #4caf50}.file-name{font-weight:500;color:#2e7d32;flex:1}.remove-file-btn{background:#f56565;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-file-btn:hover{background:#e53e3e}.import-results h3{margin:0 0 12px;font-size:16px;color:#333}.results-summary{display:flex;gap:16px;margin-bottom:16px;font-weight:500}.result-success{color:#28a745}.result-failed{color:#dc3545}.errors-list h4{margin:0 0 8px;font-size:14px;color:#dc3545}.error-item{padding:8px;margin-bottom:4px;font-size:13px;color:#721c24;background:#f8d7da;border-radius:4px;border-left:3px solid #dc3545}.error-item strong{color:#721c24}.brand-details-modal{max-width:800px}.brand-details-content{padding:24px}.brand-details-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.brand-details-logo{width:80px;height:80px;object-fit:contain;border-radius:8px;border:2px solid #e0e0e0;padding:8px;background:#f8f9fa;flex-shrink:0}.brand-details-title{flex:1;display:flex;align-items:center;gap:12px}.brand-details-title h3{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.brand-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.brand-status-badge.active{background:#d4edda;color:#155724}.brand-status-badge.inactive{background:#f8d7da;color:#721c24}.brand-details-section{margin-bottom:24px}.brand-details-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#06c;text-transform:uppercase;letter-spacing:.5px}.brand-details-section p{margin:0;color:#555;line-height:1.6;font-size:14px}.brand-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.brand-info-item{display:flex;flex-direction:column;gap:4px}.brand-info-item.full-width{grid-column:1 / -1}.brand-info-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.brand-info-value{font-size:14px;color:#333;font-weight:500}.brand-info-value a{color:#06c;text-decoration:none;word-break:break-all}.brand-info-value a:hover{text-decoration:underline}.brand-color-preview{display:inline-block;width:20px;height:20px;border-radius:4px;border:1px solid #e0e0e0;vertical-align:middle;margin-right:8px}.brand-specialties,.brand-certifications{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.specialty-tag,.certification-tag{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.brand-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:24px}.btn-delete-brand{background:#fff5f5;border:1px solid #f56565;color:#f56565;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;transition:all .2s;flex:0 0 auto;font-family:inherit}.btn-delete-brand:hover{background:#f56565;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #f565654d}.btn-delete-brand:active{transform:translateY(0)}.brands-multiselect-container{display:flex;flex-direction:column;gap:12px}.brands-selected-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px;border:1px solid #e0e0e0;border-radius:6px;background:#f8f9fa}.selected-brand-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:white;border:1px solid #0066cc;border-radius:6px;font-size:13px;font-weight:500;color:#333}.selected-brand-logo{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.remove-brand-btn{background:none;border:none;color:#f56565;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0;margin-left:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.remove-brand-btn:hover{background:#f56565;color:#fff}.brands-select{width:100%}.brands-required-hint{font-size:12px;color:#f56565;font-style:italic}@media (max-width: 768px){.categories-toolbar{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.search-input{min-width:auto}.categories-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.form-grid{grid-template-columns:1fr}.success-popup,.confirm-popup{padding:30px 20px;max-width:90%}}.brands-page{padding:20px}.brand-count-badge{background:linear-gradient(135deg,#0066cc 0%,#003d7a 100%);color:#fff!important;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.brands-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.brands-toolbar-left,.filters{display:flex;gap:12px;align-items:center}.filter-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:#555}.toggle-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0066cc}.toggle-label{font-weight:500;color:#333}.search-input:focus{border-color:#667eea}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.brand-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.brand-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.brand-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;position:relative}.brand-color-indicator{width:32px;height:32px;border-radius:8px;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;background:#f8f9fa;padding:8px}.brand-info{flex:1}.brand-name{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.brand-description{font-size:14px;color:#666;margin:0;line-height:1.5}.brand-card-body{margin-bottom:16px}.brand-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.product-count{background:#f0f4ff;color:#667eea;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.brand-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.brand-status.active{background:#d4edda;color:#155724}.brand-status.inactive{background:#fff3cd;color:#856404;border:1px solid #ffc107}.brand-website{font-size:13px}.brand-website a{color:#667eea;text-decoration:none}.brand-website a:hover{text-decoration:underline}.brand-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-text{background:#f0f4ff;border:1px solid #667eea;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;border-radius:6px;transition:all .2s}.btn-activate{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.btn-activate:hover{background:#4caf50;color:#fff;box-shadow:0 2px 4px #4caf504d}.btn-deactivate{background:#fff3e0;border-color:#ff9800;color:#ff9800}.btn-deactivate:hover{background:#ff9800;color:#fff;box-shadow:0 2px 4px #ff98004d}.modal-content{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;margin:auto;position:relative}.brand-form{padding:24px}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{resize:vertical}@media (max-width: 768px){.brands-toolbar{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.search-input{min-width:auto}.brands-grid{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.form-grid{grid-template-columns:1fr}.success-popup,.confirm-popup{padding:30px 20px;max-width:90%}}.color-picker-group{display:flex;align-items:center;gap:12px}.color-picker{width:60px;height:40px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;outline:none}.color-picker:hover{border-color:#667eea}.color-input{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:monospace;text-transform:uppercase}.color-input:focus{border-color:#667eea;outline:none}.color-hint{display:block;margin-top:6px;font-size:12px;color:#888;font-style:italic}.logo-upload-container{display:flex;flex-direction:column;gap:12px}.logo-upload-placeholder{position:relative}.logo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #e0e0e0;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s;text-align:center;gap:8px}.logo-upload-label:hover{border-color:#667eea;background:#f0f4ff}.logo-upload-label span:not(.upload-icon){font-size:14px;font-weight:500;color:#555}.logo-upload-label small{font-size:12px;color:#888}.logo-preview-wrapper{position:relative;display:inline-block;border:2px solid #e0e0e0;border-radius:8px;padding:8px;background:#f8f9fa}.logo-preview{max-width:200px;max-height:200px;object-fit:contain;display:block;border-radius:4px}.remove-logo-btn{margin-top:8px;padding:6px 16px;background:#fff5f5;border:1px solid #f56565;color:#f56565;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;width:100%}.remove-logo-btn:hover{background:#f56565;color:#fff}.logo-url-input-wrapper{margin-top:8px}.logo-url-input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.logo-url-input:focus{border-color:#667eea}.upload-status{margin-top:8px;padding:8px 12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:13px;text-align:center}.users-page{padding:20px}.user-count-badge{background:linear-gradient(135deg,#0066cc 0%,#003d7a 100%);color:#fff!important;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.limit-warning{color:#f5576c;font-size:12px;margin-left:8px;font-weight:500}.filters{display:flex;gap:12px}.filter-select,.search-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.filter-select:focus,.search-input:focus{border-color:#667eea}.users-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 4px #0000000d}.users-table{width:100%;border-collapse:collapse;background:white}.users-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.users-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:#555;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.users-table tbody tr:hover{background:#f8f9fa}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;color:#1a1a1a;font-size:14px}.user-username{font-size:12px;color:#888}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.role-owner{background:#e3f2fd;color:#1976d2}.role-admin{background:#f3e5f5;color:#7b1fa2}.role-accountant{background:#e0f2f1;color:#00796b}.role-salesman{background:#e8f5e9;color:#388e3c}.role-default{background:#f5f5f5;color:#616161}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-text{background:#f0f4ff;border:1px solid #667eea;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s;white-space:nowrap}.btn-text:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.btn-delete{background:#fff5f5;border-color:#f56565;color:#f56565}.btn-delete:hover{background:#f56565;color:#fff;box-shadow:0 2px 4px #f565654d}.btn-text.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-text:disabled{opacity:.4;cursor:not-allowed;background:#f0f0f0;border-color:#ccc;color:#999}.user-form{padding:24px}.form-section-header{margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.form-section-header:first-child{margin-top:0}.form-section-header h3{margin:0;font-size:16px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#555;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.profile-modal{max-width:600px}.profile-content{padding:24px;text-align:center}.profile-avatar-large{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #0000001a}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:48px}.profile-info h3{margin:0 0 8px;font-size:24px;color:#1a1a1a}.profile-email{color:#555;margin:0 0 4px}.profile-username{color:#888;font-size:14px;margin:0 0 16px}.profile-badges{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.profile-details{text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px}.detail-row{padding:8px 0;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#555;font-weight:500}.salesman-stats{margin-top:24px;padding-top:24px;border-top:2px solid #e0e0e0}.salesman-stats h4{margin:0 0 16px;font-size:18px;color:#1a1a1a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-align:center}.stat-value{font-size:24px;font-weight:600;color:#667eea;margin-bottom:4px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.error-popup{background:white;border-radius:16px;padding:40px;text-align:center;max-width:400px;box-shadow:0 10px 40px #0003;animation:popIn .3s ease-out}.error-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.error-popup h3{margin:0 0 16px;font-size:24px;color:#1a1a1a}.error-popup p{margin:0 0 24px;color:#555;font-size:16px;line-height:1.5}.confirm-popup{background:white;border-radius:16px;padding:40px;text-align:center;max-width:450px;box-shadow:0 10px 40px #0003;animation:popIn .3s ease-out}.confirm-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.confirm-popup h3{margin:0 0 16px;font-size:24px;color:#1a1a1a}.confirm-popup p{margin:0 0 24px;color:#555;font-size:16px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:center}.password-modal{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;animation:popIn .3s ease-out}.password-form{padding:24px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.users-toolbar{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.search-input{min-width:auto}.users-table{font-size:12px}.users-table th,.users-table td{padding:8px}.action-buttons{flex-wrap:wrap}.modal-content{width:95%;max-height:95vh}.stats-grid{grid-template-columns:1fr}.success-popup,.confirm-popup{padding:30px 20px;max-width:90%}.confirm-actions{flex-direction:column}}.image-upload-container{display:flex;flex-direction:column;gap:12px}.image-upload-placeholder{position:relative}.image-file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #e0e0e0;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s;text-align:center;gap:8px}.image-upload-label:hover{border-color:#06c;background:#f0f4ff}.upload-icon{font-size:32px;margin-bottom:4px}.image-upload-label span:not(.upload-icon){font-size:14px;font-weight:500;color:#555}.image-upload-label small{font-size:12px;color:#888}.image-preview-wrapper{position:relative;display:inline-block;border:2px solid #e0e0e0;border-radius:8px;padding:8px;background:#f8f9fa}.image-preview{max-width:200px;max-height:200px;object-fit:contain;display:block;border-radius:4px}.remove-image-btn{margin-top:8px;padding:6px 16px;background:#fff5f5;border:1px solid #f56565;color:#f56565;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;width:100%}.remove-image-btn:hover{background:#f56565;color:#fff}.upload-status{margin-top:8px;padding:8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px;text-align:center}.settings-page{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c}.form-group small{display:block;margin-top:4px;font-size:12px;color:#888}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.logo-upload-container{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #e0e0e0;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s;text-align:center;gap:8px;width:100%;max-width:400px}.logo-upload-placeholder:hover{border-color:#06c;background:#f0f4ff}.logo-file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.upload-icon{font-size:48px;margin-bottom:8px}.logo-upload-placeholder span{font-size:14px;font-weight:500;color:#555}.logo-upload-placeholder small{font-size:12px;color:#888}.logo-preview-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.logo-preview{width:200px;height:200px;object-fit:contain;border-radius:8px;border:2px solid #e0e0e0;background:#f8f9fa;padding:10px}.remove-logo-btn{position:absolute;top:-10px;right:-10px;background:#f56565;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 4px #0003}.remove-logo-btn:hover:not(:disabled){background:#e53e3e}.remove-logo-btn:disabled{opacity:.5;cursor:not-allowed}.upload-status{margin-top:12px;padding:10px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:13px;text-align:center}.success-popup{background:white;border-radius:16px;padding:40px;text-align:center;max-width:400px;box-shadow:0 10px 40px #0003;animation:popIn .3s ease-out}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.success-popup .success-icon{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}.success-popup h3{margin:0 0 16px;font-size:24px;color:#1a1a1a}.success-popup p{margin:0 0 24px;color:#555;font-size:16px;line-height:1.5}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.logo-preview{width:150px;height:150px}}.accounts-page{padding:20px}.page-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0;background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-count-badge{background:linear-gradient(135deg,#0066cc 0%,#003d7a 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.accounts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.accounts-toolbar-left{display:flex;gap:12px}.accounts-toolbar-right{display:flex;gap:12px;align-items:center}.filter-select,.search-input{padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.filter-select:focus,.search-input:focus{border-color:#06c}.search-input{min-width:250px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.account-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.account-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.account-card.inactive{opacity:.7;background:#f8f9fa}.account-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.account-logo-wrapper{flex-shrink:0}.account-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;padding:4px}.account-logo-placeholder{width:60px;height:60px;border-radius:8px;border:1px solid #e0e0e0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:10px;font-weight:500;text-align:center;padding:4px}.account-header-info{flex:1;display:flex;justify-content:space-between;align-items:flex-start}.account-header-info h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;flex:1}.account-status{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.account-status.active{background-color:#d4edda;color:#155724}.account-status.inactive{background-color:#f8d7da;color:#721c24}.account-details{margin-bottom:16px}.account-details p{margin:0 0 8px;font-size:14px;color:#555;line-height:1.5}.account-details p strong{color:#1a1a1a;margin-right:8px}.account-balance-info{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:12px;border-radius:8px;margin-bottom:12px;border-left:4px solid #0066cc}.account-balance-info p{margin:4px 0;font-size:13px;color:#2c3e50}.account-balance-info p strong{color:#06c;font-weight:600}.account-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.btn-view{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #0066cc;background:#e3f2fd;color:#06c}.btn-view:hover{background:#0066cc;color:#fff;box-shadow:0 2px 4px #0066cc4d}.btn-activate,.btn-deactivate{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.btn-activate{background:#d4edda;border-color:#28a745;color:#28a745}.btn-activate:hover{background:#28a745;color:#fff;box-shadow:0 2px 4px #28a7454d}.btn-deactivate{background:#f8d7da;border-color:#dc3545;color:#dc3545}.btn-deactivate:hover{background:#dc3545;color:#fff;box-shadow:0 2px 4px #dc35454d}.modal-content{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;animation:popIn .3s ease-out}.account-form{padding:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#1a1a1a}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#06c}.address-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.address-fields .form-group{margin-bottom:0}.staff-member-row{margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.staff-member-row:last-of-type{margin-bottom:12px}.staff-name-input-wrapper{display:flex;gap:8px;align-items:flex-start}.staff-name-input-wrapper input{flex:1}.remove-staff-btn{background:#dc3545;color:#fff;border:none;border-radius:6px;width:32px;height:38px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-staff-btn:hover{background:#c82333;transform:scale(1.05)}.add-staff-btn{background:#e3f2fd;color:#06c;border:1px solid #0066cc;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;margin-top:8px}.add-staff-btn:hover{background:#0066cc;color:#fff;box-shadow:0 2px 4px #0066cc4d}.staff-list{margin-bottom:12px}.staff-item{margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #0066cc}.staff-item:last-child{margin-bottom:0}.staff-item p{margin:4px 0}.staff-detail{font-size:13px;color:#666;margin-left:12px}.view-modal-content{max-width:800px}.view-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.view-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.view-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.view-section h3{font-size:18px;color:#1a1a1a;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #0066cc}.view-field{display:flex;margin-bottom:12px;align-items:flex-start}.view-field strong{min-width:150px;color:#555;font-weight:500;margin-right:12px}.view-field span{color:#1a1a1a;flex:1;word-break:break-word}.staff-view-item{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:12px;border-left:3px solid #0066cc}.staff-view-item:last-child{margin-bottom:0}.staff-view-item .view-field{margin-bottom:8px}.staff-view-item .view-field:last-child{margin-bottom:0}.logo-upload-container{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-upload-placeholder{width:100%;max-width:200px;height:150px;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;background:#f8f9fa;position:relative;color:#666;font-size:14px}.logo-upload-placeholder:hover{border-color:#06c;background:#e3f2fd}.logo-file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-icon{font-size:32px}.logo-preview-wrapper{position:relative;display:inline-block}.logo-preview{width:150px;height:150px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;padding:8px}.remove-logo-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0003}.remove-logo-btn:hover{background:#c82333;transform:scale(1.1)}.upload-status{color:#06c;font-size:14px;font-style:italic}.view-logo{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;padding:8px}.import-modal-content{max-width:700px}.import-modal-body{padding:24px}.import-instructions{margin-bottom:24px}.import-instructions h3{font-size:18px;color:#1a1a1a;margin:0 0 12px}.instructions-list{margin:0;padding-left:20px;color:#555}.instructions-list li{margin-bottom:8px;line-height:1.5}.instructions-list code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.file-upload-section{margin-bottom:24px}.file-upload-label{display:block;cursor:pointer}.file-input{display:none}.file-upload-box{border:2px dashed #e0e0e0;border-radius:8px;padding:24px;text-align:center;transition:all .3s;background:#f8f9fa}.file-upload-box:hover{border-color:#06c;background:#f0f4ff}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon-large{font-size:48px}.file-upload-placeholder span:not(.upload-icon-large){font-size:14px;font-weight:500;color:#555}.file-selected{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-name{flex:1;text-align:left;font-size:14px;color:#1a1a1a}.remove-file-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.import-results{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px}.results-summary{display:flex;gap:16px;margin-bottom:16px}.result-success{color:#155724;font-weight:500}.result-failed{color:#721c24;font-weight:500}.errors-list{margin-top:16px}.errors-list h4{font-size:14px;color:#721c24;margin:0 0 8px}.errors-scroll{max-height:200px;overflow-y:auto;background:white;padding:12px;border-radius:6px;border:1px solid #e0e0e0}.error-item{padding:8px;margin-bottom:8px;background:#fff5f5;border-left:3px solid #f56565;border-radius:4px;font-size:13px;color:#721c24}.error-item:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.specializations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:200px;overflow-y:auto;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa}.specialization-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555}.specialization-checkbox input[type=checkbox]{width:auto;cursor:pointer}.specialization-checkbox:hover{color:#06c}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.confirm-popup{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:popIn .3s ease-out}.confirm-popup h3{margin:0 0 16px;font-size:20px;color:#1a1a1a}.confirm-popup p{margin:0 0 24px;color:#555;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.accounts-toolbar{flex-direction:column;align-items:stretch}.accounts-toolbar-right{flex-direction:column}.search-input{min-width:100%}.accounts-grid,.form-row,.specializations-list{grid-template-columns:1fr}}.calendar-page{padding:20px;position:relative}.notification-popup{position:fixed;top:20px;right:20px;z-index:2000;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;gap:1rem}.notification-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;opacity:.7}.notification-close:hover{opacity:1;background:rgba(0,0,0,.1)}.notification-success{background:#28a745;color:#fff}.notification-error{background:#dc3545;color:#fff}.notification-info{background:#17a2b8;color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.calendar-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.current-month{font-size:16px;font-weight:500;color:#1a1a1a;min-width:150px;text-align:center}.calendar-filters{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.calendar-filters .form-group{margin-bottom:0}.calendar-filters label{display:block;margin-bottom:8px;font-weight:500;color:#1a1a1a;font-size:14px}.calendar-filters select{width:100%;max-width:400px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;background:white;color:#1a1a1a}.calendar-filters select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.calendar-filters select:disabled{background:#f8f9fa;cursor:not-allowed}.calendar-container{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e0e0e0;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.calendar-day-header{background:#f8f9fa;padding:.75rem;text-align:center;font-weight:600;color:#495057;font-size:.9rem}.calendar-day{background:white;min-height:120px;padding:.5rem;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;position:relative}.calendar-day:hover{background:#f0f0f0}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd}.calendar-day.today{background:#e3f2fd;border:2px solid #2196f3}.day-number{font-weight:600;font-size:.9rem;margin-bottom:.25rem;color:#495057}.day-events{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.event-tag{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;color:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s;font-weight:500;box-shadow:0 1px 3px #0003}.event-tag:hover{opacity:.9;transform:scale(1.05);box-shadow:0 2px 5px #0000004d;z-index:10;position:relative}.more-events{font-size:.7rem;color:#6c757d;padding:.2rem .5rem;font-style:italic;cursor:pointer;transition:all .2s ease}.more-events:hover{color:#1976d2;font-weight:600;background-color:#1976d21a;border-radius:4px}.loading-state{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:white;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.event-modal,.event-details-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:20px;color:#1a1a1a;font-weight:600}.modal-close{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:#f0f0f0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e0e0e0}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#1a1a1a;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;background:white;color:#1a1a1a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.calendar-page{padding:16px}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-controls{width:100%;justify-content:space-between}.calendar-day{min-height:100px}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:16px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width: 480px){.calendar-day{min-height:80px;padding:.25rem}.day-number{font-size:.8rem}.event-tag{font-size:.65rem;padding:.2rem .4rem}.calendar-day-header{padding:.5rem .25rem;font-size:.8rem}.notification-popup{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.notification-content{padding:.875rem 1rem}.notification-message{font-size:.875rem}}.all-events-modal{max-width:600px;max-height:80vh}.all-events-list{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto;padding:.5rem 0}.event-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e0e0e0}.event-item:hover{background:#e3f2fd;border-color:#1976d2;transform:translate(4px);box-shadow:0 2px 8px #1976d233}.event-color-indicator{width:12px;height:12px;border-radius:50%;margin-top:.25rem;flex-shrink:0;box-shadow:0 1px 3px #0003}.event-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.event-item-title{font-weight:600;font-size:1rem;color:#212121}.event-item-details{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.85rem;color:#666}.event-item-type{background:#1976d2;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.event-item-time{color:#666;font-weight:500}.event-item-account{color:#1976d2;font-weight:500}.event-item-description{font-size:.85rem;color:#666;line-height:1.4;margin-top:.25rem}.reports-page{padding:20px}.reports-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.reports-toolbar-left{display:flex;gap:12px;align-items:center}.reports-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;font-size:14px;color:#1a1a1a}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;background:white;color:#1a1a1a}.clear-filter-btn{padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;margin-top:8px;transition:background .2s}.clear-filter-btn:hover{background:#e0e0e0}.reports-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.reports-table{width:100%;border-collapse:collapse;background:white}.reports-table thead{background:#f5f5f5}.reports-table th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:#1a1a1a;border-bottom:2px solid #e0e0e0}.reports-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:14px;color:#333}.reports-table tbody tr:hover{background:#f9f9f9}.report-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.report-type-badge.type-pdf{background:#e3f2fd;color:#1976d2}.report-type-badge.type-file{background:#fff3e0;color:#f57c00}.btn-view-report{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-view-report:hover{background:#0056b3}.report-viewer-modal{max-width:900px;width:90%;max-height:90vh}.report-info-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.report-info-item{margin-bottom:12px;font-size:14px}.report-info-item strong{display:inline-block;min-width:120px;color:#1a1a1a}.report-viewer-section{margin-top:1.5rem}.file-download-section{background:#f9f9f9;border-radius:8px;padding:2rem}.btn-download-report{display:inline-block;padding:.75rem 1.5rem;background:#28a745;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.btn-download-report:hover{background:#218838}.error-popup{background:white;padding:2rem;border-radius:8px;max-width:400px;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-popup h3{margin:0 0 1rem;color:#dc3545}.error-popup p{margin-bottom:1.5rem;color:#666}.marketing-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.marketing-count-badge{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.marketing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.marketing-stat-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.marketing-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.marketing-stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.marketing-stat-card-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.marketing-stat-card-value{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.marketing-stat-card-change{font-size:14px;font-weight:500;color:#666}.account-type-table-container{background:white;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.account-type-table{width:100%;border-collapse:collapse}.account-type-table thead{background:#f8f9fa}.account-type-table th{padding:12px;text-align:left;font-weight:600;color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.account-type-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.account-type-table tbody tr:hover{background-color:#f8f9fa}.account-type-table tbody tr:last-child{border-bottom:none}.account-type-table td{padding:12px;font-size:14px;color:#333}.account-type-table td:first-child{font-weight:600;color:#1a1a1a}.marketing-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.marketing-toolbar-left,.filters{display:flex;gap:12px;align-items:center}.search-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;min-width:300px}.search-input:focus{border-color:#06c}.staff-table-container{background:white;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.staff-table{width:100%;border-collapse:collapse;min-width:1000px}.staff-table thead{background:#f8f9fa}.staff-table th{padding:12px;text-align:left;font-weight:600;color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.staff-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.staff-table tbody tr:hover{background-color:#f8f9fa}.staff-table tbody tr:last-child{border-bottom:none}.staff-table td{padding:12px;font-size:14px;color:#333}.staff-table td:first-child{font-weight:600;color:#1a1a1a}.empty-state{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px;background:white;border:1px solid #e0e0e0;border-radius:12px}@media (max-width: 768px){.marketing-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.marketing-stats-grid{grid-template-columns:1fr;gap:12px}.account-type-grid{grid-template-columns:1fr}.marketing-toolbar{flex-direction:column;align-items:stretch}.marketing-toolbar-left,.filters{width:100%}.search-input{width:100%;min-width:auto}.staff-table-container{overflow-x:auto}}.salesman-dashboard{padding:20px}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;color:#000}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.summary-card .summary-label{font-size:.875rem;font-weight:500;color:#000!important;margin-bottom:8px}.summary-card .summary-value{font-size:1.5rem;font-weight:700;color:#000!important}.summary-progress{margin-top:12px}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.progress-text{font-size:.75rem;color:#666;font-weight:500}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.chart-container{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.chart-container h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:16px}.recent-orders{background:white;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.recent-orders h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:16px}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;font-size:.875rem;color:#495057;border-bottom:2px solid #dee2e6}.orders-table td{padding:12px;border-bottom:1px solid #e9ecef;font-size:.875rem;color:#495057}.orders-table tr:hover{background:#f8f9fa}.salesman-dashboard .status-badge,.recent-orders .status-badge,.orders-table .status-badge,.salesman-dashboard table .status-badge,.recent-orders table .status-badge,.orders-table table .status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid rgba(0,0,0,.1);color:#fff!important;background-color:#6c757d!important}.salesman-dashboard .status-badge.status-pending,.recent-orders .status-badge.status-pending,.orders-table .status-badge.status-pending{background:#ffc107!important;color:#000!important}.salesman-dashboard .status-badge.status-confirmed,.recent-orders .status-badge.status-confirmed,.orders-table .status-badge.status-confirmed{background:#17a2b8!important;color:#fff!important}.salesman-dashboard .status-badge.status-processing,.recent-orders .status-badge.status-processing,.orders-table .status-badge.status-processing{background:#007bff!important;color:#fff!important}.salesman-dashboard .status-badge.status-shipped,.recent-orders .status-badge.status-shipped,.orders-table .status-badge.status-shipped{background:#6f42c1!important;color:#fff!important}.salesman-dashboard .status-badge.status-delivered,.recent-orders .status-badge.status-delivered,.orders-table .status-badge.status-delivered{background:#28a745!important;color:#fff!important}.salesman-dashboard .status-badge.status-cancelled,.recent-orders .status-badge.status-cancelled,.orders-table .status-badge.status-cancelled{background:#dc3545!important;color:#fff!important}.salesman-dashboard .status-badge.status-returned,.recent-orders .status-badge.status-returned,.orders-table .status-badge.status-returned{background:#fd7e14!important;color:#fff!important}.salesman-dashboard .status-badge.status-completed,.recent-orders .status-badge.status-completed,.orders-table .status-badge.status-completed{background:#20c997!important;color:#fff!important}.salesman-dashboard .status-badge.status-approved,.recent-orders .status-badge.status-approved,.orders-table .status-badge.status-approved{background:#198754!important;color:#fff!important}.salesman-dashboard .status-badge.status-rejected,.recent-orders .status-badge.status-rejected,.orders-table .status-badge.status-rejected{background:#e83e8c!important;color:#fff!important}.salesman-dashboard .status-badge.status-pending-review,.recent-orders .status-badge.status-pending-review,.orders-table .status-badge.status-pending-review,.salesman-dashboard .status-badge.status-pending_review,.recent-orders .status-badge.status-pending_review,.orders-table .status-badge.status-pending_review{background:#ffc107!important;color:#000!important}.salesman-dashboard .status-badge.status-under-review,.recent-orders .status-badge.status-under-review,.orders-table .status-badge.status-under-review,.salesman-dashboard .status-badge.status-under_review,.recent-orders .status-badge.status-under_review,.orders-table .status-badge.status-under_review{background:#17a2b8!important;color:#fff!important}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;padding:0}.btn-link:hover{color:#0056b3}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:12px 20px;margin-bottom:20px;color:#721c24;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.error-message p{margin:0;font-weight:500}.btn-primary{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:#0056b3}.empty-state{text-align:center;padding:40px 20px;color:#666;font-size:16px}@media (max-width: 768px){.dashboard-summary,.dashboard-charts{grid-template-columns:1fr}.orders-table{font-size:.75rem}.orders-table th,.orders-table td{padding:8px}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(https://res.cloudinary.com/dvybb2xnc/image/upload/v1763543451/accounts/orvtk0dzfxyj7mrgnfts.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:20px;position:relative;overflow:hidden}.admin-login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);pointer-events:none}.admin-login-form{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3;padding:50px 40px;width:100%;max-width:420px;position:relative;z-index:1;border:1px solid rgba(255,255,255,.3)}.verification-inline-wrapper{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem 0}.admin-login-header{text-align:center;margin-bottom:40px;position:relative}.admin-login-logo-section{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.admin-login-logo{height:40px;width:auto;object-fit:contain;transition:all .3s ease}.admin-login-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(30,64,175,.2))}.admin-login-header h1{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.admin-login-header p{color:#718096;font-size:15px;margin:0;font-weight:500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.admin-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{color:#4a5568;font-weight:600;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.admin-login-form .form-group label:before{content:"👤";font-size:16px}.admin-login-form .form-group:nth-child(2) label:before{content:"🔑"}.form-group input{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:rgba(248,250,252,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.form-group input:focus{outline:none;border-color:#3b82f6;background:white;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-2px)}.form-group input.error{border-color:#e53e3e;background:rgba(254,215,215,.8);box-shadow:0 0 0 4px #e53e3e1a}.field-error{color:#e53e3e;font-size:12px;margin-top:4px}.admin-login-btn{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);color:#fff;border:none;padding:18px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.admin-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.admin-login-btn:hover:not(:disabled):before{left:100%}.admin-login-btn:active:not(:disabled){transform:translateY(-1px)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #667eea33}.error-message{background:linear-gradient(135deg,#fed7d7 0%,#feb2b2 100%);color:#c53030;padding:16px 20px;border-radius:12px;margin-bottom:24px;border-left:4px solid #e53e3e;font-size:14px;font-weight:600;box-shadow:0 4px 12px #e53e3e26;position:relative;animation:shake .5s ease-in-out}.error-message:before{content:"⚠️";margin-right:8px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin-login-footer{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid rgba(226,232,240,.5);position:relative}.admin-login-footer:before{content:"🛡️";display:block;font-size:24px;margin-bottom:12px;opacity:.7}.admin-login-footer p{color:#a0aec0;font-size:13px;margin:0;font-weight:500;line-height:1.4}@media (max-width: 768px){.admin-login-container{padding:15px}.admin-login-form{padding:40px 30px;max-width:100%}.admin-login-header h1{font-size:28px}.admin-login-header:before{font-size:40px}}@media (max-width: 480px){.admin-login-container{padding:10px}.admin-login-form{padding:30px 20px;border-radius:16px}.admin-login-header h1{font-size:24px}.admin-login-header:before{font-size:36px}.form-group input{padding:14px 16px;font-size:15px}.admin-login-btn{padding:16px 24px;font-size:15px}}@media (prefers-color-scheme: dark){.admin-login-form{background:rgba(26,32,44,.95);border:1px solid rgba(255,255,255,.1)}.admin-login-header h1{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group input{background:rgba(45,55,72,.8);border-color:#ffffff1a;color:#fff}.form-group input:focus{background:rgba(45,55,72,1);border-color:#3b82f6}}.admin-dashboard{min-height:100vh;background:#f7fafc}.admin-header{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 50%,#93c5fd 100%);color:#1e40af;padding:20px 0;box-shadow:0 4px 6px #3b82f633;border-bottom:2px solid #60a5fa}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.admin-logo-section{display:flex;align-items:center;gap:15px}.admin-logo{height:45px;width:auto;object-fit:contain;transition:all .3s ease}.admin-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(30,64,175,.3))}.admin-header h1{font-size:28px;font-weight:700;margin:0;color:#1e3a8a}.admin-user-info{display:flex;align-items:center;gap:20px}.admin-user-info span{font-size:16px;font-weight:500;color:#1e3a8a}.logout-btn{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);color:#fff;border:1px solid #2563eb;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.logout-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 8px #1e40af4d}.admin-content{max-width:1200px;margin:0 auto;padding:20px}.admin-navigation{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.admin-nav{display:flex;gap:8px;justify-content:center}.admin-nav button{background:none;border:none;padding:12px 24px;text-align:center;cursor:pointer;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;transition:all .3s ease;min-width:120px;border:2px solid transparent}.admin-nav button:hover{background:#e0f2fe;color:#1e40af;border-color:#3b82f6;transform:translateY(-1px)}.admin-nav button.active{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;border-color:#1e40af;box-shadow:0 4px 12px #1e40af4d}.admin-main{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.content-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.content-header h2{color:#2d3748;font-size:24px;font-weight:600;margin:0}.filter-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-toggle-btn{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #1e40af33}.filter-toggle-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.filter-toggle-btn.active{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);box-shadow:0 4px 12px #1e40af66}.results-count{background:#f7fafc;color:#4a5568;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;border:1px solid #e2e8f0}.filter-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:4px}.filter-input,.filter-select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s;background:white}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-input::placeholder{color:#a0aec0}.filter-actions{display:flex;align-items:end;justify-content:flex-end}.clear-filters-btn{background:#e53e3e;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.clear-filters-btn:hover{background:#c53030;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%);border-radius:12px;padding:24px;text-align:center;border-left:4px solid #3b82f6;box-shadow:0 2px 8px #1e40af1a;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1e40af26}.stat-card.pending{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.stat-card.approved{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.stat-card.rejected{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)}.stat-card h3{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.stat-number{color:#2d3748;font-size:32px;font-weight:700;margin:0}.recent-companies h3{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:15px}.companies-list{display:flex;flex-direction:column;gap:15px}.company-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.company-info h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 5px}.company-info p{color:#718096;font-size:14px;margin:2px 0}.status-badge{padding:6px 14px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;gap:4px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.pending{background:linear-gradient(135deg,#fef5e7 0%,#f6e05e 100%);color:#b7791f;border-color:#f6e05e}.status-badge.approved{background:linear-gradient(135deg,#f0fff4 0%,#68d391 100%);color:#22543d;border-color:#68d391}.status-badge.rejected{background:linear-gradient(135deg,#fed7d7 0%,#fc8181 100%);color:#742a2a;border-color:#fc8181}.status-badge.hold{background:linear-gradient(135deg,#e6fffa 0%,#4fd1c7 100%);color:#234e52;border-color:#4fd1c7}.companies-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.view-controls{display:flex;gap:8px}.view-toggle-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#4a5568;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.view-toggle-btn:hover{background:#edf2f7;border-color:#cbd5e0}.view-toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.companies-summary,.companies-list{display:flex;flex-direction:column;gap:20px}.company-card{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0;transition:all .2s}.company-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.company-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.company-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.company-view-controls{display:flex;gap:6px}.company-view-controls .view-toggle-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.company-view-controls .view-toggle-btn:hover{background:#edf2f7;border-color:#cbd5e0}.company-view-controls .view-toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.company-details{margin-bottom:20px}.detail-row{display:flex;margin-bottom:8px;font-size:14px}.detail-row strong{color:#4a5568;min-width:140px;margin-right:10px}.detail-row span{color:#2d3748}.companies-detailed-container{display:flex;flex-direction:column;gap:25px}.company-detailed-card{background:white;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.company-detailed-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.company-detailed-header{background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);padding:20px 25px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.company-detailed-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.company-header-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.company-detailed-content{padding:25px}.info-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.info-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section h4{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 15px;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #667eea}.info-item strong{color:#4a5568;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#2d3748;font-size:14px;font-weight:500;word-break:break-word}.iban-text{font-family:monospace;font-size:13px;background:#e2e8f0;padding:4px 8px;border-radius:4px}.companies-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0;background:white}.companies-table{width:100%;border-collapse:collapse;font-size:14px;min-width:2000px}.companies-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.companies-table th{padding:12px 8px;text-align:left;font-weight:600;color:#4a5568;border-right:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;background:#f8fafc;z-index:10}.companies-table td{padding:12px 8px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;vertical-align:top;max-width:150px;word-wrap:break-word}.company-row:hover{background:#f8fafc}.company-name-cell{font-weight:600;color:#2d3748;min-width:120px}.iban-cell{font-family:monospace;font-size:12px;max-width:120px}.actions-cell{text-align:center;min-width:80px}.company-actions{display:flex;gap:5px;justify-content:center}.approve-btn,.reject-btn{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.approve-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:1px solid #059669}.approve-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.reject-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:1px solid #dc2626}.reject-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 1200px){.companies-table{font-size:12px}.companies-table th,.companies-table td{padding:8px 6px}}@media (max-width: 768px){.companies-table-container{font-size:11px}.companies-table th,.companies-table td{padding:6px 4px;max-width:100px}.company-actions{flex-direction:column;gap:2px}.approve-btn,.reject-btn{min-width:25px;height:25px;font-size:10px}}.no-companies{text-align:center;padding:40px;color:#718096}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#4a5568}@media (max-width: 768px){.admin-content{padding:10px}.admin-navigation{padding:15px}.admin-nav{flex-direction:column;gap:6px}.admin-nav button{width:100%;min-width:auto}.content-header{flex-direction:column;align-items:flex-start;gap:10px}.filter-controls{width:100%;justify-content:space-between}.filter-row{grid-template-columns:1fr;gap:15px}.filter-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.company-item{flex-direction:column;align-items:flex-start;gap:10px}.company-actions{width:100%;justify-content:center}.company-header{flex-direction:column;align-items:flex-start}.company-view-controls{flex-direction:column;gap:4px}.company-view-controls .view-toggle-btn{width:100%;text-align:center;padding:8px 12px}.company-detailed-header{flex-direction:column;align-items:flex-start;gap:10px}.company-header-right{width:100%;justify-content:space-between}.info-grid{grid-template-columns:1fr}.info-item{padding:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.modal-header h3{margin:0;color:#2d3748;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:0 20px 20px}.modal-body p{margin:0 0 20px;color:#4a5568;font-size:16px;line-height:1.5}.modal-body .form-group{margin-bottom:0}.modal-body label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.rejection-reason-input{width:100%;padding:12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.rejection-reason-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rejection-reason-input::placeholder{color:#a0aec0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 8px 8px}.cancel-btn{background:#e2e8f0;color:#4a5568;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#cbd5e0;color:#2d3748}.confirm-reject-btn{background:#e53e3e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.confirm-reject-btn:hover{background:#c53030;transform:translateY(-1px)}.confirm-reject-btn:active{transform:translateY(0)}.confirm-approve-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.confirm-approve-btn:hover{background:#059669;transform:translateY(-1px)}.confirm-approve-btn:active{transform:translateY(0)}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:15px}.modal-footer{flex-direction:column}.cancel-btn,.confirm-reject-btn{width:100%;justify-content:center}}.recent-companies{margin-top:30px}.recent-companies h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.recent-companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.recent-company-card{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.recent-company-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#667eea}.company-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.card-status-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.account-status-badge{padding:6px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.account-status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.account-status-badge.active{background:linear-gradient(135deg,#d4edda 0%,#28a745 100%);color:#155724;border-color:#28a745}.account-status-badge.inactive{background:linear-gradient(135deg,#f8d7da 0%,#dc3545 100%);color:#721c24;border-color:#dc3545}.company-card-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0;flex:1;line-height:1.3}.company-card-body{margin-bottom:15px}.company-detail{margin-bottom:8px;font-size:14px;color:#4a5568;line-height:1.4}.company-detail strong{color:#2d3748;font-weight:600}.company-card-footer{border-top:1px solid #e2e8f0;padding-top:10px;text-align:center}.click-hint{font-size:12px;color:#667eea;font-style:italic;font-weight:500}.company-profile-modal{max-width:800px;max-height:90vh}.company-profile-content{max-height:60vh;overflow-y:auto;padding-right:10px}.profile-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.profile-section:last-child{border-bottom:none;margin-bottom:0}.profile-section h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #667eea;display:inline-block}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.profile-item{display:flex;flex-direction:column;gap:4px}.profile-item strong{color:#4a5568;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-item span{color:#2d3748;font-size:14px;font-weight:500;word-break:break-word}.profile-item .status-badge{align-self:flex-start;margin-top:2px}.status-badge.active{background:linear-gradient(135deg,#f0fff4 0%,#68d391 100%);color:#22543d;border-color:#68d391}.status-badge.inactive{background:linear-gradient(135deg,#fed7d7 0%,#fc8181 100%);color:#742a2a;border-color:#fc8181}.hold-account-btn{background:#ed8936;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.hold-account-btn:hover{background:#dd6b20;transform:translateY(-1px)}.activate-account-btn{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.activate-account-btn:hover{background:#38a169;transform:translateY(-1px)}.account-status-select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-weight:500;background:white;color:#2d3748;cursor:pointer;transition:all .2s;min-width:120px}.account-status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.company-status-select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-weight:500;background:white;color:#2d3748;cursor:pointer;transition:all .2s;min-width:140px}.company-status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.save-account-btn{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #1e40af33}.save-account-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 4px 16px #1e40af4d}.save-account-btn:active{transform:translateY(0)}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.success-popup{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;padding:30px;max-width:400px;width:90%;position:relative;animation:slideIn .3s ease}.success-popup-content{display:flex;align-items:center;gap:15px;text-align:left}.success-icon{font-size:32px;flex-shrink:0}.success-message{color:#2d3748;font-size:16px;font-weight:600;line-height:1.4}.success-popup-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.success-popup-close:hover{background:#f7fafc;color:#4a5568}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.success-popup{margin:20px;padding:25px;max-width:none}.success-popup-content{flex-direction:column;text-align:center;gap:10px}.success-icon{font-size:28px}.success-message{font-size:15px}}@media (max-width: 768px){.recent-companies-grid{grid-template-columns:1fr;gap:15px}.recent-company-card{padding:15px}.company-card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-status-badges{flex-direction:row;align-items:center;gap:8px;width:100%;justify-content:flex-start}.profile-grid{grid-template-columns:1fr;gap:12px}.company-profile-modal{max-width:95%;margin:10px}.company-profile-content{max-height:50vh}}.number-input-group{display:flex;align-items:center;gap:8px}.number-btn{width:32px;height:32px;border:1px solid #93c5fd;background:#dbeafe;color:#1e40af;border-radius:6px;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.number-btn:hover{background:#93c5fd;color:#fff}.number-input{width:80px;text-align:center;padding:6px 12px;border:1px solid #93c5fd;border-radius:6px;font-size:14px;font-weight:600;color:#1e40af}.number-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.users-list{margin-top:12px;overflow-x:auto}.users-table-compact{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.users-table-compact thead{background:#f1f5f9}.users-table-compact th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.users-table-compact td{padding:12px;border-top:1px solid #e2e8f0;font-size:13px;color:#334155}.users-table-compact tbody tr:hover{background:#f8fafc}.role-badge-sm{display:inline-block;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize}.role-badge-sm.admin{background:#f3e5f5;color:#7b1fa2}.role-badge-sm.accountant{background:#e0f2f1;color:#00796b}.role-badge-sm.salesman{background:#e8f5e9;color:#388e3c}.status-badge-sm{display:inline-block;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500}.status-badge-sm.active{background:#d4edda;color:#155724}.status-badge-sm.inactive{background:#f8d7da;color:#721c24}.no-users-message{text-align:center;color:#94a3b8;font-size:14px;padding:20px;font-style:italic}.admin-management{padding:20px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.content-header h2{color:#1e40af;font-size:24px;font-weight:700;margin:0}.create-admin-btn{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #1e40af33}.create-admin-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 4px 16px #1e40af4d}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.admin-card{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease}.admin-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.admin-card-header h3{color:#1e40af;font-size:18px;font-weight:700;margin:0}.admin-status-badges{display:flex;gap:8px;flex-wrap:wrap}.role-badge{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:linear-gradient(135deg,#e0f2fe 0%,#3b82f6 100%);color:#1e40af}.role-badge.super-admin{background:linear-gradient(135deg,#fef3c7 0%,#f59e0b 100%);color:#92400e}.role-badge.moderator{background:linear-gradient(135deg,#f0fdf4 0%,#10b981 100%);color:#065f46}.status-badge{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#d4edda 0%,#28a745 100%);color:#155724}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da 0%,#dc3545 100%);color:#721c24}.admin-card-body{margin-bottom:20px}.admin-detail{margin-bottom:10px;color:#4a5568;font-size:14px}.admin-detail strong{color:#2d3748;font-weight:600}.admin-permissions{margin-top:15px}.admin-permissions strong{color:#2d3748;font-weight:600;display:block;margin-bottom:8px}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission-badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.permission-badge.enabled{background:linear-gradient(135deg,#d4edda 0%,#28a745 100%);color:#155724}.permission-badge.disabled{background:linear-gradient(135deg,#f8d7da 0%,#dc3545 100%);color:#721c24}.admin-card-actions{display:flex;gap:10px;justify-content:flex-end}.edit-admin-btn,.delete-admin-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.edit-admin-btn{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);color:#fff}.edit-admin-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px)}.delete-admin-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.delete-admin-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px)}.no-admins{text-align:center;padding:60px 20px;color:#718096;font-size:16px}.modal-content{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.modal-header h3{color:#1e40af;font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:600;font-size:14px}.form-input,.form-select{width:100%;padding:12px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.permission-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.permission-checkbox:hover{background:#f7fafc}.permission-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e2e8f0}.cancel-btn,.create-btn,.save-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.cancel-btn:hover{background:#edf2f7}.create-btn,.save-btn{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff}.create-btn:hover,.save-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px)}@media (max-width: 768px){.admins-grid{grid-template-columns:1fr}.admin-card-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-status-badges{width:100%;justify-content:flex-start}.admin-card-actions{justify-content:center}.modal-content{width:95%;margin:10px}.permissions-grid{grid-template-columns:1fr}}.company-update-requests-page{padding:20px}.page-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:24px}.success-message{background:#d4edda;color:#155724;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #c3e6cb}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.requests-toolbar{margin-bottom:24px}.filter-buttons{display:flex;gap:12px}.filter-btn{padding:8px 16px;border:1px solid #e0e0e0;background:white;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{background:#f8f9fa;border-color:#06c}.filter-btn.active{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);color:#fff;border-color:#06c}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.request-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.request-meta{margin:4px 0;font-size:13px;color:#666}.request-date{margin:4px 0;font-size:12px;color:#888}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffc107}.status-approved{background:#d4edda;color:#155724;border:1px solid #28a745}.status-rejected{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.request-actions{display:flex;gap:8px;justify-content:flex-end}.btn-view,.btn-approve,.btn-reject,.btn-cancel{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-view{background:#e3f2fd;color:#06c;border:1px solid #0066cc}.btn-view:hover{background:#0066cc;color:#fff}.btn-approve{background:#d4edda;color:#155724;border:1px solid #28a745}.btn-approve:hover{background:#28a745;color:#fff}.btn-reject{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.btn-reject:hover{background:#dc3545;color:#fff}.btn-cancel{background:#f8f9fa;color:#555;border:1px solid #e0e0e0}.btn-cancel:hover{background:#e0e0e0}.empty-state{text-align:center;padding:60px 20px;color:#888}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:24px;color:#1a1a1a}.modal-close{background:none;border:none;font-size:32px;cursor:pointer;color:#888;line-height:1;padding:0;width:32px;height:32px}.modal-close:hover{color:#1a1a1a}.modal-body{padding:24px}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.detail-section:last-child{border-bottom:none}.detail-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.detail-section p{margin:8px 0;font-size:14px;color:#555}.changes-list{background:#f8f9fa;border-radius:6px;padding:16px;max-height:300px;overflow-y:auto}.change-item{margin-bottom:12px;padding:12px;background:white;border-radius:4px;border-left:3px solid #0066cc}.change-item strong{display:block;margin-bottom:4px;color:#333;text-transform:capitalize}.change-item{font-size:13px;color:#666;white-space:pre-wrap;word-break:break-word}.change-value{display:block;margin-top:4px;padding:8px;background:white;border-radius:4px}.logo-change-preview{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px;background:white;border-radius:4px}.logo-preview-small{width:60px;height:60px;object-fit:contain;border-radius:4px;border:1px solid #e0e0e0;background:#f8f9fa;padding:4px}.logo-change-preview span{flex:1;font-size:12px;color:#666;word-break:break-all}.no-changes{color:#888;font-style:italic;padding:16px;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:6px}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box}.form-group textarea:focus{border-color:#06c}.btn-reject:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.request-header{flex-direction:column;gap:12px}.request-actions{flex-wrap:wrap}.modal-content{width:95%;max-height:95vh}}.welcome-animation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#ffffff;position:fixed;top:0;left:0;z-index:9999}.welcome-animation-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;padding:2rem}.welcome-lottie{width:100%;height:auto;max-width:500px}.loading-text{color:#333;font-size:1.5rem;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:transparent;color:#333;line-height:1.6}.modal-overlay,.popup-overlay,.validation-popup-overlay,.success-popup-overlay,.error-popup-overlay,.confirm-popup-overlay,.company-mismatch-popup-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;padding:20px!important;z-index:10000!important}.modal-content,.popup-content,.validation-popup,.success-popup,.error-popup,.confirm-popup,.modal-overlay>div:first-child,.popup-overlay>div:first-child{margin:auto!important;max-height:calc(100vh - 40px)!important;position:relative!important}.modal-content:focus,.popup-content:focus,.validation-popup:focus,.success-popup:focus,.error-popup:focus,.confirm-popup:focus{outline:2px solid #0066cc!important;outline-offset:2px!important}.app-layout{display:flex;min-height:100vh;position:relative}.app-layout .sidebar{width:250px;background:#fff;border-right:1px solid #e9ecef;padding:1rem;position:fixed;height:100vh;overflow-y:auto;z-index:1000;transition:transform .3s ease;transform:translate(0)}.app-layout .sidebar.closed{transform:translate(-100%)}.app-layout .main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;transition:margin-left .3s ease}.app-layout .main-content.sidebar-closed{margin-left:0}.primary-button{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #0066cc4d}.primary-button:hover:not(:disabled){background:linear-gradient(90deg,#0073e6 0%,#005fb8 50%,#004a91 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.primary-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.secondary-button{background:linear-gradient(90deg,#0066cc 0%,#0052a3 50%,#003d7a 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #0066cc4d}.secondary-button:hover:not(:disabled){background:linear-gradient(90deg,#0073e6 0%,#005fb8 50%,#004a91 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.secondary-button:disabled{color:#6c757d;border-color:#6c757d;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{resize:vertical;min-height:100px}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (max-width: 768px){.app-layout .sidebar{transform:translate(-100%);transition:transform .3s ease}.app-layout .sidebar.open{transform:translate(0)}.app-layout .main-content{margin-left:0}}