body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex}.main-content{flex:1 1;transition:all .3s ease}.main-content.full-width{margin-left:0;width:100%}.sidebar-hidden,.sidebar-visible{margin-left:0!important;width:100%!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.prompt-container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}@media (max-width:768px){.card,.prompt-container{padding:15px}}.auth-container{align-items:center;background-color:#e8e8e8;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.super-login{position:absolute;right:20px;top:20px}.super-login a{color:#555;font-size:.9rem;text-decoration:none}.super-login a:hover{text-decoration:underline}.forgot-password-link a{color:#555;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.auth-card.register-card{max-width:700px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#2d5016;font-size:28px;font-weight:700;margin:0 0 8px}.auth-header h2{color:#666;font-size:20px;font-weight:500;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:20px}.section-title{color:#2d5016;font-size:18px;margin:0 0 20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{background-color:#fff;border-color:#ff8c00;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.auth-button{background:linear-gradient(135deg,#ff8c00,#ff6b00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.auth-button:hover:not(:disabled){box-shadow:0 4px 12px #ff8c004d;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px 16px}.success-message strong{display:block;margin-bottom:5px}.auth-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px;margin:0}.auth-footer a{color:#ff8c00;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#2d5016;text-decoration:underline}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-card.register-card{max-width:100%}.auth-header h1{font-size:24px}.auth-header h2{font-size:18px}.form-row{grid-template-columns:1fr}}.forgot-password-wrapper{align-items:center;background:#22331d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.forgot-password-container{background:#fff;border-radius:10px;height:300px;justify-content:center;padding:40px;transform:translateY(-100px);width:700x}.forgot-password-container,.forgot-password-form{display:flex;flex-direction:column}.forgot-password-form h2{align-self:center}.forgot-password-form input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.forgot-password-form button{align-self:center;background:#f65a11;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:-webkit-fit-content;width:fit-content}.forgot-password-form button:hover{background:#d94500}.forgot-password-form p{color:#626262;font-style:italic;margin-bottom:18px}.login-link{align-self:center;margin:20px}.login-link a{color:#555;font-size:.9rem;text-decoration:none}.login-link a:hover{text-decoration:underline}.form-group{margin-bottom:18px}.reset-password-wrapper{align-items:center;background:#22331d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.reset-password-container{background:#fff;border-radius:10px;height:350px;justify-content:center;padding:40px;transform:translateY(-100px);width:300px}.reset-password-container,.reset-password-form{display:flex;flex-direction:column}.reset-password-form h2{align-self:center}.reset-password-form input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.reset-password-form button{align-self:center;background:#f65a11;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:-webkit-fit-content;width:fit-content}.reset-password-form button:hover{background:#d94500}.reset-password-form p{align-self:center;color:#626262;font-style:italic;margin-bottom:18px}.back-to-login-link{align-self:center;margin-top:20px}.back-to-login-link a{color:#555;text-decoration:none}.back-to-login-link a:hover{text-decoration:underline}.dashboard-container{background-color:#f5f9ff;min-height:100vh}.info-header{align-items:center;background-color:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.dashboard-header{background-color:#f5f9ff;border-bottom:2px solid #e5e7eb;padding:1.5rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between}.dashboard-title{color:#ea580c;font-size:1.875rem;font-weight:700;margin:0}.dashboard-title:hover{color:#124225}.dashboard-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.view-all-btn{background-color:#ea580c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.view-all-btn:hover{background-color:#e86f2e}.dashboard-main{padding:2rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border:2px solid;border-radius:.5rem;cursor:pointer;display:block;padding:1.5rem;text-decoration:none;transition:all .2s}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.stat-card-content{align-items:flex-start;display:flex;justify-content:space-between}.stat-title{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.stat-value{color:#1f2937;font-size:2.25rem;font-weight:700;margin:0}.stat-icon{height:2.5rem;opacity:.7;width:2.5rem}.stat-orange{background-color:#fff7ed;border-color:#fdba74}.stat-green{background-color:#f0fdf4;border-color:#86efac}.stat-yellow{background-color:#fefce8;border-color:#fde047}.stat-red{background-color:#fef2f2;border-color:#fecaca}.attention-alert{background-color:#fff;border:2px solid #fdba74;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.alert-content{text-align:center}.alert-icon-circle{align-items:center;background-color:#ea580c;border-radius:50%;display:flex;height:5rem;justify-content:center;margin:0 auto 1rem;width:5rem}.alert-icon{color:#fff;height:2.5rem;width:2.5rem}.alert-heading{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.alert-text{color:#6b7280;margin:0 0 1.5rem}.alert-btn{background-color:#ea580c;border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:background-color .2s}.alert-btn:hover{background-color:#f87733}.quick-actions-section{margin-top:1rem}.section-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.actions-grid{grid-template-columns:repeat(2,1fr)}}.action-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:block;padding:1.5rem;text-decoration:none;transition:all .2s}.action-card:hover{background-color:#fff7ed;border-color:#fdba74}.action-card-content{align-items:center;display:flex;justify-content:space-between}.action-card-left{align-items:flex-start;display:flex;gap:1rem}.action-icon-wrapper{align-items:center;background-color:#fff7ed;border-radius:.5rem;display:flex;height:3rem;justify-content:center;transition:background-color .2s;width:3rem}.action-card:hover .action-icon-wrapper{background-color:#fdba74}.action-icon{color:#ea580c;height:1.5rem;width:1.5rem}.action-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-description{color:#6b7280;font-size:.875rem;margin:0}.action-arrow{color:#9ca3af;height:1.25rem;transition:all .2s;width:1.25rem}.action-card:hover .action-arrow{color:#ea580c;transform:translateX(.25rem)}.low-stock-list{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:20px;padding:15px}.low-stock-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.low-stock-items{display:flex;flex-direction:column;gap:8px}.low-stock-item{align-items:center;background:#ffffffe6;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.product-name{color:#1f2937;flex:2 1}.warehouse-name{color:#6b7280;flex:1 1;text-align:center}.stock-level{color:#dc2626;flex:1 1;font-weight:600;text-align:right}.more-items{color:#fff;font-size:12px;font-style:italic;padding:8px;text-align:center}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px 16px;text-align:center}.stat-value:empty:before{color:#9ca3af;content:"..."}@media (max-width:768px){.low-stock-item{align-items:flex-start;flex-direction:column;gap:4px}.stock-level,.warehouse-name{text-align:left}}.inventory-container{background:"#f9fafb";height:"100vh"}.header-inner{margin:0 auto;max-width:80rem;padding:16px 24px}.header-items{justify-content:space-between}.header-items,.heading-section{align-items:center;display:flex}.heading-section{gap:12px}.logo{background-color:#22331d;border-radius:8px;padding:8px}.heading h1{color:#1f2937;font-size:24px;font-weight:700;margin:0}.header-buttons{display:flex;gap:8px}.product-modal{background:#fff;border-radius:10px;box-sizing:border-box;gap:5px;max-height:100vh;max-width:400px;overflow-y:auto;padding:20px 25px;width:100%}.product-modal h3{color:#222;margin-bottom:15px}.product-content{display:flex;flex:1 1;gap:10px;overflow:hidden}.product-image{border-radius:6px;flex-shrink:0;height:60px;margin-left:auto;object-fit:cover;width:60px}.product-modal-form{display:flex;flex-direction:column;gap:5px}.form-group input{background:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:15px;outline:none;padding:10px;width:100%}.form-group input:focus{border-color:#f65a11}.modal-actions{margin-top:10px}.product-list{column-gap:16px;display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:16px}.product-card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;display:flex;flex:1 1 220px;flex-direction:column;height:250px;justify-content:space-between;max-width:230px;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-3px)}.product-info p{color:#444;font-size:13px;margin:2px 0}.product-name{color:#f65a11;font-size:15px;font-weight:600;margin-bottom:6px}.more-btn{background:none;border:none;color:#0bf;cursor:pointer;margin-left:6px}.product-actions{display:flex;gap:0;justify-content:flex-end;margin-top:8px}.delete-btn{background-color:#f61111;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px;transition:background .2s ease}.delete-btn:hover{background-color:#ff352b}.no-products{color:#777;padding:20px;text-align:center}.product-search{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:16px;max-width:400px;outline:none;padding:8px 12px;width:100%}.product-search:focus{border-color:#f65a11;box-shadow:0 0 4px #f65a1180}.category-dropdown{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.category-dropdown:focus{border-color:#f65a11;box-shadow:0 0 4px #f65a1180}.modal-content{background-color:#fff;border-radius:8px;max-height:80vh;max-width:600px;min-width:300px;padding:20px}.modal-columns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.close-btn{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.app-container{background:#f9f9f9;min-height:100vh;padding:0}.content-section{padding:20px}.add-btn{background-color:#f65a11;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px}.warehouses-table-section{background:#fff;border-radius:10px;margin-bottom:30px;padding:20px}.warehouses-table{border-collapse:collapse;margin-top:15px;width:100%}.warehouses-table td,.warehouses-table th{border:1px solid #ddd;padding:12px;text-align:left}.warehouses-table th{background:#6a6d69;color:#fff}.warehouses-table tr:nth-child(2n){background:#f2f2f2}.edit-btn,.remove-btn{border:none;border-radius:5px;cursor:pointer;margin-right:6px;padding:6px 12px}.edit-btn{color:#222}.remove-btn{background-color:#e74c3c;color:#fff}.edit-btn:hover{background-color:#fc6}.remove-btn:hover{background-color:#c0392b}.capacity-section{display:flex;gap:0}.capacity-section .form-group{align-items:center;display:flex;gap:8px}.capacity-section .form-group input{flex:1 1 auto;width:auto!important}.capacity-section .form-group p{margin:0;white-space:nowrap}.input-with-unit{align-items:center;display:flex;gap:6px;position:relative}.input-with-unit input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:15px;outline:none;padding:10px;width:auto}.input-with-unit input:focus{border-color:#f65a11}.input-with-unit label{background:#fff;color:#999;font-size:15px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:11px;transition:all .2s ease}.input-with-unit input:focus+label,.input-with-unit input:not(:placeholder-shown)+label{color:#f65a11;font-size:12px;left:8px;top:-8px}.input-with-unit p{flex-shrink:0;margin:0;white-space:nowrap}.modal-overlay{background:#00000080;overflow-y:auto}.modal{border-radius:10px;box-sizing:border-box;max-height:100vh;max-width:400px;overflow-y:auto;padding:15px;width:100%}.modal h3{margin-bottom:15px}.modal select{margin-bottom:20px;padding:10px;width:100%}.modal-actions{justify-content:space-between}.modal-actions button{border-radius:5px;padding:8px 14px}.modal-actions button:first-child{background-color:#f65a11;color:#fff}.cancel-btn{background-color:#bbb;color:#fff}.modal-form{gap:10px}.address-section{display:flex;flex-direction:column;gap:5px}.modal-form input,.modal-form select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;height:42px;padding:10px;width:100%}.form-group{margin-bottom:10px}.form-group input,.form-group select{background:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:15px;outline:none;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#f65a11}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:#f65a11;font-size:12px;left:8px;top:-8px}.form-group select:focus+label,.form-group select:not([value=""])+label{color:#f65a11;font-size:12px;left:8px;padding:0;top:-8px}button:disabled{cursor:not-allowed;opacity:.6}.warehouses-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.back-btn,.warehouses-header{align-items:center;display:flex}.back-btn{background-color:#6c757d;border-radius:8px;font-size:14px;font-weight:500;gap:8px,;padding:8px 16px}.back-btn:hover:not(:disabled){background:#5a6268}.back-btn:disabled{background:#a0a4a8;cursor:not-allowed}.header-title-section{flex:1 1}@media (max-width:768px){.warehouses-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.add-btn,.back-btn{flex:1 1;text-align:center}}.filters-section{align-items:center;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.filters-section input,.filters-section select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:14px;transition:border-color .2s ease,box-shadow .2s ease;width:180px}.filters-section input:focus,.filters-section select:focus{border-color:#f65a11;box-shadow:0 0 4px #2d50164d;outline:none}.filters-section input::placeholder{color:#888}@media (max-width:768px){.filters-section{align-items:stretch;flex-direction:column}.filters-section input,.filters-section select{width:100%}}.filter-group{width:180px}.filter-group select:not([value=""])+label{background:#fff;color:#f65a11;font-size:12px;left:8px;top:-8px}.filters:focus{border-color:#f65a11;box-shadow:0 0 4px #f65a1180}.movement-modal{transform:translateY(35px)}.activate-btn{background-color:#0080ff;border:none;border-radius:5px;color:#222;cursor:pointer;margin-right:6px;padding:6px 12px}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.modal-form .form-group{display:flex;flex-direction:column;gap:8px}.modal-form label{color:#333;font-size:14px;font-weight:600}.modal-form input,.modal-form select{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;font-size:15px;padding:12px 16px;transition:border-color .3s ease}.modal-form input:focus,.modal-form select:focus{background-color:#fff;border-color:#ff8c00;outline:none}.modal-form input:disabled,.modal-form select:disabled{cursor:not-allowed;opacity:.6}.modal-error{background-color:#ffe6e6;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:14px;margin:16px 24px 0;padding:12px 16px}.modal-actions{justify-content:flex-end;padding-top:10px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-button.primary{background:#f65a11;color:#fff}.modal-button.secondary{background-color:#6a6d69!important;color:#6a6d69}.modal-button.secondary:hover:not(:disabled){background-color:#6a6d69}.modal-button:disabled{cursor:not-allowed;opacity:.6}.modal-button:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.modal-content{max-width:100%}.modal-form,.modal-header{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-button{width:100%}}.team-container{background-color:#f9f9f9;min-height:100vh;padding:0}.content-container{padding:30px}.team-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.team-header h1{color:#000;font-size:32px;font-weight:700;margin:0}.team-subtitle{color:#666;font-size:16px;margin:8px 0 0}.invite-button{background-color:#f65a11;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px}.invite-button:hover{box-shadow:0 4px 12px #ff8c004d;transform:translateY(-2px)}.invite-button:active{transform:translateY(0)}.company-info{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px}.company-info h3{color:#2d5016;font-size:20px;margin:0 0 8px}.company-info p{color:#666;font-size:14px;margin:0}.team-table-container{background:#fff;box-shadow:0 2px 8px #0000000d;overflow:hidden}.team-table{border-collapse:collapse;width:100%}.team-table thead{background:#6a6d69;color:#fff}.team-table th{font-size:14px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.team-table td,.team-table th{border:1px solid #ddd;padding:16px}.team-table td{color:#333;font-size:15px}.team-table tr:nth-child(2n){background:#f2f2f2}.team-table tbody tr:hover{background-color:#f9f9f9}.team-table tbody tr:last-child td{border-bottom:none}.role-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.admin{background-color:#fff3e0;color:#ff8c00}.role-badge.user{background-color:#e8f5e9;color:#2d5016}.status-active{color:#2d5016;font-weight:500}.remove-button{background-color:#ffebee;border:none;border-radius:6px;color:#d32f2f;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.remove-button:hover{background-color:#d32f2f;color:#fff}.current-user-badge{color:#666;font-size:13px;font-style:italic}.team-loading{align-items:center;background-color:#e8e8e8;color:#2d5016;display:flex;font-size:18px;font-weight:500;justify-content:center;min-height:100vh}.tab-buttons{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.tab-buttons button{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.tab-buttons button.active{border-bottom:3px solid #f65a11;color:#f65a11;font-weight:600}.tab-buttons button:hover{color:#ff7a33}@media (max-width:768px){.team-container{padding:20px}.team-header{align-items:flex-start;flex-direction:column}.team-header h1{font-size:26px}.team-table-container{overflow-x:auto}.team-table{min-width:600px}}.page-container{padding:0}.page-content{padding:20px}.page-header{gap:10px}.header-actions,.page-header{align-items:center;display:flex}.header-actions{gap:15px}.back-icon,.button{cursor:pointer}.button{border-radius:6px;margin-right:5px;padding:6px 12px}.primary-btn{background-color:#f65a11}.back-btn,.primary-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px}.back-btn{background-color:#9d9d9d}.small-btn{border:none;font-size:12px}.danger-btn{background-color:#d9534f}.danger-btn,.edit-btn{border:none;color:#fff}.edit-btn{background-color:#fb3}.add-field-btn{background-color:#b0b0b0;border:none;color:#fff}.template-table{border-collapse:collapse;margin-top:15px;width:100%}.template-table td,.template-table th{border:1px solid #ddd;padding:12px;text-align:left}.template-table th{background:#6a6d69;color:#fff}.template-table tr:nth-child(2n){background:#f2f2f2}.field-chip{background-color:#d8d8d8;border-radius:12px;display:inline-block;margin:2px;padding:4px 8px}.chip-delete{color:red}.chip-delete,.chip-edit{background:none;border:none;cursor:pointer;margin-left:6px}.chip-edit{color:#fb3}.modal-overlay{background:#0009;inset:0}.modal{background:#fff;border-radius:8px;padding:20px;width:350px}.option-row{align-items:center;display:flex;gap:10px}.cancel-option-btn{background-color:#f61111;padding:10px 16px}.add-option-btn,.cancel-option-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px}.add-option-btn{background-color:#f65a11;padding:6px 10px}.qa-container{background:#f9f9f9;min-height:100vh;padding:0}.qa-content{padding:20px}.qa-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.qa-title{font-size:28px;font-weight:700}.qa-table-section{background:#fff;border-radius:10px;margin-bottom:30px;overflow-x:auto;padding:20px}.qa-table{border-collapse:collapse;width:100%}.qa-table td,.qa-table th{border:1px solid #ddd;padding:12px;text-align:left}.qa-table th{background:#6a6d69;color:#fff}.qa-table tr:nth-child(2n){background:#f2f2f2}.qa-table button{border:none;border-radius:5px;cursor:pointer;padding:6px 12px}.qa-table .process-btn{background-color:#f65a11;color:#fff}.qa-table .process-btn:hover{background-color:#ff7a33}.qa-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0}.qa-modal{background:#fff;border-radius:10px;box-sizing:border-box;height:580px!important;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.qa-modal h2{font-size:22px;font-weight:600;margin-bottom:15px}.qa-modal input,.qa-modal textarea{background:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:15px;outline:none;padding:10px;width:100%}.qa-modal textarea{resize:vertical}.qa-modal input:focus,.qa-modal textarea:focus{border-color:#f65a11}.form-group{margin-bottom:15px;position:relative}.form-group label{background:#fff;color:#999;font-size:15px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:11px;transition:all .2s ease}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:#f65a11;font-size:12px;left:8px;top:-8px}.qa-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.qa-modal .modal-actions button{border:none;border-radius:5px;cursor:pointer;padding:8px 14px}.qa-modal .modal-actions .cancel-btn{background-color:#bbb}.qa-modal .modal-actions .submit-btn{background-color:#f65a11;color:#fff}.qa-modal .modal-actions .submit-btn:hover{background-color:#ff7a33}.loading{color:#666;font-style:italic;padding:20px;text-align:center}.error-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:4px;color:#d8000c;margin:10px 0;padding:10px}@media (max-width:768px){.qa-header{align-items:flex-start;flex-direction:column}}.qa-tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.qa-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.qa-tabs button.active-tab{border-bottom:3px solid #f65a11;color:#f65a11;font-weight:600}.qa-tabs button:hover{color:#ff7a33}.qa-pagination{margin-top:20px}@media (max-width:600px){.qa-pagination{justify-content:center}.qa-pagination span{margin:0 5px;min-width:auto}}.dashboard-content{padding:20px}.header-section{background-color:#fff}.header{color:#f65a11;margin-bottom:10px}.assigned-warehouse{color:#2d5016}.table-section{background:#fff;border-radius:10px;margin-bottom:30px;padding:20px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.stock-table{border-collapse:collapse;margin-top:15px;width:100%}.stock-table td,.stock-table th{border:1px solid #ddd;padding:12px;text-align:left}.stock-table th{background:#6a6d69;color:#fff}.stock-table tr:nth-child(2n){background:#f2f2f2}.action-btn{background-color:#f65a11;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:6px;padding:6px 12px}.quantities-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.qa-modal-form input[type=boolean],.qa-modal-form textarea{grid-column:span 2}.checkbox-field{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:6px 0}.checkbox-field label{color:#374151;font-size:14px;font-weight:500}.compact-checkbox{align-items:center;color:#374151;display:flex;font-size:14px;gap:6px}.compact-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.compact-radio-group{align-items:center;display:flex;gap:12px;margin-top:4px}.compact-radio{align-items:center;color:#374151;display:flex;font-size:14px;gap:4px}.compact-radio input[type=radio]{cursor:pointer;height:14px;width:14px}.qa-modal{gap:0;height:700px;transform:translateY(75px)}.shelf-modal{background:#fff;border-radius:10px;box-sizing:border-box;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.shelf-modal h2{font-size:22px;font-weight:600;margin-bottom:15px}.qa-modal .modal-form{display:flex;flex-direction:column;gap:12px}.qa-modal textarea,.shelf-modal input{background:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:15px;outline:none;padding:10px;width:100%}.shelf-modal textarea{resize:vertical}.shelf-modal input:focus,.shelf-modal textarea:focus{border-color:#f65a11}.modal-actions{flex-wrap:flex;margin-top:0!important}.cancel-btn{background-color:#6a6d69!important}.submit-btn{background-color:#f65a11;color:#fff}.modal-form{margin-bottom:0}.qa-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.qa-pagination button{background-color:#f65a11;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:6px 14px;transition:background .2s ease}.qa-pagination button:hover{background-color:#ff7a33}.qa-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.qa-pagination span{color:#333;font-weight:500;min-width:40px;text-align:center}@media (max-width:768px){.dashboard-content{padding:12px}.table-section{border-radius:8px;padding:14px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.stock-table{border-collapse:initial;display:table;min-width:0;min-width:auto;white-space:nowrap;width:-webkit-max-content;width:max-content}.stock-table td,.stock-table th{font-size:14px;padding:10px}.action-btn{font-size:14px;margin-bottom:6px;padding:10px 14px}.quantities-section{gap:10px;grid-template-columns:1fr}.checkbox-field{align-items:flex-start;flex-direction:column;gap:6px}.compact-checkbox input,.compact-radio input{height:18px;width:18px}.compact-checkbox,.compact-radio{font-size:15px}.qa-modal,.shelf-modal{border-radius:0;max-width:none;padding:16px;transform:none;width:100%}.shelf-modal h2{font-size:20px}.shelf-modal input,.shelf-modal textarea{font-size:16px;padding:12px}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{font-size:16px;padding:12px;width:100%}.qa-pagination{gap:8px}.qa-pagination button{font-size:14px;padding:10px 14px}.qa-pagination span{font-size:14px}.info-header{align-items:flex-start;flex-direction:column;gap:8px}.info-header button{width:100%}.qa-tabs{gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px;white-space:nowrap}.qa-tabs button{flex:0 0 auto;font-size:14px;padding:8px 12px}.filters-section{flex-direction:column;gap:12px;width:100%}.filter-group{width:100%!important}.filter-group input,.filter-group select{box-sizing:border-box;width:100%!important}}.cards-wrapper{display:flex;flex-direction:column;gap:12px}.expand-card{background:#fff;border-radius:12px;box-shadow:0 6px 14px #0000000f}.expand-card-header{cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px}.card-title{color:#f65a11}.card-sub{color:#666;font-size:13px}.chevron{font-size:12px}.expand-card-body{border-top:1px solid #eee;padding:16px}.card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card-grid label{color:#777;font-size:12px}.card-grid span{color:#2d5016;font-weight:600}.card-actions{margin-top:14px}.empty-state{color:#777;padding:20px}.test-roles-container{align-items:flex-start;background-color:#e8e8e8;display:flex;justify-content:center;min-height:100vh;padding:30px 20px}.test-roles-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:800px;padding:40px;width:100%}.test-roles-card h1{color:#2d5016;font-size:32px;margin:0 0 10px;text-align:center}.subtitle{margin:0 0 40px;text-align:center}.actions-section,.current-user-section,.navigation-section,.test-section{border-bottom:2px solid #f0f0f0;margin-bottom:35px;padding-bottom:35px}.actions-section h2,.current-user-section h2,.navigation-section h2,.test-section h2{color:#2d5016;font-size:20px;margin:0 0 20px}.user-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background-color:#f9f9f9;border-left:4px solid #ff8c00;border-radius:8px;padding:15px}.info-item .label{color:#666;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item .value{color:#333;display:block;font-size:16px;font-weight:500}.info-item .role-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.info-item .role-badge.admin{background-color:#fff3e0;color:#ff8c00}.info-item .role-badge.user{background-color:#e8f5e9;color:#2d5016}.button-group{display:flex;flex-wrap:wrap;gap:15px}.role-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:200px;padding:16px 24px;transition:all .3s ease}.admin-button{background:linear-gradient(135deg,#ff8c00,#ff6b00);color:#fff}.admin-button:hover:not(:disabled){box-shadow:0 6px 20px #ff8c0066;transform:translateY(-2px)}.user-button{background:linear-gradient(135deg,#2d5016,#1e3a0f);color:#fff}.user-button:hover:not(:disabled){box-shadow:0 6px 20px #2d501666;transform:translateY(-2px)}.role-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.test-description{color:#666;font-size:15px;line-height:1.6;margin-bottom:20px}.test-info{margin:20px 0}.success-message{background-color:#e8f5e9;border-left:4px solid #2d5016;color:#2d5016}.success-message,.warning-message{border-radius:8px;font-weight:600;padding:15px 20px}.warning-message{background-color:#fff3e0;border-left:4px solid #ff8c00;color:#ff8c00}.test-button{background:linear-gradient(135deg,#2d5016,#1e3a0f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.test-button:hover{box-shadow:0 6px 20px #2d501666;transform:translateY(-2px)}.nav-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.nav-buttons button{background-color:#f5f5f5;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.nav-buttons button:hover{background-color:#fff;border-color:#ff8c00;color:#ff8c00}.logout-section{margin-bottom:35px;text-align:center}.logout-button{background-color:#ffebee;border:2px solid #d32f2f;border-radius:8px;color:#d32f2f;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .3s ease}.logout-button:hover{background-color:#d32f2f;color:#fff}.instructions{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:10px;padding:25px}.instructions h3{color:#2d5016;font-size:18px;margin:0 0 15px}.instructions ol{color:#666;line-height:1.8;margin:0;padding-left:25px}.instructions ol li{margin-bottom:8px}@media (max-width:768px){.test-roles-card{padding:25px}.test-roles-card h1{font-size:26px}.button-group{flex-direction:column}.role-button{min-width:100%}.nav-buttons{grid-template-columns:1fr}}.prompt-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.prompt-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000040;max-width:90%;padding:16px;width:400px}.prompt-box input{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:10px;padding:10px;width:100%}.prompt-list{list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0}.prompt-list li{border-radius:6px;cursor:pointer;padding:8px 10px;transition:background .2s}.prompt-list li:hover{background:#f0f0f0}.no-results{color:#777;padding:8px;text-align:center}.company-admin-container{background-color:#e8e8e8;min-height:100vh;padding:30px}.admin-header{margin-bottom:30px}.admin-header h1{color:#2d5016;font-size:32px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;font-size:16px;margin:0}.error-banner,.success-banner{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 20px}.error-banner{background-color:#ffe6e6;border-left:4px solid #d32f2f;color:#d32f2f}.success-banner{background-color:#e8f5e9;border-left:4px solid #2d5016;color:#2d5016}.tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:30px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:15px 25px;position:relative;transition:all .3s ease}.tab.active,.tab:hover{color:#ff8c00}.tab.active{border-bottom-color:#ff8c00}.tab .badge{background-color:#ff8c00;border-radius:12px;color:#fff;display:inline-block;font-size:12px;margin-left:8px;padding:3px 8px}.tab-content{min-height:400px}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.company-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.company-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.company-card-header{align-items:start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.company-card-header h3{color:#2d5016;flex:1 1;font-size:20px;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.pending{background-color:#fff3e0;color:#ff8c00}.status-badge.approved{background-color:#e8f5e9;color:#2d5016}.company-info{margin-bottom:20px}.info-row{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-row .value{color:#333;font-size:14px;font-weight:500;text-align:right}.company-actions{display:flex;gap:10px;margin-top:20px}.company-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s ease}.btn-approve{background-color:#e8f5e9;color:#2d5016}.btn-approve:hover{background-color:#2d5016;color:#fff}.btn-reject{background-color:#ffebee;color:#d32f2f}.btn-reject:hover{background-color:#d32f2f;color:#fff}.btn-details{background-color:#f5f5f5;color:#666}.btn-details:hover{background-color:#ff8c00;color:#fff}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#ff8c00;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#999;font-size:16px;padding:60px 20px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#2d5016;font-size:22px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-body p{color:#666;margin:0 0 15px}.modal-body p strong{color:#333}.modal-body .form-group{margin-top:20px}.modal-body label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-body textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:15px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.modal-body textarea:focus{border-color:#ff8c00;outline:none}.modal-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;padding:20px 24px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover{background-color:#e0e0e0}.btn-confirm-reject{background-color:#d32f2f;color:#fff}.btn-confirm-reject:hover{background-color:#b71c1c}@media (max-width:768px){.company-admin-container{padding:20px}.admin-header h1{font-size:26px}.companies-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}.company-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}}
/*# sourceMappingURL=main.a0c6e5bf.css.map*/