@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-primary:#2e7d72;--color-primary-dark:#256a61;--color-primary-light:#3aa493;--color-primary-bg:#2e7d721a;--color-primary-hover:#2e7d721f;--color-border-focus:#2e7d72}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;margin:0;transition:color var(--transition-fast),background-color var(--transition-fast)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}a{color:#2e7d72;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#256a61;color:var(--color-primary-dark);text-decoration:underline}a:focus-visible{border-radius:2px;outline:2px solid #2e7d72;outline:2px solid var(--color-border-focus);outline-offset:2px}code,kbd,pre,samp{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em;padding:.125rem .25rem}pre{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow-x:auto;padding:var(--spacing-md)}pre code{background:none;padding:0}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}@media (max-width:768px){.compact-date-input,.compact-filter-select,.modern-search-box,.sheet-input,.sheet-select,input,select,textarea{font-size:16px!important}}input,select,textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#2e7d72;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0f766e1a;outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.btn{background:#2e7d72;background:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--color-text-inverse);display:inline-flex;font-family:inherit;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background:#256a61;background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0)}.btn:focus-visible{outline:2px solid #2e7d72;outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{background:var(--color-gray-300);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.btn-ghost{background:#0000;box-shadow:none;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);box-shadow:none;transform:none}.btn-sm{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:16px;padding:var(--spacing-lg) var(--spacing-2xl)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.card-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.card-description{font-size:14px;margin:0}.loading-container{color:var(--color-text-secondary);min-height:200px;padding:var(--spacing-2xl)}.auth-error-message{background:var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;padding:var(--spacing-md) var(--spacing-lg);z-index:10000}.loading-spinner{border-top:3px solid #2e7d72;border:3px solid var(--color-border-light);height:32px;margin-bottom:var(--spacing-md);width:32px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.space-y-2>*+*{margin-top:var(--spacing-sm)}.space-y-4>*+*{margin-top:var(--spacing-lg)}.space-y-6>*+*{margin-top:var(--spacing-2xl)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:#4a5568;color:#fff}::-moz-selection{background:#4a5568;color:#fff}:focus-visible{outline:2px solid #2e7d72;outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.card{border-width:2px}.btn{border:2px solid}}.error-boundary-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-icon{color:#dc3545;display:flex;justify-content:center;margin-bottom:24px}.error-boundary-content h1{color:#212529;font-size:24px;font-weight:600;margin-bottom:16px}.error-message{color:#495057;font-size:16px;margin-bottom:12px}.error-details{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:32px}.error-actions{gap:12px;margin-bottom:24px}.error-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.error-button.primary{background-color:#0f766e;color:#fff}.error-button.primary:hover{background-color:#0d6b63;box-shadow:0 2px 4px #0f766e33;transform:translateY(-1px)}.error-button.secondary{background-color:#e9ecef;color:#495057}.error-button.secondary:hover{background-color:#dee2e6}.error-debug{border-top:1px solid #e9ecef;margin-top:32px;padding-top:16px;text-align:left}.error-debug summary{color:#6c757d;cursor:pointer;font-size:12px;margin-bottom:8px}.error-debug pre{background-color:#f8f9fa;border-radius:4px;color:#495057;font-size:11px;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}@media (max-width:480px){.error-boundary-content{padding:24px}.error-actions{flex-direction:column;width:100%}.error-button{width:100%}}.user-selection{margin:0 auto;max-width:400px;width:100%}.selection-header{margin-bottom:32px;text-align:center}.selection-header h2{color:#212529;font-size:24px;font-weight:600;margin:0 0 8px}.selection-header p{color:#6c757d;font-size:14px;margin:0}.users-list{margin-bottom:24px}.user-item{align-items:center;background-color:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;margin-bottom:12px;padding:16px;position:relative;transition:all .2s}.user-item:hover{border-color:#0f766e;box-shadow:0 2px 8px #0f766e1a;transform:translateY(-1px)}.user-item:active{transform:translateY(0)}.user-avatar{background-color:#f8f9fa;color:#6c757d;height:40px;margin-right:16px;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:#212529;font-size:16px;margin-bottom:4px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6c757d;font-size:14px}.remove-user-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;margin-left:8px;opacity:0;padding:8px;transition:all .2s}.user-item:hover .remove-user-button{opacity:1}.remove-user-button:hover{background-color:#f8d7da;color:#dc3545}.add-user-section{text-align:center}.add-user-button{align-items:center;background-color:initial;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.add-user-button:hover{background-color:#0f766e0d;border-color:#0f766e;color:#0f766e}.add-user-button:active{transform:scale(.98)}@media (max-width:480px){.user-selection{padding:0 20px}.user-item{padding:14px}.user-avatar{height:36px;margin-right:12px;width:36px}.user-name{font-size:15px}.user-email{font-size:13px}.remove-user-button{opacity:1;padding:6px}}.password-reset-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}.password-reset-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding:24px 24px 0}.modal-header h2{color:#212529;font-size:20px}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-button:hover{background-color:#f8f9fa;color:#495057}.close-button:disabled{cursor:not-allowed;opacity:.5}.reset-form{padding:0 24px}.form-group label{color:#495057;gap:8px;margin-bottom:8px}.label-icon{color:#6c757d}.email-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.email-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.email-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-actions{display:flex;gap:12px;margin-bottom:24px}.cancel-button{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.cancel-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#dee2e6}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{background-color:#0f766e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#0d6b63;box-shadow:0 2px 4px #0f766e33;transform:translateY(-1px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.submit-button.loading{color:#0000;position:relative}.submit-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.modal-footer{border-top:1px solid #e9ecef;margin-top:24px;padding:0 24px 24px}.modal-footer p{color:#6c757d;font-size:12px;line-height:1.4;margin:0;text-align:center}@media (max-width:480px){.password-reset-modal{margin:20px;max-width:none}.modal-actions{flex-direction:column}.modal-header{padding:20px 20px 0}.reset-form{padding:0 20px}.modal-footer{padding:0 20px 20px}}.modern-loader-container{align-items:center;background:#0000;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100vw;z-index:9999}.modern-loader{overflow:visible}.modern-loader,.modern-loader-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.modern-loader-icon-container{z-index:2}.modern-circle-loader{animation:circleSpin 1s linear infinite;background:conic-gradient(#111827 10%,#11182700 10%);border-radius:50%;filter:none!important;-webkit-mask:radial-gradient(circle at center,#0000 52%,#000 53%);mask:radial-gradient(circle at center,#0000 52%,#000 53%);position:relative}.modern-css-spinner{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative}.spinner-ring{animation:simpleSpin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--color-primary,#2e7d72);inset:0;position:absolute}.spinner-logo{animation:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;height:40%;image-rendering:-webkit-optimize-contrast;object-fit:contain;position:relative;transform:translateZ(0);width:40%}@keyframes simpleSpin{to{transform:rotate(1turn)}}@keyframes circleSpin{to{transform:rotate(1turn)}}.modern-loader-sun-rays{animation:smoothSpin 2s linear infinite;color:#fb7185;filter:drop-shadow(0 2px 4px rgba(251,113,133,.2));height:100%;position:absolute;transition:all .3s ease;width:100%}.modern-loader-inventory-icon{animation:subtlePulse 2s ease-in-out infinite;color:#fb7185;filter:drop-shadow(0 2px 8px rgba(251,113,133,.4));height:60%;position:relative;width:60%;z-index:3}.modern-loader-icon{animation:smoothSpin 1.5s linear infinite;color:#fb7185;position:relative;transition:all .3s ease;z-index:2}.modern-loader-icon svg{filter:drop-shadow(0 2px 4px rgba(251,113,133,.2));height:100%;width:100%}.modern-loader-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.modern-loader-spinner{align-items:center;display:flex;justify-content:center;position:relative}.modern-loader-backdrop{display:none}.modern-loader-text{animation:fadeInOut 2s ease-in-out infinite;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;text-align:center}.modern-loader-sm .modern-loader-icon,.modern-loader-sm .modern-loader-icon-container{height:auto;width:auto}.modern-loader-sm .modern-loader-text{font-size:12px}.modern-loader-md .modern-loader-icon,.modern-loader-md .modern-loader-icon-container{height:auto;width:auto}.modern-loader-md .modern-loader-text{font-size:14px}.modern-loader-lg .modern-loader-icon,.modern-loader-lg .modern-loader-icon-container{height:auto;width:auto}.modern-loader-lg .modern-loader-text{font-size:16px}@keyframes smoothSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}@keyframes gentlePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.dark-theme .modern-loader-icon,.dark-theme .modern-loader-inventory-icon,.dark-theme .modern-loader-sun-rays{color:#fb7185}.dark-theme .modern-loader-text{color:#9ca3af}.dark-theme .modern-loader-backdrop{background:radial-gradient(circle,#fb718526 0,#0000 70%)}@media (prefers-reduced-motion:reduce){.modern-loader-icon{transform:scale(1)}.modern-loader-icon,.modern-loader-text{animation:none;opacity:1}.modern-loader-backdrop{animation:none;opacity:.1}}.modern-loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-2xl)}.modern-loading-container .modern-loader-text{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;margin-top:var(--spacing-lg)}.dashboard-loading{background:var(--color-background)}.login-container{align-items:center;background:var(--color-bg-secondary);display:flex;font-family:var(--font-family-sans);justify-content:center;min-height:100vh;padding:var(--spacing-2xl)}.login-card{animation:fadeInUp .6s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--spacing-4xl);width:100%}.login-header{margin-bottom:var(--spacing-4xl);text-align:center}.login-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.form-group,.form-group label{gap:var(--spacing-sm)}.form-group label{align-items:center;display:flex;font-weight:600;margin-bottom:var(--spacing-xs)}.label-icon{color:var(--color-primary);flex-shrink:0;opacity:.8}.input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.password-toggle:hover{background-color:#f8f9fa;color:#495057}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{font-size:14px;justify-content:space-between;margin-bottom:20px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#495057;cursor:pointer;gap:8px;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:#0f766e;cursor:pointer;height:16px;width:16px}.remember-me input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.forgot-password{background:none;border:none;color:#0f766e;cursor:pointer;font-size:14px;text-decoration:underline;transition:all .2s}.forgot-password:hover{color:#0d6b63}.forgot-password:disabled{cursor:not-allowed;opacity:.5}.email-input,.form-group input,.password-input{background:var(--color-bg-primary);border:1px solid #000!important;border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:16px;font-weight:400;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-fast);width:100%}.email-input:focus,.form-group input:focus,.password-input:focus{border-color:#000!important;border-width:1px!important;box-shadow:0 0 0 3px #0000001a!important;outline:none!important}.form-group input:disabled{background:var(--color-bg-tertiary);border:1px solid #000!important;color:var(--color-text-disabled);cursor:not-allowed}.form-group.error .email-input,.form-group.error .password-input,.form-group.error input{background:#dc262605;border-color:var(--color-error)!important}.form-group.error .email-input:focus,.form-group.error .password-input:focus,.form-group.error input:focus{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #dc26261a!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group.error{animation:shake .5s ease-in-out}.error-message{background:#dc262614;border:1px solid #dc262633;border-radius:var(--radius-md);color:var(--color-error);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.error-message,.login-button{font-family:var(--font-family-sans)}.login-button{background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;font-size:16px;font-weight:600;margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl);transition:all var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.login-button:disabled{background:var(--color-gray-300);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;transform:none}.success-message{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:var(--radius-md);color:#059669;display:flex;font-family:var(--font-family-sans);font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.create-org-section{margin-top:var(--spacing-2xl);text-align:center}.or-text{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;margin-bottom:var(--spacing-md);position:relative;text-align:center;text-transform:lowercase}.or-text:after,.or-text:before{background:var(--color-border-light);content:"";flex:1 1;height:1px;margin:0 15px}.create-org-button{align-items:center;background:#0000;border:2px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:15px;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin:0 auto;min-width:200px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.create-org-button:hover:not(:disabled){background:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.create-org-button:active:not(:disabled){transform:translateY(0)}.create-org-button:disabled{border-color:var(--color-border-light);color:var(--color-text-disabled);cursor:not-allowed;transform:none}.create-org-text{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin-top:var(--spacing-md)}.login-footer{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-4xl);padding-top:var(--spacing-2xl);text-align:center}.login-footer p{color:var(--color-text-tertiary);font-size:13px;font-weight:400;line-height:1.5;margin:0}@media (max-width:480px){.login-container{padding:var(--spacing-lg)}.login-card{border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-2xl)}.login-header{margin-bottom:var(--spacing-3xl)}.login-header h1{font-size:1.75rem}.login-header p{font-size:14px}.form-group input,.password-input{font-size:16px;padding:var(--spacing-md) var(--spacing-lg)}.login-button{padding:var(--spacing-md) var(--spacing-xl)}.login-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl)}}@media (min-width:481px) and (max-width:768px){.login-card{max-width:450px;padding:var(--spacing-4xl) var(--spacing-3xl)}}.login-button:disabled{position:relative}.login-button.loading{pointer-events:none}.login-button.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--color-text-inverse);content:"";height:18px;left:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;width:18px}.login-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.form-group input:focus-visible,.password-input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login-card{animation:none}.login-button:hover:not(:disabled){transform:none}.login-button.loading:after{animation:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.create-org-container{align-items:center;background:var(--color-bg-secondary);display:flex;font-family:var(--font-family-sans);justify-content:center;min-height:100vh;padding:var(--spacing-2xl)}.create-org-card{animation:fadeInUp .6s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--spacing-4xl);position:relative;width:100%}.create-org-header{margin-bottom:var(--spacing-4xl);position:relative;text-align:center}.back-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;left:0;padding:8px;position:absolute;top:0;transition:all .2s ease}.back-button:hover{background:#f3f4f6;color:#374151}.create-org-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 10px}.create-org-header p{color:#6b7280;font-size:1.1rem;margin:0}.create-org-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.form-section h3{align-items:center;color:#374151;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 20px}.form-section h3 svg{color:#3b82f6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;font-size:.95rem;margin-bottom:6px}.form-group input,.form-group select{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input.checking{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group input.exists{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.loading-message{align-items:center;color:#f59e0b;display:flex;font-size:.875rem;gap:6px;margin-top:4px}.loading-message .loading-icon{animation:spin 1s linear infinite}.success-message{color:#10b981;font-size:.875rem;margin-top:4px}.exists-message{color:#ef4444;font-size:.875rem;margin-top:4px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.error-message{color:#ef4444;font-size:.875rem;margin-top:4px}.plans-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s ease}.plan-card:hover{transform:translateY(-2px)}.plan-card.selected,.plan-card:hover{border-color:#3b82f6;box-shadow:0 8px 16px #3b82f61a}.plan-card.selected{background:#eff6ff}.plan-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.plan-header h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.trial-badge{background:#fb7185;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;margin-left:auto;padding:4px 8px}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{color:#6b7280;font-size:.9rem;padding:4px 0 4px 20px;position:relative}.plan-features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute;top:4px}.form-actions{margin-top:20px}.btn,.form-actions{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-large{font-size:1.1rem;padding:16px 32px}.loading-icon{animation:spin 1s linear infinite}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-top:20px;padding:12px 16px}.success-card{text-align:center}.success-header{margin-bottom:30px}.success-icon{color:#10b981;height:64px;margin-bottom:20px;width:64px}.success-header h1{color:#059669;margin-bottom:10px}.success-header p{color:#6b7280;font-size:1.1rem}.success-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:30px;padding:24px}.detail-item{align-items:center;display:flex;gap:12px;margin-bottom:16px;text-align:left}.detail-item:last-child{margin-bottom:0}.detail-icon{color:#059669;flex-shrink:0;height:20px;width:20px}.detail-item div{display:flex;flex-direction:column;gap:4px}.detail-item strong{color:#374151;font-size:.9rem}.detail-item span{color:#6b7280;font-size:1rem}.plan-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.success-actions{display:flex;justify-content:center}.error-card{text-align:center}.error-header{margin-bottom:30px}.error-icon{height:64px;margin-bottom:20px;width:64px}.error-header h1{color:#dc2626;margin-bottom:10px}.error-actions{display:flex;gap:16px;justify-content:center}@media (max-width:768px){.create-org-container{padding:10px}.create-org-card{padding:20px}.create-org-header h1{font-size:2rem}.form-row,.plans-grid{grid-template-columns:1fr}.error-actions,.success-actions{flex-direction:column}.btn{width:100%}}.create-org-form .form-group label{align-items:center!important;color:var(--color-text-primary)!important;display:flex!important;font-size:14px;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.create-org-form .label-icon{color:var(--color-text-secondary);flex-shrink:0}.create-org-form .form-group input{background:var(--color-bg-elevated);border:1px solid #000!important;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-md);transition:all .2s ease}.create-org-form .form-group input:focus{border:1px solid #000!important;box-shadow:0 0 0 3px #0000001a;outline:none}.subscription-icon{color:var(--color-primary)!important}.plan-title-section{flex:1 1}.plan-price,.plan-title-section{display:flex;flex-direction:column;gap:4px}.plan-price .price{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-top:4px}.plan-price .trial-badge{align-self:flex-start;background:var(--color-primary);border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{background:#10b981;border-left:4px solid #059669;color:#fff}.toast-error{background:#ef4444;border-left:4px solid #dc2626;color:#fff}.toast-content{flex:1 1;gap:8px}.toast-close,.toast-content{align-items:center;display:flex}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;height:20px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s;width:20px}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.tooltip{animation:tooltipFadeIn .2s ease-out;font-family:var(--font-family-sans);pointer-events:none;position:fixed;-webkit-user-select:none;user-select:none;z-index:9999}.tooltip-content{word-wrap:break-word;background:#1f2937;background:var(--color-bg-tooltip,#1f2937);border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--color-text-tooltip,#fff);font-size:12px;font-weight:500;line-height:1.4;max-width:200px;padding:8px 12px;white-space:nowrap;white-space:normal}.tooltip-arrow .tooltip-arrow-element{border-style:solid;height:0;position:absolute;width:0}.tooltip-arrow-top{border-top:6px solid #1f2937;border-top:6px solid var(--color-bg-tooltip,#1f2937);bottom:-6px}.tooltip-arrow-bottom,.tooltip-arrow-top{border-left:6px solid #0000;border-right:6px solid #0000;left:50%;transform:translateX(-50%)}.tooltip-arrow-bottom{border-bottom:6px solid #1f2937;border-bottom:6px solid var(--color-bg-tooltip,#1f2937);top:-6px}.tooltip-arrow-left{border-left:6px solid #1f2937;border-left:6px solid var(--color-bg-tooltip,#1f2937);right:-6px}.tooltip-arrow-left,.tooltip-arrow-right{border-bottom:6px solid #0000;border-top:6px solid #0000;top:50%;transform:translateY(-50%)}.tooltip-arrow-right{border-right:6px solid #1f2937;border-right:6px solid var(--color-bg-tooltip,#1f2937);left:-6px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-2px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tooltip-left{animation:tooltipFadeInLeft .2s ease-out}.tooltip-right{animation:tooltipFadeInRight .2s ease-out}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(-50%) translateX(2px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes tooltipFadeInRight{0%{opacity:0;transform:translateY(-50%) translateX(-2px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.tooltip-trigger{display:inline-block}[data-theme=light] .tooltip-content{--color-bg-tooltip:#374151;--color-text-tooltip:#fff}[data-theme=dark] .tooltip-content{--color-bg-tooltip:#4b5563;--color-text-tooltip:#f3f4f6}[data-theme=light] .tooltip-arrow-top{border-top-color:#374151}[data-theme=light] .tooltip-arrow-bottom{border-bottom-color:#374151}[data-theme=light] .tooltip-arrow-left{border-left-color:#374151}[data-theme=light] .tooltip-arrow-right{border-right-color:#374151}[data-theme=dark] .tooltip-arrow-top{border-top-color:#4b5563}[data-theme=dark] .tooltip-arrow-bottom{border-bottom-color:#4b5563}[data-theme=dark] .tooltip-arrow-left{border-left-color:#4b5563}[data-theme=dark] .tooltip-arrow-right{border-right-color:#4b5563}@media (max-width:768px){.tooltip{display:none!important}.tooltip-content{font-size:11px;max-width:150px;padding:6px 10px}.tooltip-arrow-element{border-width:5px}.tooltip-arrow-top{border-left-width:5px;border-right-width:5px;border-top-width:5px;bottom:-5px}.tooltip-arrow-bottom{border-bottom-width:5px;border-left-width:5px;border-right-width:5px;top:-5px}.tooltip-arrow-left{border-bottom-width:5px;border-left-width:5px;border-top-width:5px;right:-5px}.tooltip-arrow-right{border-bottom-width:5px;border-right-width:5px;border-top-width:5px;left:-5px}}.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-light);border-top:1px solid var(--color-border-light);bottom:0;box-shadow:2px 0 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family-sans);height:calc(100vh - 70px);left:0;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;position:fixed;top:70px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:10}.sidebar.sidebar-open{transform:translateX(0);width:168px!important}.sidebar-open .nav-content{opacity:1;visibility:visible;width:auto}.sidebar-open .nav-link{justify-content:flex-start;margin:var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg)}.sidebar-open .nav-icon{margin-right:var(--spacing-md)}.nav-link{justify-content:center;margin:var(--spacing-xs) var(--spacing-xs);padding:var(--spacing-md)}.nav-icon{margin:0}.sidebar:not(.sidebar-open){transform:translateX(0);width:70px}.sidebar:not(.sidebar-open) .nav-content{opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:0}.sidebar:not(.sidebar-open) .nav-link{justify-content:center;margin:var(--spacing-xs) var(--spacing-xs);min-width:auto;padding:var(--spacing-md)}.sidebar:not(.sidebar-open) .nav-icon{margin:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--color-bg-overlay);bottom:0;left:0;opacity:0;position:fixed;right:0;top:70px;transition:all .15s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:998}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-nav{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.nav-list,.sidebar-nav{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.nav-list{box-sizing:border-box;gap:0;justify-content:flex-start;list-style:none;min-height:100%}.nav-item{flex-shrink:0;margin:0;padding:0;width:100%}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;margin:var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm);min-height:60px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-lg);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.nav-item:first-child .nav-link{margin-top:0;padding-top:var(--spacing-lg);position:relative}.nav-item:first-child{margin-top:0;padding-top:0}.nav-link:before{background:#2e7d72;background:var(--color-primary,#2e7d72);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .15s cubic-bezier(.4,0,.2,1);width:3px}.nav-link:hover{background:var(--color-bg-secondary);transform:translateX(2px)}.nav-link:hover,.nav-link:hover .nav-label{color:var(--color-text-primary)}.nav-link:hover:before{transform:scaleY(1)}.nav-link.active{background:#2e7d721a;background:var(--color-primary-bg,#2e7d721a);font-weight:500;transform:translateX(2px)}.nav-link.active,.nav-link.active .nav-label{color:#2e7d72;color:var(--color-primary,#2e7d72)}.nav-link.active .nav-label{font-weight:600}.nav-link.active .nav-icon,.nav-link.active .nav-icon svg{stroke:#2e7d72;stroke:var(--color-primary,#2e7d72);color:#2e7d72;color:var(--color-primary,#2e7d72)}.nav-link.active:before{transform:scaleY(1)}.nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:var(--spacing-md);transition:margin .3s cubic-bezier(.4,0,.2,1);width:20px}.nav-content{display:flex;flex:1 1;flex-direction:column;min-width:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:0}.nav-label{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.25;transition:color .3s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.sidebar{border-right:1px solid var(--color-border-light);border-top:none;box-shadow:2px 0 8px #0000001a;height:calc(100vh - 70px);left:0;margin:0;padding:0;position:fixed;top:70px;transform:translateX(0);transition:none;width:168px}.sidebar-overlay{display:none}}@media (min-width:1200px){.sidebar{height:calc(100vh - 70px);top:70px;transform:translateX(0);width:180px}}@media (min-width:481px) and (max-width:768px){.sidebar{border-top:none;height:calc(100vh - 70px);left:0;margin:0;padding:0;top:70px;transform:translateX(-100%);transition:transform .15s cubic-bezier(.4,0,.2,1);width:168px}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{opacity:0;top:70px;transition:all .15s cubic-bezier(.4,0,.2,1);visibility:hidden}.sidebar-overlay.active{opacity:1;visibility:visible}.nav-link{margin:0 var(--spacing-sm);min-height:56px;padding:var(--spacing-lg) var(--spacing-lg)}.nav-icon{height:22px;width:22px}.nav-label{font-size:15px}.sidebar:not(.sidebar-open){width:80px}.sidebar:not(.sidebar-open) .nav-link{justify-content:center;padding:var(--spacing-md)}.sidebar:not(.sidebar-open) .nav-icon{height:24px;margin-right:0;width:24px}.sidebar:not(.sidebar-open) .nav-content,.sidebar:not(.sidebar-open) .nav-label{display:none}}@media (max-width:768px){.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-light);border-top:none;box-shadow:2px 0 10px #00000026;height:calc(100vh - 64px);left:0;margin:0;min-width:179px;padding:0;position:fixed;top:64px;transform:translateX(-100%);transition:transform .15s cubic-bezier(.4,0,.2,1);width:179px;z-index:999}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{opacity:0;top:64px;transition:all .15s cubic-bezier(.4,0,.2,1);visibility:hidden}.sidebar-overlay.active{opacity:1;visibility:visible}}@media (max-width:480px){.sidebar{border-top:none;height:calc(100vh - 60px);left:0;margin:0;max-width:205px;padding:0;top:60px;width:100vw}.sidebar-overlay{top:60px}}.sidebar-brand-mobile{display:none}@media (max-width:768px){.sidebar-nav{padding-bottom:60px}.sidebar-brand-mobile{align-items:center;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-light);bottom:20px;display:flex;justify-content:center;left:0;padding:var(--spacing-md) var(--spacing-lg);position:absolute;right:0}.sidebar-brand-mobile h1{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin:0}}@media (max-width:480px){.nav-item{padding:0;width:100%}.nav-link{margin:0 var(--spacing-sm);min-height:60px;padding:var(--spacing-lg) var(--spacing-lg)}.nav-icon{height:22px;margin-right:var(--spacing-lg);width:22px}.nav-label{font-size:16px}.sidebar:not(.sidebar-open){width:80px}.sidebar:not(.sidebar-open) .nav-link{justify-content:center;padding:var(--spacing-md)}.sidebar:not(.sidebar-open) .nav-icon{height:24px;margin-right:0;width:24px}.sidebar:not(.sidebar-open) .nav-content,.sidebar:not(.sidebar-open) .nav-label{display:none}}@media (prefers-reduced-motion:reduce){.nav-link,.sidebar{transition:none}.nav-link.active,.nav-link:hover{transform:none}}@media (prefers-reduced-motion:no-preference){.nav-link,.sidebar{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-icon{transition:margin .3s cubic-bezier(.4,0,.2,1)}}@media (min-width:1025px){.sidebar{position:fixed;transform:translateX(0)}.sidebar-overlay{display:none!important}}@media (max-width:768px){.sidebar,.sidebar-overlay{display:none!important}}@media (max-width:1024px) and (min-width:769px){.sidebar{background:var(--color-bg-elevated)!important;border-right:1px solid var(--color-border-light)!important;border-top:1px solid var(--color-border-light)!important;bottom:0!important;box-shadow:2px 0 20px #00000026!important;box-sizing:border-box!important;height:calc(100vh - 64px)!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;top:64px!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:179px!important;z-index:1000!important}.sidebar.sidebar-open{transform:translateX(0)!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#00000080!important;bottom:0!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:64px!important;z-index:999!important}.sidebar .nav-content,.sidebar-overlay{opacity:1!important;visibility:visible!important}.sidebar .nav-content{width:auto!important}.sidebar .nav-link{justify-content:flex-start!important;margin:var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm)!important;padding:var(--spacing-lg) var(--spacing-lg)!important}.sidebar .nav-icon{margin-right:var(--spacing-md)!important}}@media (max-width:480px){.sidebar{height:calc(100vh - 60px)!important}.sidebar,.sidebar-overlay{top:60px!important}}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);font-family:var(--font-family-sans);height:70px;justify-content:space-between;left:0;padding:0 var(--spacing-2xl);position:fixed;right:0;top:0;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-md)}.menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:calc(var(--spacing-xl)*-1);padding:var(--spacing-sm);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:40px}.menu-toggle:hover{background:#0000;color:inherit}.menu-toggle:focus-visible{outline:none}.menu-toggle .close-icon,.menu-toggle .menu-icon{height:20px;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);width:20px}.menu-toggle .menu-icon{opacity:1;transform:rotate(0deg)}.menu-toggle .close-icon{opacity:0;transform:rotate(-90deg)}.menu-toggle.menu-toggle-open .menu-icon{opacity:0;transform:rotate(90deg)}.menu-toggle.menu-toggle-open .close-icon{opacity:1;transform:rotate(0deg)}.header-title h1{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.logo-icon.desktop-only,.logo-icon.mobile-only,.mobile-only{display:none}.header-actions{gap:var(--spacing-md)}.header-logo-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.theme-toggle-container{align-items:center;display:flex;position:relative}.theme-toggle-container .theme-toggle{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;min-width:40px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.theme-toggle-container .theme-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-toggle-container .theme-toggle:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.theme-toggle-container .theme-toggle-label{display:none}.theme-toggle-container .theme-toggle-icon{color:var(--color-text-secondary);transition:all var(--transition-fast)}.theme-toggle-container .theme-toggle:hover .theme-toggle-icon{color:var(--color-text-primary)}.theme-toggle-container .theme-icon{transition:all var(--transition-fast)}.theme-toggle-container .theme-toggle:hover .theme-icon{color:var(--color-primary);transform:scale(1.1)}.notification-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast);width:40px}.notification-btn:before{background:radial-gradient(circle,#2e7d72 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(0);transition:all var(--transition-slow);z-index:0}.notification-btn:hover{background:#0000;box-shadow:var(--shadow-md);color:inherit;transform:translateY(-2px)}.notification-btn:hover:before{opacity:.1;transform:scale(1)}.notification-btn:hover .notification-icon{animation:bellRing .6s ease-in-out;color:#2e7d72;transform:scale(1.1)}.notification-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.notification-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.notification-icon{color:#2e7d72;height:18px;width:18px;z-index:1}.notification-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#2e7d72;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px;transition:all var(--transition-fast);z-index:2}.notification-btn:hover .notification-badge{animation:badgeBounce .5s ease-in-out;transform:scale(1.1)}@keyframes bellRing{0%,to{transform:scale(1.1) rotate(0deg)}10%,30%,50%,70%,90%{transform:scale(1.1) rotate(-10deg)}20%,40%,60%,80%{transform:scale(1.1) rotate(10deg)}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes badgeBounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.25)}}.user-menu-container{position:relative}.user-menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.user-menu-toggle:hover{background:var(--color-bg-secondary)}.user-menu-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.user-avatar{background:#2e7d72;border-radius:var(--radius-full);flex-shrink:0;font-size:15px;height:36px;width:36px}.user-name,.user-role{line-height:1.25}.user-role{color:var(--color-text-tertiary);font-size:12px;text-transform:capitalize}.user-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;z-index:1000}.user-menu-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-xl)}.user-info{gap:var(--spacing-md)}.user-avatar-large{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.header .user-avatar,.header .user-avatar-large,.user-avatar-large{background:#2e7d72;color:#fff}.user-details{gap:2px;min-width:0}.user-name-large{color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:1.25}.user-role-large{color:var(--color-text-secondary);font-size:13px;line-height:1.25;text-transform:capitalize}.user-email{color:var(--color-text-tertiary);font-size:12px;line-height:1.25;word-break:break-all}.user-menu-actions{padding:var(--spacing-sm) 0}.menu-action{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);text-align:left;transition:all var(--transition-fast);width:100%}.menu-action:hover{background:var(--color-bg-secondary)}.menu-action:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.menu-action.logout-action{color:var(--color-error)}.menu-action.logout-action:hover{background:#dc26261a}.action-icon{color:inherit;flex-shrink:0;height:16px;width:16px}.menu-action{overflow:hidden;position:relative}.menu-action:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-action:hover:before{left:100%}@media (max-width:768px){.header{height:50px!important;min-height:50px!important;padding:0 var(--spacing-lg)}.header-left{gap:var(--spacing-sm)}.notification-btn{height:32px;min-width:32px;padding:6px}.notification-icon{height:16px;width:16px}.theme-toggle{border:none!important;box-shadow:none!important;height:32px;min-width:32px!important;padding:6px!important;width:32px}.theme-toggle-container{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.menu-toggle{margin-left:0}.header-title h1{font-size:1.125rem}.close-icon.desktop-only,.header-title-text,.menu-icon.desktop-only{display:none}.logo-icon.mobile-only{display:block;height:44px;object-fit:contain;width:44px}.menu-toggle{-webkit-tap-highlight-color:transparent;height:44px;width:44px}.header-logo-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.mobile-only{display:inline-flex}.home-icon.mobile-only{color:#000;display:block;height:30px;width:30px}.home-icon.mobile-only.active{color:#4f46e5;color:var(--color-indigo,#4f46e5)}.user-name,.user-role{display:none}.user-avatar{font-size:12px!important;height:30px!important;width:30px!important}.user-menu{min-width:240px;right:-8px}}@media (max-width:480px){.header{height:50px;padding:0 var(--spacing-md)}.header-left{gap:var(--spacing-sm)}.menu-toggle{margin-left:0}.header-title h1{font-size:1rem}.header-title-text{display:none}.header-actions{gap:var(--spacing-sm)}.user-menu{min-width:220px;right:-12px}.user-menu-header{padding:var(--spacing-lg)}.user-menu-actions{padding:var(--spacing-xs) 0}.menu-action{padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width:769px){.menu-icon.desktop-only{display:block}.logo-icon.mobile-only{display:none}.logo-icon.desktop-only{display:inline-block;height:50px;margin-right:8px;object-fit:contain;transform:translateY(3px);width:50px}.menu-toggle{height:50px;width:50px}.home-icon.mobile-only{display:none}}@media (min-width:1200px){.header{padding:0 var(--spacing-3xl)}}.bottom-navigation{display:none}@media (max-width:768px){.bottom-navigation{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-around;left:0;min-height:calc(90px + env(safe-area-inset-bottom));padding:16px 0 max(30px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;border:none;border-radius:8px;box-shadow:none;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:80px;min-width:60px;padding:6px 8px;text-decoration:none!important;transition:all .2s ease}.bottom-nav-item:hover{background:#f3f4f6;color:#374151}.bottom-nav-item.active,.bottom-nav-item:last-child,.bottom-nav-item:last-child:hover{background:#0000!important}.bottom-nav-item.active{border:none!important;color:#2e7d72!important;color:var(--color-primary,#2e7d72)!important}.bottom-nav-icon{align-items:center;display:flex;font-family:Inter,sans-serif;justify-content:center;margin-bottom:2px;transition:all .2s ease}.bottom-nav-item.active .bottom-nav-icon svg{stroke:#2e7d72!important;stroke:var(--color-primary,#2e7d72)!important;fill:none!important}.bottom-nav-item.active .bottom-nav-icon svg,.bottom-nav-item.active .bottom-nav-label{color:#2e7d72!important;color:var(--color-primary,#2e7d72)!important}.bottom-nav-label{border-bottom:none;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1;text-align:center;text-decoration:none}.dashboard-content{padding-bottom:calc(var(--spacing-lg) + 80px + env(safe-area-inset-bottom))!important}.more-menu-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding:16px 20px 8px}.more-menu-header h3{color:#374151;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.more-menu-items{display:flex;flex-direction:column;gap:4px;padding:0 20px 20px}.more-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.more-menu-item:hover{background:#f3f4f6}.more-menu-icon{align-items:center;color:#6b7280;display:flex;justify-content:center}.more-menu-label{color:#374151;font-family:Inter,sans-serif;font-size:16px;font-weight:500}}html.dark-theme body .dashboard-container .bottom-navigation{background:var(--color-bg-elevated)!important;border-top-color:var(--color-border-medium)!important}html.dark-theme body .dashboard-container .bottom-nav-item:last-child{background:#0000!important;border-radius:8px!important;color:var(--color-text-primary)!important}html.dark-theme body .dashboard-container .bottom-nav-item{color:var(--color-text-secondary)!important}html.dark-theme body .dashboard-container .bottom-nav-item:hover{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important}html.dark-theme body .dashboard-container .bottom-nav-item.active{background:#2e7d721a!important;background:var(--color-primary-bg,#2e7d721a)!important;border:none!important;color:#2e7d72!important;color:var(--color-primary,#2e7d72)!important}html.dark-theme body .dashboard-container .bottom-nav-item.active .bottom-nav-icon svg{stroke:#2e7d72!important;stroke:var(--color-primary,#2e7d72)!important;fill:none!important;color:#2e7d72!important;color:var(--color-primary,#2e7d72)!important}html.dark-theme body .dashboard-container .bottom-nav-item.active .bottom-nav-label{color:var(--color-primary)!important}html.dark-theme body .dashboard-container .bottom-nav-icon,html.dark-theme body .dashboard-container .bottom-nav-label{color:var(--color-text-secondary)!important}@media (prefers-color-scheme:dark){.bottom-navigation{background:var(--color-bg-elevated)!important;border-top-color:var(--color-border-medium)!important}.bottom-nav-item:last-child{background:#0000!important;border-radius:8px!important;color:var(--color-text-primary)!important}.bottom-nav-item{color:var(--color-text-secondary)!important}.bottom-nav-item:hover{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important}.bottom-nav-item.active{background:var(--color-primary-bg)!important;border:none!important;color:var(--color-primary)!important}.bottom-nav-item.active .bottom-nav-icon svg{stroke:var(--color-primary)!important;fill:none!important;color:var(--color-primary)!important}}.requests-container{margin:0;max-width:none;padding:0}.logistics-container{padding-top:0!important}.logistics-container>.content-inner{margin-top:0!important;padding-top:0!important}.dashboard-content .content-inner>.request-section-container:has(.logistics-container){margin-top:0!important;padding-top:0!important}.logistics-container .logi-tabs{margin-top:0!important}.requests-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.requests-header .header-content{align-items:center;display:flex;justify-content:space-between}.requests-header h2{color:#212529;font-size:24px;font-weight:600;margin:0 0 4px}.requests-header p{color:#6c757d;font-size:14px;margin:0}.request-section-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.search-container{margin-bottom:12px}.search-container i[data-lucide=search]{color:#6c757d;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-filter-outside-btn.active{background:#2e7d7214;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary)}.search-sort-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:42px;justify-content:center;width:42px}.search-sort-btn+.search-container{margin-left:0}.compact-filters-container{gap:12px;margin-bottom:12px}.compact-filter-group{gap:6px}.compact-date-input,.compact-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 10px}.requisitions-filters{align-items:center;gap:10px}.requisitions-filters .filters-title{color:#374151;font-size:12px;font-weight:600;margin-right:2px}.requisitions-filters .compact-filter-select{font-size:13px;min-height:32px;padding:6px 8px}.table-header-controls{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:10px 12px}.table-total-count{color:#6b7280;font-size:13px}.table-action-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 10px}.icon-btn.icon-btn--outline-black.icon-btn--text{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:8px 12px}.icon-btn .btn-label{font-size:13px}.bulk-actions-container{position:relative}.bulk-actions-trigger{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.bulk-actions-trigger:hover{background:#0056b3}.bulk-actions-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:150px;position:absolute;right:0;top:100%;z-index:100}.bulk-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.bulk-action-btn:hover{background:#f8f9fa}.bulk-action-btn.approve{color:#28a745}.bulk-action-btn.reject{color:#dc3545}.bulk-action-btn.hold{color:#ffc107}.requests-tabs{display:none}.logi-tabs{gap:8px;margin:8px 12px}.logi-tab{border-bottom:2px solid #0000;color:var(--color-text-secondary);padding:8px 12px}.logi-tab.active{border-color:var(--color-primary);color:var(--color-primary)}.tab-count{margin-left:6px}@media (max-width:768px){.search-row{align-items:center;display:flex;gap:8px;margin:0!important;max-width:420px;padding:0 12px}.search-row .search-container{flex:1 1;margin-bottom:0!important}.search-row .modern-search-box{border-radius:8px;box-sizing:border-box;height:42px}}.sort-options{display:flex;flex-direction:column;gap:8px}.sort-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 14px;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.sort-option:hover{background:#f9fafb;border-color:#d1d5db}.sort-option.active{background:#2e7d720f;border-color:var(--color-primary);box-shadow:inset 0 0 0 3px #2e7d721f}.dark-theme .sort-option{background:#111827;border-color:#374151;color:#e5e7eb}.dark-theme .sort-option:hover{background:#0f172a;border-color:#4b5563}.dark-theme .sort-option.active{background:#0ea5e914;border-color:var(--color-primary)}.search-clear-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.topbar{align-items:center;background:#f3f4f6;border-bottom:1px solid #e9ecef;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.topbar-right{gap:12px}.topbar .total,.topbar-right{align-items:center;display:inline-flex}.topbar .total{color:#374151;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;gap:6px}.topbar .total,.topbar .total span{font-size:13px!important;line-height:1.25}.topbar .actions{align-items:center;display:inline-flex;gap:8px}.bulk-label{color:#6b7280}.bulk-label,.bulk-select{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px!important}.bulk-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:140px;padding:4px 8px;width:auto}.bulk-select:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}html.dark-theme .topbar{background:#1f2937!important;border-top-left-radius:12px;border-top-right-radius:12px;color:#f9fafb!important}html.dark-theme .bulk-label{color:#9ca3af!important}html.dark-theme .bulk-select{background:#1f2937!important;border-color:#4b5563!important;border-color:var(--color-border-medium,#4b5563)!important;color:var(--color-text-primary)!important}@media (min-width:769px){.logistics-container .search-row{align-items:center;display:flex;gap:8px;margin:0!important;width:100%}.logistics-container .search-row .search-container{flex:1 1;margin-bottom:0!important}}.cart-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#374151;display:inline-flex;height:40px;justify-content:center;min-width:44px;padding:0 10px;position:relative}.cart-btn:hover{background:#f3f4f6}.cart-count-badge{background:#2e7d72;background:var(--color-primary,#2e7d72);border-radius:10px;color:#fff;font-size:11px;line-height:1;padding:1px 6px;position:absolute;right:-6px;top:-6px}.cart-qty-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;padding:6px 8px;width:64px}.cart-drawer-overlay{background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.cart-drawer{background:#fff;box-shadow:-8px 0 24px #0000001f;display:flex;flex-direction:column;height:100%;max-width:90vw;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);width:360px}.cart-drawer--open{transform:translateX(0)}.cart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.cart-body{gap:8px;overflow-y:auto;padding:10px}.cart-body,.cart-empty{display:flex;flex:1 1;flex-direction:column}.cart-empty{color:#374151;gap:6px;text-align:center}.cart-empty,.cart-empty-icon{align-items:center;justify-content:center}.cart-empty-icon{background:#f3f4f6;border-radius:50%;color:#6b7280;display:inline-flex;height:56px;width:56px}.cart-empty-title{color:#111827;font-weight:700}.cart-empty-sub{color:#6b7280;font-size:12px}.cart-item{border:1px solid #e5e7eb;gap:8px;justify-content:space-between;padding:8px}.cart-item,.cart-item-photo{align-items:center;border-radius:8px;display:flex}.cart-item-photo{background:#f3f4f6;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.cart-item-photo img{height:100%;object-fit:cover;width:100%}.cart-photo-placeholder{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;width:100%}.cart-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.cart-item-sub{color:#6b7280;font-size:12px}.cart-item-actions{gap:6px}.cart-item-actions,.cart-remove{align-items:center;display:inline-flex}.cart-remove{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#ef4444;height:28px;justify-content:center;width:28px}.cart-remove:hover{background:#fee2e2}.cart-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:10px}.cart-submit-btn{background:#2e7d72;background:var(--color-primary,#2e7d72);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.cart-submit-btn:disabled{cursor:not-allowed;opacity:.6}html.dark-theme .cart-drawer{background:#111827;color:#f9fafb}html.dark-theme .cart-item{border-color:#374151}html.dark-theme .cart-remove{border-color:#374151;color:#f87171}.inventory-list-item .item-category,.inventory-list-item .item-title,.inventory-list-item .list-item-code .code-value,.inventory-list-item .quantity-value,.inventory-list-item .unit-text{font-size:12px;line-height:1.3}.inventory-list-item .list-item-description .item-title{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:left}.requisitions-list{width:100%}.requisitions-list .inventory-list-item,.requisitions-list .list-header{box-sizing:border-box;column-gap:16px;grid-template-columns:60px 100px minmax(270px,1fr) minmax(120px,160px) 80px 100px 160px;overflow:hidden;text-align:left;width:100%}.requisitions-list .inventory-list-item>div,.requisitions-list .list-header-item{min-width:0}.requisitions-list .list-item-category .item-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.virtualized-list-container{width:100%}.virtualized-list-container>div{overflow-x:hidden!important}.inventory-row{background:#0000;padding:2px 0}.inventory-row .inventory-list-item{background:#fff;border-bottom:1px solid #e5e7eb}html.dark-theme .inventory-row .inventory-list-item{background:#111827;border-bottom-color:#374151;border-bottom-color:var(--color-border-medium,#374151)}.requisitions-list .list-item-photo img{border:1px solid #e5e7eb;border-radius:8px;display:block;height:56px;object-fit:cover;width:56px}.requisitions-list .list-item-photo .placeholder-image{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;height:56px;justify-content:center;width:56px}.requisitions-list .list-item-actions{overflow:hidden}@media (max-width:1280px) and (min-width:769px){.requisitions-list .inventory-list-item,.requisitions-list .list-header{column-gap:14px;grid-template-columns:56px 90px minmax(240px,1fr) minmax(110px,140px) 72px 90px 140px}.requisitions-list .inventory-list-item{padding:10px 14px!important}}@media (max-width:1100px) and (min-width:769px){.requisitions-list .inventory-list-item,.requisitions-list .list-header{column-gap:12px;grid-template-columns:56px 80px minmax(220px,1fr) minmax(100px,120px) 64px 80px 132px}.requisitions-list .inventory-list-item{padding:8px 12px!important}.cart-qty-input{width:56px}}@media (max-width:980px) and (min-width:769px){.requisitions-list .inventory-list-item,.requisitions-list .list-header{column-gap:10px;grid-template-columns:56px 70px minmax(200px,1fr) minmax(90px,110px) 60px 70px 120px}.cart-qty-input{width:52px}}.requisitions-list .inventory-list-item>div,.requisitions-list .list-header-item{justify-self:start;text-align:left}.requisitions-list .list-header{padding:12px 16px!important}.requisitions-list .inventory-list-item{padding:8px 16px!important}.requisitions-list .list-header{border-bottom:1px solid #e5e7eb}.requisitions-list .inventory-list-item{background:#fff;border-bottom:1px solid #e5e7eb}html.dark-theme .requisitions-list .list-header{border-bottom-color:#4b5563;border-bottom-color:var(--color-border-medium,#4b5563)}html.dark-theme .requisitions-list .inventory-list-item{background:#111827;border-bottom-color:#374151;border-bottom-color:var(--color-border-medium,#374151)}.requisitions-list .list-header-item:nth-child(4),.requisitions-list .list-header-item:nth-child(5),.requisitions-list .list-header-item:nth-child(6),.requisitions-list .list-header-item:nth-child(7),.requisitions-list .list-item-actions,.requisitions-list .list-item-category,.requisitions-list .list-item-quantity,.requisitions-list .list-item-unit{margin:0;padding:0}.requisitions-list .list-item-actions{justify-content:flex-start}.requisitions-header .list-header-item:nth-child(2),.requisitions-list .list-item-code{min-width:100px}.inventory-list-item .list-item-actions{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.inventory-list-item .list-item-actions .action-btn.request{margin-left:6px}.inventory-list-item .list-item-description .item-title.clickable{cursor:pointer;text-decoration:none}.inventory-list-item .list-item-photo.clickable{cursor:pointer}.rq-modal-overlay{align-items:center;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);background:#0000008c;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.logistics-container{position:relative}.rq-modal{background:#fff;border-radius:12px;box-shadow:0 16px 40px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:720px;overflow:hidden;width:92vw}.rq-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.rq-modal-body{flex:1 1;overflow:auto;padding:16px}.rq-modal-close{background:#0000;border:none;color:#6b7280;cursor:pointer}html.dark-theme .rq-modal{background:#1f2937;color:#f9fafb}.tab-button{background:#0000;border:2px solid #0000;border-radius:6px;color:#6c757d;flex:1 1;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(135deg,var(--color-primary-hover) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.tab-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light);box-shadow:0 4px 8px #00000014;color:var(--color-primary);transform:translateY(-1px)}.tab-button:hover:before{opacity:.1}.tab-button.active{box-shadow:0 4px 12px #0f766e33;position:relative}.tab-button.active:after{animation:tabIndicator .3s ease-out;background:var(--color-primary);border-radius:3px 3px 0 0;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30%}.tab-count{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;line-height:1;margin-left:8px;min-width:20px;padding:0 6px}.tab-button.active .tab-count{background:#ffffffe6;color:var(--color-primary)}@keyframes tabIndicator{0%{opacity:0;width:0}to{opacity:1;width:30%}}.tab-button.active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(0)}.tab-button:focus{box-shadow:0 0 0 3px #0f766e33;outline:none}.tab-button:active{transform:translateY(0);transition:transform .1s ease}.requests-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:0}.adj-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#11182773;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;transition:background .15s ease;z-index:1200}.desc-preview,.photo-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:520px;padding:12px;position:relative;width:calc(100% - 32px)}.photo-preview img{border-radius:10px;display:block;height:auto;max-height:70vh;object-fit:contain;width:100%}.desc-preview .desc-title{color:#374151;font-weight:700;margin-bottom:8px}.desc-preview .desc-text{color:#111827;line-height:1.4;white-space:pre-wrap}.photo-close{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:10px;top:10px;width:28px}.photo-close:hover{background:#f3f4f6}.requests-container .loading-skeleton{animation:fadeIn .3s ease-in;background:#0000;margin:0 auto;max-width:1400px;padding:24px;width:100%}.requests-container .skeleton-header{border:1px solid #f3f4f6;border-radius:8px;height:120px}.requests-container .skeleton-header,.requests-container .skeleton-tabs{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;box-shadow:0 4px 12px #00000014;margin-bottom:24px}.requests-container .skeleton-tabs{border:1px solid #f3f4f6;border-radius:10px;height:60px}.requests-content .skeleton-table{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #00000014;height:500px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-skeleton-wrapper{padding:0;width:100%}.table-skeleton-wrapper .skeleton-table{margin:0}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.error-state{color:#dc3545;padding:60px 20px}.error-state p{font-size:16px}.error-state button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.error-state button:hover{background:#c82333}.load-more-container{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:20px}.load-more-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.load-more-btn:hover{background:#0056b3}.loading-more{border-top:1px solid #e9ecef;color:#6c757d;padding:20px}.loading-more .spinner{animation:spin .8s linear infinite}@media (max-width:768px){.dashboard-content:has(.logistics-container){padding-top:0!important}.requests-container{padding-top:0!important;padding:16px 16px calc(106px + env(safe-area-inset-bottom))}.requests-header{padding:16px}.requests-header .header-content{align-items:flex-start;flex-direction:column;gap:16px}.requests-header h2{font-size:20px}.requests-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.requests-tabs::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;font-size:13px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px;white-space:nowrap}.tab-button.active:after{display:none}}.empty-state-container{padding:24px}.empty-state-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:560px;padding:24px}.empty-state-icon{background:#eff6ff;border-radius:9999px;color:var(--color-primary);height:64px;margin:0 auto 12px;width:64px}.empty-state-content h3{color:#111827;font-weight:700;margin:0 0 6px}.page-container{margin:0 auto;max-width:1200px;padding:var(--spacing-2xl);width:100%}.page-header{margin-bottom:var(--spacing-4xl)}.page-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--spacing-sm)}.page-description{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0}.content-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);transition:all var(--transition-fast)}.content-section:hover{box-shadow:var(--shadow-md)}.content-section:last-child{margin-bottom:0}.section-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.section-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.section-actions{align-items:center;display:flex;gap:var(--spacing-md)}.data-table{background:var(--color-bg-elevated);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden;width:100%}.data-table th{background:var(--color-bg-secondary);font-weight:600;text-align:left}.data-table td,.data-table th{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-lg) var(--spacing-xl)}.data-table tbody tr:hover{background:var(--color-bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-sm);letter-spacing:.025em}.status-badge.success{background:#0596691a;color:var(--color-success)}.status-badge.warning{background:#d977061a;color:var(--color-warning)}.status-badge.error{background:#dc26261a;color:var(--color-error)}.status-badge.info{background:#0284c71a;color:var(--color-info)}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-value{color:var(--color-primary);display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}.empty-state{padding:var(--spacing-5xl) var(--spacing-2xl)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:14px;line-height:1.5;margin:0 0 var(--spacing-xl) 0}.loading-state{color:var(--color-text-secondary);padding:var(--spacing-4xl)}.loading-spinner-large{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-light);border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:var(--spacing-lg);width:40px}.search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.search-input{border:1px solid #9ca3af;border-radius:var(--radius-md);flex:1 1;min-width:220px;padding:calc(var(--spacing-md)*.85) var(--spacing-lg)}.filter-select,.search-input{background:var(--color-bg-elevated)}.filter-select{border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.action-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.action-button.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-text-inverse)}.action-button.primary:hover{background:linear-gradient(135deg,#5b21b6 0,var(--color-primary-light) 100%)}.action-button.secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);color:var(--color-text-primary)}.action-button.secondary:hover{background:var(--color-bg-secondary)}.action-button.danger{background:#dc26261a;color:var(--color-error)}.action-button.danger:hover{background:#dc262633}@media (max-width:768px){.content-section,.page-container{padding:var(--spacing-lg)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.search-filter-bar{align-items:stretch;flex-direction:column}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-table{font-size:13px}.data-table td,.data-table th{padding:var(--spacing-md)}}@media (max-width:480px){.page-container{padding:var(--spacing-md)}.page-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.action-button{justify-content:center;width:100%}}.btn-cancel,.btn-delete{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;line-height:1.2;padding:8px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-delete{border-color:#ef4444;color:#ef4444}.btn-delete:hover{background:#fee2e2}.add-items-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:13px;height:32px;padding:6px 8px}.add-items-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-items-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:13px;height:32px;padding:6px 8px}.add-items-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-items-table{background:#fff}@media (max-width:768px){.inventory-container,.inventory-content,.inventory-desktop-container{padding-bottom:calc(114px + env(safe-area-inset-bottom))!important}.add-item-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;margin-bottom:8px;padding:10px}.add-item-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.add-item-label{color:#374151;font-size:12px;font-weight:600}.add-item-row-2col{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.add-items-dropzone{height:80px!important}.add-items-dropzone img{max-height:80px!important}.add-items-textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-height:80px;padding:8px;resize:vertical}.btn-cancel,.btn-secondary{font-size:14px}.add-item-remove{align-items:center;background:#fff;border:1px solid #ef4444;border-radius:50%;color:#ef4444;display:inline-flex;height:28px;justify-content:center;position:absolute;right:8px;top:2px;width:28px}.add-item-remove:hover{background:#fee2e2}.add-item-card{position:relative}.add-items-input::placeholder,.add-items-textarea::placeholder{color:#9ca3af;font-size:12px}.add-items-input,.add-items-select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:12px!important}}.add-items-row:last-child{border-bottom:0!important}.btn-clear-mini{align-items:center;background:#2e7d72;background:var(--color-primary,#2e7d72);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;line-height:1;padding:6px 10px;white-space:nowrap}.tx-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}.tx-item{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:8px;padding:8px 10px}.tx-line{align-items:center;display:flex;font-weight:600;gap:8px}.tx-type{color:#0f172a;color:var(--color-text-primary,#0f172a);text-transform:capitalize}.tx-delta{color:#2e7d72;color:var(--color-primary,#2e7d72)}.tx-after{color:#64748b;margin-left:auto}.tx-meta{color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-top:3px}.tx-note{color:#334155;font-size:12px;margin-top:4px}@media (max-width:768px){.invrow,.invrow .cell.photo .photo-wrapper{position:relative}.invrow .code-badge{border-radius:6px;left:2px;line-height:1.2;position:absolute;top:6px;z-index:5}.invrow .code-badge,.invrow .code-badge-input{background:#0000;color:#0f172a;font-size:12px;padding:2px 6px}.invrow .code-badge-input{-webkit-appearance:none;appearance:none;border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:6px;box-sizing:border-box;height:20px;line-height:16px;max-width:88px;min-width:48px;outline:none;overflow:hidden;text-overflow:clip;white-space:nowrap;width:auto}.invrow .code-inline-input{margin-left:-4px}.invrow .cell.code{display:none}.invrow.editing .cell.code{display:table-cell}}.dashboard-content .content-inner>.request-section-container:has(.inventory-container){background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}@media (max-width:768px){.dashboard-content .content-inner>.request-section-container{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}}.inventory-desktop-container .search-row .search-container,.inventory-header-section .search-row .search-container{width:auto!important}.search-row>.modern-search-box{display:block;width:100%}@media (max-width:768px){.search-row{align-items:center;display:flex;gap:8px;margin:0!important;max-width:none;padding:0 12px;width:100%}.search-scan-outside-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:42px;justify-content:center;width:42px}.search-scan-outside-btn:hover{background:#f3f4f6}.search-row .search-container{flex:1 1;margin-bottom:0!important}.inventory-desktop-container .search-row .search-container,.inventory-header-section .search-row .search-container{padding-left:0;position:relative}.search-row .modern-search-box{border-radius:8px;box-sizing:border-box;height:42px}.search-filter-outside-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:42px;justify-content:center;width:42px}.search-filter-outside-btn:hover{background:#f3f4f6}}@media (min-width:769px){.inventory-desktop-container .search-row{align-items:center;display:flex;gap:8px;margin:0!important;width:100%}.inventory-desktop-container .search-row .search-container{flex:1 1;margin-bottom:0!important}.inventory-desktop-container .search-row .btn-primary{align-items:center;border-radius:8px;display:inline-flex;height:40px;justify-content:center;padding:0 12px;white-space:nowrap}.inventory-desktop-container .search-scan-outside-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:40px;justify-content:center;width:40px}.inventory-desktop-container .search-scan-outside-btn:hover{background:#f3f4f6}}.modern-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--color-text-primary);font-size:14px;font-weight:400;min-height:40px;padding:10px 12px 10px 36px;position:relative;transition:all .2s ease;width:100%}.modern-search-box:hover{background-color:#fff}.modern-search-box:focus{background-color:#fff;border-color:#2e7d72;border-color:var(--color-primary,#2e7d72);box-shadow:0 0 0 3px #2e7d721f;outline:none}.search-container{align-items:center;display:flex;position:relative;width:100%}.compact-filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.compact-filter-group{align-items:center;display:flex;gap:8px}.compact-filter-label{color:#374151;font-size:13px;font-weight:600;white-space:nowrap}.compact-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;min-height:36px;padding:8px 10px;transition:all .2s ease}.compact-filter-select:hover{border-color:#cbd5e1}.compact-filter-select:focus{border-color:#2e7d72;border-color:var(--color-primary,#2e7d72);box-shadow:0 0 0 3px #2e7d721f;outline:none}.icon-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.icon-btn--outline-black{background:#0000;border:1px solid #374151;color:#374151}.icon-btn--outline-black:hover{background:#374151;color:#fff}.icon-btn--text .btn-label{font-size:12px}.filter-reset{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:inline-flex;font-weight:600}.sheet-input,.sheet-select{background:#fff;font-size:14px;padding:10px}.sheet-clear,.sheet-input,.sheet-select{border:1px solid #e2e8f0;border-radius:10px}.sheet-clear{background:#0000;color:#374151;padding:10px 14px}.sheet-apply{align-items:center;background:#22c55e;background:var(--color-primary,#22c55e);border:none;border-radius:10px;color:#fff;display:inline-flex;font-weight:600;padding:10px 16px}.inventory-desktop-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px;transition:all .2s ease}.inventory-desktop-container:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media (max-width:768px){.inventory-chips{display:flex;flex-wrap:nowrap;gap:4px;margin:2px;max-width:420px;overflow-x:auto;padding:2px 12px}.chip-btn{border-radius:3px;flex-shrink:0;font-size:8px;gap:2px;margin:3px;min-width:40px;padding:6px 8px}.chip-btn .count{font-size:10px;font-weight:700}.compact-filters-container,.inventory-desktop-container{display:none}.inventory-container,.inventory-container>.content-inner{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.inventory-header-section{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;margin-top:0;padding:0}.inventory-content-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.inventory-content{flex:1 1;height:calc(100vh - 200px);max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;scrollbar-color:#9ca3af #f3f4f6;scrollbar-width:thin}.inventory-content::-webkit-scrollbar{height:8px;width:8px}.inventory-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:50px;-webkit-border-radius:50px}.inventory-content::-webkit-scrollbar-thumb{background:#9ca3af;border:none;border-radius:50px;-webkit-border-radius:50px}.inventory-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.inventory-content::-webkit-scrollbar-thumb:active{background:#4b5563}.inventory-chips:not(.inventory-header-section .inventory-chips){display:none}.mobile-add-btn{align-items:center;background:#2e7d72;background:var(--color-primary,#2e7d72);border:none;border-radius:20px;bottom:100px;box-shadow:0 3px 12px #2e7d724d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:4px;justify-content:center;min-height:36px;padding:8px 16px;position:fixed;right:20px;transition:all .2s ease;white-space:nowrap;z-index:1001}.mobile-add-btn:hover{background:#256a61;background:var(--color-primary-dark,#256a61);box-shadow:0 6px 20px #2e7d7266;transform:translateY(-2px)}.mobile-add-btn:active{box-shadow:0 2px 8px #2e7d724d;transform:translateY(0)}}@media (min-width:769px){.inventory-chips:not(.inventory-header-section .inventory-chips){display:flex}.inventory-header-section{display:none}}@media (max-width:768px){.dashboard-content .content-inner>.request-section-container{margin-left:0!important;margin-right:0!important;width:100%!important}}@keyframes inventoryShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lot-skeleton-row .skeleton-bar{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:6px}.lot-skeleton-row .skeleton-pill,.skeleton-base{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:8px}.inventory-skeleton-header{align-items:center;display:flex;justify-content:space-between;margin:0 0 8px;padding:8px 4px}.skeleton-title{height:28px;width:120px}.skeleton-button,.skeleton-title{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:8px}.skeleton-button{height:36px;width:100px}.skeleton-search-row{display:flex;gap:8px;margin-bottom:12px}.skeleton-search{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:8px;flex:1 1;height:42px}.skeleton-filter-btn,.skeleton-scan-btn{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:8px;height:42px;width:42px}.skeleton-filters-row{align-items:center;display:flex;gap:16px;margin-bottom:16px}.skeleton-filter{width:120px}.skeleton-button-small,.skeleton-filter{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:8px;height:36px}.skeleton-button-small{width:80px}.skeleton-pills-row{display:flex;gap:6px;justify-content:center;margin:20px 0}.skeleton-pill{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:6px;height:48px;width:42px}.skeleton-table-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;overflow:hidden}.skeleton-topbar{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 12px}.skeleton-total{border-radius:4px;height:16px;width:80px}.skeleton-actions,.skeleton-total{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%}.skeleton-actions{border-radius:6px;height:24px;width:200px}.skeleton-table{padding:0}.skeleton-row{animation:inventoryShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-bottom:1px solid #f1f5f9;height:60px;margin:0}.skeleton-row:last-child{border-bottom:none}@media (max-width:768px){.skeleton-pills-row{gap:4px}.skeleton-pill{height:40px;width:50px}.inventory-header-section .skeleton-search-row{margin:10px 0;padding:0 12px}.inventory-header-section .skeleton-pills-row{gap:6px;margin:6px 12px 10px}.inventory-header-section .skeleton-pill{border-radius:10px;height:34px;width:54px}.skeleton-row{border:1px solid #e5e7eb;border-radius:10px;height:84px;margin:8px 12px}.skeleton-table{padding:8px}.skeleton-topbar{background:#0000;border-bottom:none;padding:8px 0}}:root{--inventory-font-xs:10px;--inventory-font-sm:12px;--inventory-font-md:14px;--inventory-font-lg:16px;--inventory-font-regular:400;--inventory-font-medium:500;--inventory-font-semibold:600;--inventory-font-bold:700;--inventory-font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--inventory-font-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--inventory-text-none:none;--inventory-text-uppercase:uppercase;--inventory-spacing-xs:2px;--inventory-spacing-sm:4px;--inventory-spacing-md:8px;--inventory-spacing-lg:12px;--inventory-btn-xs:20px;--inventory-btn-sm:24px;--inventory-btn-md:28px;--inventory-btn-lg:32px;--inventory-icon-xs:10px;--inventory-icon-sm:12px;--inventory-icon-md:14px;--inventory-icon-lg:16px}.inventory-container{overflow:visible;width:100%}.btn-compact{align-items:center;background:var(--color-primary);border-radius:6px!important;color:#fff;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:12px!important;justify-content:center;line-height:1!important;padding:6px 10px!important;white-space:nowrap;width:auto!important}.inventory-container .search-filters-section{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px;padding:16px;position:relative;transition:all .2s ease;width:100%;z-index:10}.inventory-container .search-filters-section:hover{transform:translateY(-1px)}.inventory-container .search-box{flex:0 1 640px;max-width:720px;min-width:300px}.inventory-container .search-label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.inventory-container .search-input-wrapper{align-items:center;display:flex;position:relative}.inventory-container .search-icon{color:#6b7280;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.inventory-container .search-clear-btn{align-items:center;background:#0000;border:none;color:#111827;cursor:pointer;display:inline-flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.inventory-container .search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--color-text-primary);font-size:14px;font-weight:400;min-height:40px;padding:10px 12px 10px 44px;transition:all .2s ease;width:100%}.inventory-container .search-input:hover{background-color:#fff}.inventory-container .search-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory-container .filters-group{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:12px;justify-content:center}.inventory-container .filters-group .button-item{margin-left:auto}@media (max-width:1023px){.inventory-container .filters-group{flex-wrap:wrap}.inventory-container .filters-group .button-item{display:flex;justify-content:flex-end;margin-left:0;width:100%}}@media (max-width:767px){.inventory-container .search-filters-section{align-items:stretch;gap:8px;justify-content:flex-start;padding:12px 14px}.inventory-container .search-filters-section .search-title-row{margin-bottom:8px}.inventory-container .search-filters-section .search-title{font-size:22px}.inventory-container .search-filters-section .search-title-row .btn-primary{align-self:center;border-radius:8px;font-size:14px;height:auto;line-height:1.2;max-width:140px;min-width:0;min-width:auto;padding:8px 12px;width:auto}.inventory-container .search-box{flex:1 1 auto;min-width:0;width:100%!important}.inventory-container .filters-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:100%}.inventory-chips{display:none}.inventory-container .filters-group .button-item{justify-content:stretch}.inventory-container .filters-group .button-item .btn-clear-mini,.inventory-container .filters-group .button-item .btn-compact{width:auto!important}}.inventory-container .filter-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:6px;min-width:-webkit-fit-content;min-width:fit-content}.inventory-container .filter-label{color:#374151;font-size:13px;font-weight:600;margin:0;text-transform:lowercase}.inventory-container .filter-label:first-letter{text-transform:uppercase}.inventory-container .filter-select.filter-select--sm{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;min-height:36px;padding:8px 10px;transition:all .2s ease}.inventory-container .filter-select.filter-select--sm:hover{border-color:#cbd5e1}.inventory-container .filter-select.filter-select--sm:focus{border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory-container .list-item-code{align-items:center;display:flex;min-width:0;overflow:hidden;text-overflow:ellipsis}.inventory-container .item-title,.inventory-container .list-item-code{color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--inventory-font-primary);font-size:12px;font-size:var(--inventory-font-sm);font-weight:400;font-weight:var(--inventory-font-regular);text-transform:none;text-transform:var(--inventory-text-none)}.inventory-container .item-title{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:left}.inventory-container .quantity-value{color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--inventory-font-primary);font-size:12px;font-size:var(--inventory-font-sm);font-weight:400;font-weight:var(--inventory-font-regular);text-transform:none;text-transform:var(--inventory-text-none)}.inventory-container .list-item-category,.inventory-container .list-item-unit{align-items:center;color:var(--color-text-secondary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--inventory-font-primary);font-size:12px;font-size:var(--inventory-font-sm);justify-content:center;min-width:0;overflow:hidden}.inventory-container .status-badge{border-radius:20px;font-size:12px;font-size:var(--inventory-font-sm);font-weight:400;font-weight:var(--inventory-font-regular);letter-spacing:.5px;padding:4px 12px;padding:var(--inventory-spacing-sm) var(--inventory-spacing-lg);text-transform:none;text-transform:var(--inventory-text-none)}.inventory-container .list-item-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:2px;gap:var(--inventory-spacing-xs);justify-content:center;max-width:100%;min-width:0;overflow:hidden;padding:2px;padding:var(--inventory-spacing-xs)}.inventory-container .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;height:var(--inventory-btn-sm);justify-content:center;margin:0;max-width:24px;max-width:var(--inventory-btn-sm);min-width:24px;min-width:var(--inventory-btn-sm);position:relative;transition:all .2s ease;width:24px;width:var(--inventory-btn-sm)}.inventory-container .action-btn.view:hover{background:#0f766e1a;box-shadow:0 4px 8px #0f766e33;color:var(--color-primary);transform:translateY(-2px)}.inventory-container .action-btn.edit:hover{background:#f59e0b1a;box-shadow:0 4px 8px #f59e0b33;color:#f59e0b;transform:translateY(-2px)}.inventory-container .action-btn.delete:hover{background:#ef44441a;box-shadow:0 4px 8px #ef444433;color:#ef4444;transform:translateY(-2px)}.inventory-container .action-btn svg{display:block!important;flex-shrink:0!important;height:14.4px!important;height:calc(var(--inventory-icon-sm)*1.2)!important;min-height:14.4px!important;min-height:calc(var(--inventory-icon-sm)*1.2)!important;min-width:14.4px!important;min-width:calc(var(--inventory-icon-sm)*1.2)!important;width:14.4px!important;width:calc(var(--inventory-icon-sm)*1.2)!important}.inventory-list-item{grid-gap:16px;align-items:center;background:#fff!important;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:60px 120px 1fr 100px 80px 120px 100px 120px;min-height:80px;padding:16px 20px;transition:all .2s ease}.inventory-list-item:hover{background:#f9fafb}.inventory-list-item:last-child{border-bottom:none}.inventory-list-item:nth-child(2n){background:#fff!important}.inventory-list-item:nth-child(2n):hover{background:#f9fafb}.inventory-list-item:nth-child(2n){background:#f8f9fa}.inventory-list-item:nth-child(2n):hover{background:#e9ecef}.list-item-photo{align-items:center;background:#f8f9fa;border:2px solid var(--color-border-light);border-radius:8px;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.list-item-photo img{height:100%;object-fit:cover;width:100%}.placeholder-image{background:#f8f9fa;border:2px dashed var(--color-border);border-radius:6px;height:100%;justify-content:center;width:100%}.list-header{grid-gap:16px;align-items:center;background:#e5e7eb;border-bottom:2px solid #e5e7eb;color:#374151;display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;gap:16px;grid-template-columns:50px 120px 4fr 100px 80px 100px 100px 140px;letter-spacing:.2px;padding:10px 16px;position:relative;text-transform:none}.list-header-item{align-items:center;display:flex}.inventory-stats{grid-gap:16px;animation:fadeIn .8s ease-out .4s both;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{border:2px solid #00000014;border-radius:16px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001a;flex:1 1;min-width:0}.stat-card:hover{border-color:#0f766e33;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000026}.stat-card.active{background:var(--color-primary-bg);border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e26,0 4px 12px #0000001a}.stat-icon{border-radius:10px;flex-shrink:0;height:44px;width:44px}.stat-icon.total{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.out-of-stock{background:linear-gradient(135deg,#fb7185,#f43f5e)}.stat-icon.low-stock{background:linear-gradient(135deg,#f59e0b,#d97706);color:#92400e}.stat-content h3{font-size:22px;line-height:1;margin:0}.stat-content p{font-size:13px;font-weight:500;line-height:1.2;margin:4px 0 0}.inventory-content{display:flex;flex:1 1;flex-direction:column;margin:0;overflow:hidden;padding:0;width:100%}.inventory-scroll-container{flex:1 1;height:100%;max-height:calc(100vh - 220px);overflow-x:hidden;overflow-y:auto}.inventory-scroll-container::-webkit-scrollbar{width:10px}.inventory-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:6px}.inventory-scroll-container::-webkit-scrollbar-track{background:#0000}@media (min-width:769px){.inventory-container{width:100%}}.error-state{background:#fff;border:1px solid var(--color-border);border-radius:12px}.error-state h3{color:var(--color-error)}.error-state p{margin:0 0 24px}.retry-btn{transition:background .2s ease}.empty-state-container{height:100%;min-height:400px}.empty-state-container,.empty-state-content{align-items:center;display:flex;justify-content:center;width:100%}.empty-state-content{background:#fafafa;border:2px dashed #e5e7eb;border-radius:16px;flex-direction:column;max-width:400px;padding:40px;text-align:center}.empty-state-icon{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.empty-state-content h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-content p{color:#6b7280;font-size:14px;margin:0}.inventory-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 28px #1118271f,0 2px 6px #00000014;display:flex;flex-direction:column;height:100%;isolation:auto;overflow:visible;position:relative;transition:all .3s ease;width:100%;z-index:1}.inventory-list:hover{border-color:#0f766e33;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000026;transform:translateY(-1px)}.item-detail-card{align-items:flex-start;display:flex;gap:24px}.detail-photo{background:#f8f9fa;border-radius:12px;flex-shrink:0;height:200px;overflow:hidden;width:200px}.detail-photo img{height:100%;object-fit:cover;width:100%}.detail-placeholder{align-items:center;background:#f8f9fa;color:var(--color-text-secondary);display:flex;height:100%;justify-content:center;width:100%}.detail-info{display:flex;flex:1 1;flex-direction:column;gap:16px}.detail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.detail-header h3{color:var(--color-text-primary);flex:1 1;font-size:24px;font-weight:600;line-height:1.3;margin:0}.detail-status{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.detail-status.in-stock{background:#dcfce7;color:#166534}.detail-status.low-stock{background:#fef3c7;color:#92400e}.detail-status.out-of-stock{background:#fee2e2;color:#991b1b}.detail-code{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.detail-specs{display:flex;flex-direction:column;gap:12px}.spec-item{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:8px 0}.spec-item:last-child{border-bottom:none}.spec-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.spec-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.modal-footer{background:#f8f9fa;padding:20px 24px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-btn.edit{background:var(--color-warning);color:#fff}.modal-btn.edit:hover{background:var(--color-warning-dark)}.modal-btn.delete{background:var(--color-error);color:#fff}.modal-btn.delete:hover{background:var(--color-error-dark)}.loading-state{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:48px;text-align:center}.inventory-container .loading-spinner{animation:inventory-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6b7280;height:40px;margin-bottom:16px;width:40px}.inventory-container .loading-skeleton{animation:fadeIn .3s ease-in;background:#0000;margin:0 auto;max-width:1400px;padding:24px;width:100%}.inventory-container .skeleton-header{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:16px;box-shadow:0 4px 12px #00000014;height:120px;margin-bottom:24px}.inventory-container .skeleton-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.inventory-container .skeleton-stat{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:16px;box-shadow:0 4px 12px #00000014;height:80px}.inventory-container .skeleton-search-filters{margin-bottom:16px}.inventory-container .skeleton-search-box{border-radius:12px;box-shadow:0 4px 12px #00000014;height:80px}.inventory-container .skeleton-results-count,.inventory-container .skeleton-search-box{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;margin-bottom:16px}.inventory-container .skeleton-results-count{border-radius:4px;box-shadow:0 1px 3px #0000000f;height:20px;width:120px}.inventory-container .skeleton-table{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:16px;box-shadow:0 4px 12px #00000014;height:400px}@keyframes inventory-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-more{background:var(--color-bg-elevated);border-radius:8px;gap:12px;margin:16px 0}.loading-more .loading-spinner{animation:inventory-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top:2px solid var(--color-primary);height:20px;width:20px}.has-more-indicator{color:var(--color-primary);font-weight:500}.filter-indicator{color:var(--color-text-secondary);font-size:12px;font-style:italic}@media (min-width:1024px){.inventory-list-item,.list-header{grid-template-columns:50px 50px 120px 4fr 80px 80px 100px 100px 140px}.list-item-actions{gap:0;padding:1px}.action-btn{height:28px;max-width:28px;min-width:28px;width:28px}.action-btn svg{height:16.8px!important;min-height:16.8px!important;min-width:16.8px!important;width:16.8px!important}.inventory-header{margin-bottom:24px;padding:24px}.inventory-header .header-left h1{font-size:24px!important}.header-left p{font-size:14px}.add-item-btn{font-size:16px;padding:14px 24px}.search-filters-section{margin-bottom:24px;padding:24px}.search-box{min-width:400px}.filters-group{gap:20px}.filter-item{min-width:180px}}@media (max-width:1023px) and (min-width:768px){.list-header{font-size:12px;padding:12px 16px}.inventory-list-item,.list-header{gap:12px;grid-template-columns:40px 40px 80px 3fr 50px 50px 70px 70px 100px}.inventory-list-item{min-height:70px;padding:14px 16px}.list-item-photo{height:50px;width:50px}.item-category,.item-title,.list-item-category,.list-item-code,.list-item-unit,.quantity-value,.status-badge{font-size:11px}.status-badge{padding:3px 8px}.list-item-actions{gap:0;padding:1px}.action-btn{height:22px;margin:0;max-width:22px;min-width:22px;width:22px}.action-btn svg{display:block!important;flex-shrink:0!important;height:13.2px!important;min-height:13.2px!important;min-width:13.2px!important;width:13.2px!important}.inventory-header{margin-bottom:20px;padding:20px}.header-left h1{font-size:24px}.add-item-btn,.header-left p{font-size:14px}.add-item-btn{padding:10px 16px}.search-filters-section{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px}.search-box{min-width:0;min-width:auto}.filters-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.filter-item{min-width:0;min-width:auto}.item-detail-card{flex-direction:column;gap:16px}.detail-photo{height:150px;width:100%}}@media (max-width:767px){.inventory-container{padding:12px}.inventory-header{margin-bottom:16px;padding:20px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.inventory-header .header-left h1{font-size:24px!important;margin-bottom:8px}.header-left p{font-size:14px}.add-item-btn{font-size:16px;justify-content:center;padding:14px 20px;width:100%}.search-filters-section{border:2px solid #00000014;border-radius:16px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001a;flex-direction:column;gap:16px;margin-bottom:40px;padding:20px;transition:all .3s ease}.search-filters-section:hover{border-color:#0f766e33;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000026;transform:translateY(-1px)}.search-box{width:100%}.search-input{border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:28px;font-weight:700;min-height:48px;padding:16px 16px 16px 48px;transition:all .3s ease}.search-input:hover{box-shadow:0 4px 8px #0000001a}.search-input:focus,.search-input:hover{background-color:var(--color-bg-elevated);border-color:var(--color-primary)}.search-input:focus{box-shadow:0 0 0 3px #0f766e26,0 4px 12px #0000001a;transform:translateY(-1px)}.search-icon{left:16px;top:50%;transform:translateY(-50%)}.filters-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.filter-item{width:100%}.inventory-container .filter-select,.search-filters-section .filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F766E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:16px;font-weight:500;min-height:48px;min-width:0;min-width:auto;padding:14px 40px 14px 16px;position:relative;transition:all .3s ease;width:100%}.inventory-container .filter-select:hover,.search-filters-section .filter-select:hover{background-color:var(--color-bg-elevated);border-color:var(--color-primary);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.inventory-container .filter-select:focus,.search-filters-section .filter-select:focus{background-color:var(--color-bg-elevated);border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e26,0 4px 12px #0000001a;transform:translateY(-1px)}.inventory-container .filter-select option,.search-filters-section .filter-select option{background:var(--color-background);border:none;color:var(--color-text-primary);cursor:pointer;font-size:16px;font-weight:500;padding:16px 20px;transition:all .2s ease}.inventory-container .filter-select option:hover,.search-filters-section .filter-select option:hover{background:var(--color-primary);color:#fff}.inventory-container .filter-select option:checked,.search-filters-section .filter-select option:checked{background:var(--color-primary);color:#fff;font-weight:600}.inventory-stats{gap:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.stat-card{border:2px solid #00000014;border-radius:16px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001a;padding:16px 12px;transition:all .3s ease}.stat-card:hover{border-color:#0f766e33;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000026;transform:translateY(-1px)}.stat-icon{border-radius:8px;height:36px;width:36px}.stat-content h3{font-size:18px}.stat-content p{font-size:11px}.list-header{display:none}.inventory-list{border:2px solid #00000014;border-radius:12px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001a;transition:all .3s ease}.inventory-list:hover{border-color:#0f766e33;box-shadow:0 6px 20px #0000001f,0 2px 6px #00000026;transform:translateY(-1px)}.inventory-list-item{animation:mobileSlideIn .6s ease-out both;background:#fff;border-bottom:2px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:16px;margin-bottom:12px;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.inventory-list-item:hover{box-shadow:0 4px 16px #0000001a}.inventory-list-item:last-child{border-bottom:none;margin-bottom:0}.list-item-number{justify-content:flex-start;margin-bottom:8px;order:0}.item-number{font-size:14px;font-weight:700;padding:6px 12px}.list-item-photo{align-self:center;border:3px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;height:80px;order:1;width:80px}.list-item-code{color:var(--color-text-primary);font-size:12px;font-weight:400;justify-content:center;order:2}.list-item-description{order:3;text-align:center}.item-title{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-bottom:8px;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:left}.item-category,.item-title{font-size:12px;font-weight:400;text-transform:none}.item-category{color:var(--color-text-secondary);font-style:normal}.mobile-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px;order:4;width:100%}.mobile-info-item{align-items:center;animation:scaleIn .6s ease-out .8s both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:16px 12px;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-info-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.02)}.mobile-info-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.mobile-info-value{color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1}.list-item-status{justify-content:center;margin-top:8px;order:5}.status-badge{border-radius:20px;font-size:12px;font-weight:400;padding:6px 16px;text-transform:none}.list-item-actions{border-top:1px solid #f1f5f9;flex-wrap:nowrap;gap:0;justify-content:center;margin-top:12px;order:6;overflow:hidden;padding:2px;width:100%}.list-item-quantity,.list-item-unit{display:none}.action-btn{border-radius:4px;flex-shrink:0;height:26px;margin:0;max-width:26px;min-width:26px;width:26px}.action-btn svg{display:block!important;flex-shrink:0!important;height:15.6px!important;min-height:15.6px!important;min-width:15.6px!important;width:15.6px!important}.action-btn:active{transform:scale(.95)}.action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-btn.view{color:var(--color-teal)}.action-btn.edit{color:var(--color-yellow)}.action-btn.delete{color:var(--color-coral)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.modal-content{background:#fff;border-radius:12px;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;margin:0!important;padding:12px 16px 10px!important}.modal-header h2{font-size:18px;margin:0}.modal-body{padding:20px}@keyframes inv-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes inv-modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes inv-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:inv-modal-fade-in .26s ease-out both}.modal-content{animation:inv-modal-pop .32s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 40%;will-change:transform,opacity}.vaul-content{animation:none!important}@media (prefers-reduced-motion:reduce){.modal-content,.modal-overlay,.vaul-content{animation:none!important}}@media (max-width:768px){.vaul-content{animation:none!important}}.item-detail-card{flex-direction:column;gap:20px}.detail-photo{border-radius:16px;height:200px;width:100%}.detail-header{flex-direction:column;gap:12px;text-align:center}.detail-header h3{font-size:20px;line-height:1.3}.detail-code{font-size:16px;justify-content:center}.detail-specs{gap:16px}.spec-item{border-bottom:1px solid #f1f5f9;padding:12px 0}.spec-label{font-size:14px}.spec-value{font-size:16px}.modal-footer{flex-direction:column;gap:12px;padding:20px}.modal-btn{border-radius:10px;font-size:16px;padding:14px 20px;width:100%}}html.dark-theme body .dashboard-container .dashboard-content .chip-btn,html.dark-theme body .dashboard-container .dashboard-content .inventory-container,html.dark-theme body .dashboard-container .dashboard-content .inventory-content,html.dark-theme body .dashboard-container .dashboard-content .inventory-desktop-container,html.dark-theme body .dashboard-container .dashboard-content .inventory-header-section,html.dark-theme body .dashboard-container .dashboard-content .modern-search-box,html.dark-theme body .dashboard-container .dashboard-content .search-container,html.dark-theme body .dashboard-container .dashboard-content .search-filter-outside-btn{.inventory-container{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.inventory-header-section{background:var(--color-bg-primary)!important;border-bottom-color:var(--color-border-medium)!important}.inventory-desktop-container{background:#0f172a!important;border-color:#374151!important;border-color:var(--color-border-medium,#374151)!important;box-shadow:0 2px 8px #0006!important}.search-title{color:#f9fafb!important;color:var(--color-text-primary,#f9fafb)!important}.btn-primary{background:#14b8a6!important;background:var(--color-primary,#14b8a6)!important;border-color:#14b8a6!important;border-color:var(--color-primary,#14b8a6)!important}.modern-search-box{color:var(--color-text-primary)!important}.modern-search-box,.search-container{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important}.search-row{background:#0000!important}.chip-btn,.search-filter-outside-btn{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important;color:var(--color-text-primary)!important}.chip-btn.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.inventory-content{background:var(--color-bg-primary)!important}.modern-search-box:focus{background:#374151;background:var(--color-bg-secondary,#374151);border-color:#14b8a6;border-color:var(--color-primary,#14b8a6);box-shadow:0 0 0 3px #14b8a626}.search-filter-outside-btn{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-medium,#374151);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.search-filter-outside-btn:hover{background:#374151;background:var(--color-bg-secondary,#374151)}.compact-filter-select{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-medium,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.compact-filter-select:focus{border-color:#14b8a6;border-color:var(--color-primary,#14b8a6);box-shadow:0 0 0 3px #14b8a626}.chip-btn{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-medium,#374151);box-shadow:0 1px 3px #0003;color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.chip-btn.active{background:#14b8a60f;background:var(--color-primary-bg,#14b8a60f);border-color:#14b8a6;border-color:var(--color-primary,#14b8a6);box-shadow:0 0 0 1px #14b8a6;box-shadow:0 0 0 1px var(--color-primary,#14b8a6)}.chip-btn.chip-low{background:#f59e0b1a;border-color:#f59e0b;color:#fbbf24}.chip-btn.chip-low.active{background:#f59e0b26;border-color:#f59e0b}.chip-btn.chip-zero{background:#ef44441a;border-color:#ef4444;color:#f87171}.chip-btn.chip-zero.active{background:#ef444426;border-color:#ef4444}.invtable{background:#111827!important}.invtable,.topbar{border-color:#374151!important;border-color:var(--color-border-medium,#374151)!important}.topbar{background:#1f2937!important}.table-header{border-color:#374151!important;border-color:var(--color-border-medium,#374151)!important}.invrow,.table-header{background:#111827!important;color:#f9fafb!important;color:var(--color-text-primary,#f9fafb)!important}.invrow{border-color:#4b5563!important;border-color:var(--color-border-light,#4b5563)!important}.invrow:nth-child(2n),.invrow:nth-child(odd){background:#111827!important}.adj-input{background:#374151;background:var(--color-bg-secondary,#374151);border-color:#4b5563;border-color:var(--color-border-medium,#4b5563);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.adj-input:focus{border-color:#14b8a6;border-color:var(--color-primary,#14b8a6);box-shadow:0 0 0 2px #14b8a626}.btn-save{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important}.btn-save:hover{background:#16a34a!important}.modal-body .btn-save{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important}.modal-body .lot-table-row,.vaul-body .lot-table-row{text-align:left!important}.bulk-select{background:#111827!important;border-color:#374151!important;border-color:var(--color-border-medium,#374151)!important;color:#f9fafb!important;color:var(--color-text-primary,#f9fafb)!important}.iconbtn{color:#14b8a6;color:var(--color-primary,#14b8a6)}.iconbtn:hover{background:#14b8a61a;border-color:#14b8a6;border-color:var(--color-primary,#14b8a6)}.iconbtn.danger{color:#f87171}.iconbtn.danger:hover{background:#ef44441a;border-color:#ef4444}.modal-overlay{background:#000c}.modal-content{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-medium,#374151);color:#f9fafb;color:var(--color-text-primary,#f9fafb)}.skeleton-actions,.skeleton-button,.skeleton-button-small,.skeleton-filter,.skeleton-filter-btn,.skeleton-pill,.skeleton-row,.skeleton-search,.skeleton-title,.skeleton-total{background:linear-gradient(90deg,#374151 25%,#4b5563 37%,#374151 63%)!important}.skeleton-table-container{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-medium,#374151)}.sheet-input,.sheet-select,.vaul-content{background:#111827!important;color:#f9fafb!important;color:var(--color-text-primary,#f9fafb)!important}.sheet-input,.sheet-select{border-color:#4b5563!important;border-color:var(--color-border-medium,#4b5563)!important}.sheet-apply{background:#14b8a6!important;background:var(--color-primary,#14b8a6)!important}}@media (min-width:768px){.mobile-info-grid{display:none}}.virtualized-list-container{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-height:400px;overflow:hidden;position:relative;z-index:1}@media (min-width:769px){.virtualized-list-container{min-height:calc(100vh - 180px)}}.virtualized-list{height:100%!important;scrollbar-color:var(--color-border-medium) #0000;scrollbar-width:thin;width:100%!important}.virtualized-list::-webkit-scrollbar{width:8px}.virtualized-list::-webkit-scrollbar-track{background:#0000}.virtualized-list::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}.virtualized-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media (min-width:1200px){.virtualized-list-container{min-height:calc(100vh - 150px)}}@media (max-width:1199px) and (min-width:768px){.virtualized-list-container{min-height:calc(100vh - 180px)}}@media (max-width:767px){.virtualized-list-container{min-height:calc(100vh - 250px)}}@media (max-width:480px){.virtualized-list-container{min-height:calc(100vh - 280px)}}.virtualization-info{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid var(--color-border-light);padding:20px}.results-info{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-align:center}.empty-state{background:#fff;border:1px solid var(--color-border);padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{margin:0 0 24px}.pagination-controls{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:20px}.pagination-info{color:var(--color-text-secondary);font-size:14px;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:#fff;border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:40px;padding:8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-medium);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.5}@media (max-width:767px){.pagination-controls{flex-direction:column;gap:16px;padding:16px}.pagination-info{font-size:13px;text-align:center}.pagination-buttons{gap:6px}.pagination-btn{font-size:14px;min-width:44px;padding:10px 14px}}.editable-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);font-size:13px;height:32px;padding:4px 8px;transition:all .2s ease;width:100%}.editable-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px #3b82f633;outline:none}.editable-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;font-size:13px;height:32px;padding:4px 8px;transition:all .2s ease;width:100%}.editable-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px #3b82f633;outline:none}.modern-input{background:#fff!important;border:1px solid #000!important;border-radius:6px!important;box-shadow:0 2px 6px #00000026!important;caret-color:#000!important;color:#000!important;font-weight:500;padding:6px 12px!important}.modern-input:hover{background-color:#fff!important;border-color:#000!important;box-shadow:0 4px 10px #0003!important}.modern-input:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 1px #0000004d,0 4px 12px #00000026!important;outline:none}.modern-input::selection{background-color:#333!important;color:#fff!important}.modern-input::-moz-selection{background-color:#333!important;color:#fff!important}.modern-select{-webkit-appearance:none;appearance:none;background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #000!important;border-radius:6px!important;box-shadow:0 2px 6px #00000026!important;color:#000!important;font-weight:500;padding:6px 12px!important;padding-right:32px}.modern-select:hover{background-color:#fff!important;border-color:#000!important;box-shadow:0 4px 10px #0003!important}.modern-select:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 1px #0000004d,0 4px 12px #00000026!important;outline:none}.modern-select::selection{background-color:#333!important;color:#fff!important}.modern-select::-moz-selection{background-color:#333!important;color:#fff!important}.list-item-category .inventory-dropdown,.list-item-unit .inventory-dropdown{font-size:13px;height:32px;position:relative;z-index:10000}.list-item-category .dropdown-trigger,.list-item-unit .dropdown-trigger{background:#fff!important;border:1px solid #000!important;border-radius:6px!important;box-shadow:0 2px 6px #00000026!important;box-sizing:border-box!important;color:#000!important;font-size:13px!important;font-weight:500;height:32px!important;max-height:32px!important;min-height:32px!important;padding:4px 8px!important;transition:all .2s ease!important}.list-item-category .dropdown-trigger:hover,.list-item-unit .dropdown-trigger:hover{border-color:#000;box-shadow:0 4px 10px #0003}.list-item-category .dropdown-trigger:focus,.list-item-unit .dropdown-trigger:focus{border-color:#000;box-shadow:0 0 0 1px #0000004d,0 4px 12px #00000026;outline:none}.list-item-category .trigger-content,.list-item-unit .trigger-content{align-items:center!important;display:flex!important;height:100%!important;line-height:1!important}.list-item-category .dropdown-arrow,.list-item-unit .dropdown-arrow{flex-shrink:0!important;height:16px!important;width:16px!important}.list-item-category .dropdown-menu,.list-item-unit .dropdown-menu{box-shadow:0 8px 25px #00000040,0 4px 10px #00000026!important;max-height:200px!important;min-width:120px!important;overflow-y:auto!important;position:absolute!important;z-index:10001!important}.inventory-list-item.editing{background:var(--color-hover);border:1px solid var(--color-primary);border-radius:6px;box-sizing:border-box;margin:0}.inventory-list-item.editing .action-btn.save{border-radius:4px;color:var(--color-success);padding:6px;transition:all .2s ease}.inventory-list-item.editing .action-btn.save:hover{background-color:var(--color-success);box-shadow:0 2px 8px #22c55e4d;color:#fff;transform:scale(1.1)}.inventory-list-item.editing .action-btn.cancel{border-radius:4px;color:var(--color-text-secondary);padding:6px;transition:all .2s ease}.inventory-list-item.editing .action-btn.cancel:hover{background-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff;transform:scale(1.1)}.code-value{color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;text-transform:none}.list-item-number{align-items:center;display:flex;justify-content:center;min-width:0;overflow:hidden}.item-number{background:#0f766e1a;border:1px solid #0f766e33;border-radius:6px;color:var(--color-text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--inventory-font-mono);font-size:13px;font-weight:600;min-width:30px;padding:4px 8px;text-align:center}.inventory-container .filter-select,.search-filters-section .filter-select{-webkit-appearance:menulist;appearance:auto;background:#fff;background-image:none;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:400;min-height:36px;min-width:150px;padding:8px 10px;position:relative;transition:all .2s ease}.inventory-container .filter-select:hover,.search-filters-section .filter-select:hover{background-color:#fff;border-color:#cbd5e1}.inventory-container .filter-select:focus,.search-filters-section .filter-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory-container .filter-select option,.search-filters-section .filter-select option{background:var(--color-background);border:none;color:var(--color-text-primary);cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s ease}.inventory-container .filter-select option:hover,.search-filters-section .filter-select option:hover{background:var(--color-primary);color:#fff}.inventory-container .filter-select option:checked,.search-filters-section .filter-select option:checked{background:var(--color-primary);color:#fff;font-weight:600}.inventory-chips{flex-direction:row;flex-wrap:nowrap;gap:6px;margin:2px 0;padding:4px 0}.chip-btn,.inventory-chips{align-items:center;display:flex;justify-content:center}.chip-btn{background:#e9f7ef;border:1px solid #c3e6cb;border-radius:4px;box-shadow:0 1px 3px #0000000d;color:#155724;cursor:pointer;flex-direction:column;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:9px;gap:2px;margin:2px;min-width:44px;padding:8px 9px;position:relative;text-align:center;white-space:nowrap}.chip-btn .count{color:inherit;display:block;font-size:11px;font-weight:700;line-height:1}.chip-btn.active{border-color:#2e7d72;border-color:var(--color-primary,#2e7d72);box-shadow:0 0 0 1px #2e7d72;box-shadow:0 0 0 1px var(--color-primary,#2e7d72)}.chip-btn.chip-low{background:#fff3cd;border-color:#ffeeba;color:#856404}.chip-btn.chip-low.active{border-color:#d97706;box-shadow:0 0 0 1px #d97706}.chip-btn.chip-zero{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.chip-btn.chip-zero.active{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.chip-btn.chip-all{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.table-header-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.table-total-count span{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-style:italic;font-weight:600;font-weight:300;padding-left:8px}.table-action-buttons{align-items:center;padding-right:8px}.table-action-buttons .bulk-label{color:#6b7280;font-size:13px}.table-action-buttons .table-action-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 10px}.inventory-container .search-filters-section .search-title-row{align-items:center;display:flex;flex:0 0 100%;justify-content:space-between;margin-bottom:16px;width:100%}.inventory-container .search-filters-section .search-title{color:var(--color-text-primary);font-size:26px;font-weight:600;margin:0}.inventory-container .search-filters-section .search-title-row .search-title{margin-left:0;margin-right:auto}.inventory-container .search-filters-section .search-title-row .btn-primary{margin-left:auto}.add-items-dropzone{align-items:center;aspect-ratio:1/1;background:#f9fafb;border:2px dashed #e5e7eb;border:2px dashed var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;gap:4px;height:auto;justify-content:center;padding:6px;width:100%}.add-items-dropzone.dragging{background:#eef2ff;border-color:#0f766e;border-color:var(--color-primary,#0f766e);color:#0f766e;color:var(--color-primary,#0f766e)}.add-items-dropzone img{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;height:100%;object-fit:cover;width:100%}.add-items-dropzone .hint{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:11px;line-height:1.1}html.dark-theme .inventory-header-section{background:var(--color-bg-primary)!important;border-bottom-color:var(--color-border-medium)!important}html.dark-theme .search-row{background:#0000!important}html.dark-theme .search-container{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important}html.dark-theme .modern-search-box,html.dark-theme .search-filter-outside-btn{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important;color:var(--color-text-primary)!important}html.dark-theme .inventory-chips{background:#0000!important}html.dark-theme .chip-btn{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important;color:var(--color-text-primary)!important}html.dark-theme .chip-btn.active{border-color:var(--color-primary)!important}html.dark-theme .chip-btn.active,html.dark-theme .mobile-add-btn{background:var(--color-primary)!important;color:#fff!important}html.dark-theme .mobile-add-btn:hover{background:var(--color-primary-dark)!important}@media (prefers-color-scheme:dark){.inventory-container{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.inventory-header-section{background:var(--color-bg-primary)!important;border-bottom-color:var(--color-border-medium)!important}.modern-search-box{color:var(--color-text-primary)!important}.chip-btn,.modern-search-box,.search-container{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important}.chip-btn{color:var(--color-text-primary)!important}.chip-btn.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.inventory-content{background:var(--color-bg-primary)!important}}@media (max-width:768px){.inventory-container,.inventory-content,.inventory-desktop-container{padding-bottom:calc(134px + env(safe-area-inset-bottom))!important}.bottom-safe-spacer{height:calc(110px + env(safe-area-inset-bottom))}.modal-content{max-height:calc(100dvh - 188px)!important;max-width:420px!important;width:95vw!important}.modal-body{max-height:calc(100dvh - 308px)!important;overflow-y:auto!important}}.csv-import-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.csv-import-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:700px;min-height:400px;overflow:hidden;width:90%}.csv-import-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px}.csv-import-header h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.csv-import-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.csv-import-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.csv-import-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.csv-upload-step{display:flex;flex-direction:column;gap:20px}.csv-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.csv-instruction-item{align-items:flex-start;display:flex;gap:12px}.csv-instruction-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.csv-instruction-item h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.csv-instruction-item p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 8px}.csv-instruction-item code{background:#1f2937;border-radius:6px;color:#f9fafb;display:block;font-family:Courier New,monospace;font-size:13px;margin:8px 0;padding:8px 12px;word-break:break-all}.csv-template-section{background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:12px;padding:16px;text-align:center}.csv-template-section h4{color:var(--color-text-primary);font-size:15px;font-weight:500;margin:0 0 10px}.csv-template-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.csv-template-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.csv-file-input-section{display:flex;flex-direction:column;gap:16px}.csv-file-input{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:30px 20px;text-align:center;transition:all .2s ease}.csv-file-input:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.csv-file-input p,.csv-file-input svg{color:var(--color-text-secondary)}.csv-file-input p{font-size:16px;font-weight:500;margin:0}.csv-file-hidden{display:none}.csv-file-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.csv-file-btn:hover{background:var(--color-primary-dark)}.csv-file-info{align-items:center;background:#dcfce7;border:1px solid #16a34a;border-radius:8px;color:#15803d;display:flex;font-weight:500;gap:8px;padding:12px 16px}.csv-file-info svg{color:#16a34a}.csv-preview-step{display:flex;flex-direction:column;gap:18px}.csv-validation-summary{background:var(--color-bg-secondary);border-radius:12px;padding:16px;text-align:center}.csv-summary-stats{display:flex;gap:20px;justify-content:center}.csv-stat{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:16px}.csv-stat-number{color:var(--color-text-primary);font-size:24px;font-weight:700}.csv-stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.csv-stat-success .csv-stat-number{color:#16a34a}.csv-stat-error .csv-stat-number{color:#dc2626}.csv-errors-section{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0 auto;max-width:600px;padding:16px;width:100%}.csv-errors-section h4{align-items:center;color:#dc2626;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.csv-errors-section svg{color:#dc2626}.csv-errors-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.csv-error-item{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:6px;display:flex;font-size:14px;gap:12px;padding:8px 12px}.csv-error-row{background:#dc2626;min-width:50px;text-align:center}.csv-error-field,.csv-error-row{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.csv-error-field{background:#f59e0b}.csv-error-message{color:var(--color-text-primary);flex:1 1}.csv-more-errors{color:var(--color-text-secondary);font-style:italic;padding:8px;text-align:center}.csv-preview-data{align-items:center;background:var(--color-bg-secondary);border-radius:12px;display:flex;flex-direction:column;padding:16px}.csv-preview-data h4{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 12px;text-align:center}.csv-data-table{background:#fff;border:1px solid var(--color-border);border-radius:8px;margin:0 auto;max-height:200px;max-width:600px;overflow:hidden;overflow-y:auto;width:100%}.csv-data-table table{border-collapse:collapse;width:100%}.csv-data-table th{background:var(--color-bg-secondary);font-weight:600}.csv-data-table td,.csv-data-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;padding:12px 16px;text-align:center}.csv-data-table tr:last-child td{border-bottom:none}.csv-importing-step{align-items:center;display:flex;justify-content:center;min-height:200px}.csv-importing-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.csv-importing-spinner h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.csv-importing-spinner p{color:var(--color-text-secondary);font-size:16px;margin:0}.csv-complete-step{gap:24px}.csv-complete-step,.csv-import-summary{display:flex;flex-direction:column;text-align:center}.csv-import-summary{align-items:center;gap:16px;padding:20px}.csv-summary-icon{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:20px}.csv-summary-icon.success{background:#dcfce7;color:#16a34a}.csv-summary-icon.error{background:#fef2f2;color:#dc2626}.csv-complete-step h3{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.csv-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.csv-btn-primary,.csv-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.csv-btn-primary{background:var(--color-primary);color:#fff}.csv-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.csv-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.csv-btn-secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.csv-btn-secondary:hover{background:var(--color-bg-elevated)}.csv-spinner,.csv-spinner-large{animation:csv-spin 1s linear infinite}.csv-spinner-large{color:var(--color-primary)}@keyframes csv-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.csv-import-modal{max-height:90vh;width:95%}.csv-import-content,.csv-import-header{padding:14px}.csv-summary-stats{flex-direction:column;gap:12px}.csv-stat{min-width:auto}.csv-actions{flex-direction:column}.csv-btn-primary,.csv-btn-secondary{justify-content:center}}@media (max-width:480px){.csv-import-modal{max-height:95vh;width:98%}.csv-import-header h2{font-size:18px}.csv-file-input{gap:10px;padding:20px 15px}.csv-data-table{font-size:12px;max-height:150px}.csv-data-table td,.csv-data-table th{padding:6px 8px}.csv-preview-step,.csv-upload-step{gap:16px}.csv-instructions,.csv-preview-data,.csv-template-section,.csv-validation-summary{padding:12px}}.migration-container{font-family:var(--font-family-sans);margin:0 auto;max-width:1200px;padding:var(--spacing-2xl)}.migration-header{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.header-content{gap:var(--spacing-lg)}.header-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.header-text h1{color:var(--color-text-primary);font-size:1.875rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.header-text p{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0}.migration-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.migration-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.migration-section h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.migration-types{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.migration-type-btn{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:1rem;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-xl);transition:all var(--transition-fast)}.migration-type-btn.active,.migration-type-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.migration-type-btn.active{color:var(--color-primary)}.template-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.template-btn:hover{background:var(--color-bg-primary);border-color:var(--color-border-dark)}.file-upload-area{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-upload-label{align-items:center;background:var(--color-bg-primary);border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center;transition:all var(--transition-fast)}.file-upload-label:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.file-upload-label span{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.file-name{color:var(--color-primary)!important;font-size:.875rem!important;font-weight:600!important;margin-top:var(--spacing-sm)}.migrate-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);transition:all var(--transition-fast)}.migrate-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.migrate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.results-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.result-item{border:1px solid;border-radius:var(--radius-md);padding:var(--spacing-lg)}.result-item.success{background:#f0f9ff;border-color:#22c55e;color:#15803d}.result-item.error{background:#fef2f2;border-color:#ef4444;color:#dc2626}.result-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.success-icon{color:#22c55e}.error-icon{color:#ef4444}.result-message{font-size:1rem;font-weight:600}.result-count{font-size:.875rem;margin-bottom:var(--spacing-md);opacity:.8}.result-errors h4{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.result-errors ul{font-size:.875rem;line-height:1.4;margin:0;padding-left:var(--spacing-lg)}.result-errors li{margin-bottom:var(--spacing-xs)}@media (max-width:768px){.migration-container,.migration-section{padding:var(--spacing-lg)}.header-content{flex-direction:column;text-align:center}.migration-types{grid-template-columns:1fr}.file-upload-label{padding:var(--spacing-xl)}.migrate-btn{justify-content:center;width:100%}}.settings-container{background:var(--color-background);color:var(--color-text-primary);margin-bottom:calc(90px + env(safe-area-inset-bottom));margin-top:0;min-height:calc(100vh - 70px);overflow:visible;padding:0;width:100%}@media (max-width:768px){.logi-tabs{background:#fff;border-bottom:1px solid #e5e7eb;margin:0 0 8px;padding:6px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.settings-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:calc(100vh - 50px);margin-bottom:0;min-height:calc(100vh - 50px);overflow-y:auto;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.settings-content{flex:1 1 auto;min-height:0;overflow:visible}.bottom-safe-spacer{height:calc(110px + env(safe-area-inset-bottom))}}.settings-header{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;padding:0 24px}.tab-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:var(--color-bg-elevated);border-color:var(--color-border-medium);color:var(--color-text-primary)}.tab-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.settings-content{padding:0 24px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-message,.error-message button{align-items:center;color:#dc2626;display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.tab-content{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.content-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px}.header-actions{align-items:center;display:flex;gap:12px}.content-header h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.add-button{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.add-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.import-button{align-items:center;background:#10b981;background:var(--color-emerald);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.import-button:hover{background:#059669;transform:translateY(-1px)}.items-grid{align-items:flex-start;gap:16px;justify-content:center;min-height:250px;padding:24px}.items-grid,.pill-list{display:flex;flex-wrap:wrap}.pill-list{gap:8px;padding:12px 24px 20px}.pill-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-primary);display:inline-flex;flex-shrink:0;gap:6px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.pill-item:hover{background:var(--color-bg-elevated);border-color:var(--color-border-medium);transform:translateY(-1px)}.pill-name{font-size:13px;font-weight:600}.pill-actions{align-items:center;display:inline-flex;gap:2px;margin-left:6px}.pill-actions .action-btn{height:25px;margin:0;max-width:25px;min-width:25px;padding:2px;width:25px}.users-virtual-list{padding:0 16px 16px}.virtual-item{padding:4px 0}.user-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px}.user-card+.user-card{margin-top:4px}.user-card-bottom,.user-card-main{align-items:center;display:flex;gap:8px;justify-content:space-between}@media (max-width:480px){.user-card-bottom{align-items:flex-start;flex-direction:column}.pill-list{gap:6px;padding:8px 12px 12px}.pill-item{gap:4px;padding:4px 8px}.pill-actions .action-btn{height:25px;max-width:25px;min-width:25px;padding:2px;width:25px}}.item-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.item-card:hover{border-color:var(--color-border-medium);box-shadow:0 2px 4px #0000001a}.item-content h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.item-content p{color:var(--color-text-secondary);font-size:14px;line-height:1.4;margin:0}.item-actions{align-items:center;display:inline-flex;gap:0}.item-actions .action-btn{margin:0}.item-actions .action-btn+.action-btn{margin-left:4px}.action-btn{color:var(--color-text-secondary);height:25px;margin:0 3px;width:25px}.action-btn.invite{color:#10b981}.action-btn.invite:hover{background:#10b9811f;box-shadow:0 4px 8px #00000026;color:#059669;transform:translateY(-2px)}.action-btn.edit{color:var(--color-primary)}.action-btn.edit:hover{background:#0f766e1f;box-shadow:0 4px 8px #00000026;color:var(--color-primary-dark);transform:translateY(-2px)}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef44441a;box-shadow:0 4px 8px #00000026;color:#ef4444;transform:translateY(-2px)}.users-table{padding:24px}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:13px;font-weight:600}.users-table td,.users-table th{border-bottom:1px solid var(--color-border);padding:10px 12px;text-align:left}.users-table td{vertical-align:middle}.users-table td.actions-col,.users-table th.actions-col{text-align:center}.users-table .item-actions{justify-content:center}.users-table tr:hover{background:var(--color-bg-secondary)}.user-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.user-details{display:flex;flex-direction:column}.user-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.role-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-badge.super_admin{background:#fef3c7;background:var(--color-pale-yellow);color:#d97706}.role-badge.admin{background:#dbeafe;color:#2563eb}.role-badge.logistics{background:#dcfce7;color:#16a34a}.role-badge.procurement_requestor{background:#f3e8ff;color:#9333ea}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission{background:#eef2ff;border:none;border-radius:9999px;color:#374151;display:inline-block;font-size:11px;line-height:1;padding:4px 8px}html.dark-theme .permission{background:#111827;border:1px solid #374151;color:#e5e7eb}.modal-content{max-width:500px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic;opacity:.8;transition:opacity .2s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #0f766e1a,0 2px 8px #0000001a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-border-medium);box-shadow:0 2px 4px #00000014}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:1px solid var(--color-primary);box-shadow:0 2px 8px #0f766e33;overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 4px 12px #0f766e4d;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 4px #0f766e33;transform:translateY(0)}.empty-state{box-sizing:border-box;height:200px;max-width:800px;padding:48px 64px;width:100%}.empty-state-icon{box-shadow:0 2px 8px #0000001a;flex-shrink:0;padding:12px}.empty-state p{margin:0 0 20px;max-width:500px}.empty-state-action{font-size:14px;min-width:160px;padding:10px 20px}.delete-modal{border:2px solid #fee2e2;max-width:500px}.delete-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca;gap:12px}.delete-header,.delete-icon{align-items:center;display:flex}.delete-icon{background:#fee2e2;border-radius:50%;color:#dc2626;justify-content:center;padding:8px}.delete-header h2{color:#991b1b;flex:1 1;margin:0}.delete-content{padding:24px 0}.delete-message{color:var(--color-text-primary);font-size:16px;line-height:1.5;margin:0 0 16px}.delete-warning{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;line-height:1.4;margin:0;padding:12px 16px}.delete-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn-danger{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s ease}.btn-danger:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-danger:hover:before{left:100%}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:active{box-shadow:0 2px 4px #dc262633;transform:translateY(0)}.loading-skeleton{animation:fadeIn .3s ease-in;background:var(--color-background);min-height:calc(100vh - 70px);padding:0;width:100%}.settings-container .skeleton-header{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:16px;box-shadow:0 4px 12px #00000014;height:120px;margin-bottom:24px}.settings-container .skeleton-tabs{display:flex;gap:8px;margin-bottom:24px;padding:0 24px}.settings-container .skeleton-tab{border-radius:8px;box-shadow:0 2px 6px #0000000f;height:48px;width:120px}.settings-container .skeleton-tab,.settings-container .skeleton-tab-content{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%}.settings-container .skeleton-tab-content{border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;height:400px;margin-bottom:24px}@media (max-width:768px){.settings-container .skeleton-tabs,.settings-tabs{flex-direction:column;gap:4px}.settings-container .skeleton-tab{width:100%}.tab-button{justify-content:center}.items-grid{grid-template-columns:1fr}.users-table{overflow-x:auto}.users-table table{min-width:600px}.modal-content{margin:20px;width:95%}}@media (max-width:480px){.settings-header{padding:16px}.header-left h1{font-size:24px}.content-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.settings-container .skeleton-header{height:100px;margin-bottom:16px}.settings-container .skeleton-tabs{margin-bottom:16px;padding:0 16px}.settings-container .skeleton-tab-content{height:350px;margin-bottom:16px}.header-actions{width:100%}@media (max-width:480px){.settings-container .skeleton-tab-content{height:300px}}.add-button,.import-button{justify-content:center;width:100%}.items-grid,.users-table{padding:16px}.users-virtual-list{padding:0 12px 12px}.users-virtual-list .virtual-item{padding:3px 0}}.developer-section{padding:32px}.data-generator-card{background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:12px;margin:0 auto;max-width:600px;padding:32px;text-align:center}.card-header{align-items:center;gap:12px;justify-content:center}.card-header svg{color:var(--color-primary)}.card-header h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0}.card-description{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0 0 20px}.data-list{list-style:none;margin:0 auto 24px;max-width:400px;padding-left:0;text-align:left}.data-list li{color:var(--color-text-primary);font-size:14px;margin-bottom:8px;padding-left:24px;position:relative}.data-list li:before{color:#10b981;color:var(--color-emerald);content:"✓";font-weight:700;left:0;position:absolute}.warning-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;line-height:1.5;margin-bottom:24px;padding:16px}.warning-message strong{color:#78350f}.btn-generate{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.btn-generate:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.btn-generate:disabled{cursor:not-allowed;opacity:.7}.btn-generate .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.data-generator-card,.developer-section{padding:24px}}@media (max-width:480px){.developer-section{padding:16px}.data-generator-card{padding:20px}.card-header{flex-direction:column;gap:8px}.btn-generate{justify-content:center;width:100%}}@media (max-width:768px){.logi-tabs{background:#fff;border-bottom:1px solid #e5e7eb;margin:0 0 8px;padding:6px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}}:root{--color-teal:#0f766e;--color-yellow:#f59e0b;--color-coral:#ef4444;--color-indigo:#6366f1;--color-pale-yellow:#fef3c7;--color-emerald:#10b981;--color-gray:#6b7280}.procurement-container{background:var(--color-background);color:var(--color-text-primary);margin-bottom:0;margin-top:0;min-height:calc(100vh - 70px);overflow:visible;padding:0;width:100%}.procurement-header{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content{align-items:center;display:flex;gap:24px;justify-content:space-between}.header-left h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 12px}.header-left p{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-role{background:var(--color-primary-bg);border-radius:6px;color:var(--color-primary);font-size:14px;font-weight:500;padding:6px 12px}.search-filters-section{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box{display:flex;flex:1 1;flex-direction:column;gap:4px}.search-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-secondary);left:12px;position:absolute;z-index:1}.search-input{background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters-group{align-items:end;display:flex;gap:16px}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;min-width:150px;padding:12px;transition:all .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.procurement-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.total{background:var(--color-primary)}.stat-icon.out-of-stock{background:#dc2626}.stat-icon.low-stock{background:#f59e0b}.stat-content h3{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.stat-content p{color:var(--color-text-secondary);font-size:14px;margin:0}.procurement-content{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.inventory-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:24px}.inventory-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.inventory-card:hover{border-color:var(--color-border-medium);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-photo{align-items:center;background:var(--color-bg-elevated);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.card-photo img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:8px}.card-content{padding:20px}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.item-title{color:var(--color-text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0 12px 0 0}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.in-stock{background:#dcfce7;color:#16a34a}.status-badge.low-stock{color:#d97706}.status-badge.out-of-stock{background:#fef2f2;color:#dc2626}.item-details{margin-bottom:20px}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--color-text-secondary)}.detail-label,.detail-value{font-size:14px;font-weight:500}.detail-value{color:var(--color-text-primary)}.card-actions{display:flex;gap:8px}.action-btn{border-radius:10px;font-size:14px;font-weight:600;gap:8px;height:44px;min-width:44px;padding:12px 20px}.action-btn.view,.action-btn.view:hover{color:#0f766e;color:var(--color-teal)}.action-btn.view:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-btn.request{background:#f59e0b1a;color:#f59e0b;color:var(--color-yellow)}.action-btn.request:hover:not(:disabled){background:#f59e0b33;box-shadow:0 4px 8px #00000026;color:#f59e0b;color:var(--color-yellow)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:24px}.request-item-info{background:var(--color-bg-secondary);border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.item-photo{align-items:center;background:var(--color-bg-elevated);border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.item-photo img{height:100%;object-fit:cover;width:100%}.item-info h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.item-info p{color:var(--color-text-secondary);font-size:14px;margin:0 0 4px}.item-info p:last-child{margin-bottom:0}.request-form{gap:16px}.form-group,.request-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:var(--color-text-primary);font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-elevated)}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-state h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.error-state p{color:var(--color-text-secondary);margin:0 0 16px}.retry-btn{border-radius:6px;font-weight:500;padding:10px 20px}.virtualized-procurement{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.procurement-table-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.header-cell{align-items:center;border-right:1px solid var(--color-border);display:flex;padding:16px 12px}.header-cell:last-child{border-right:none}.photo-cell{justify-content:center;width:80px}.code-cell{width:120px}.procurement-table-body{flex:1 1;overflow:hidden}.procurement-row{border-bottom:1px solid var(--color-border-light);transition:background-color .2s ease}.procurement-row:hover{background-color:var(--color-bg-hover)}.procurement-row.even{background-color:#fff}.procurement-row.odd{background-color:#fafafa}.row-content{height:100%;padding:0}.item-photo-cell,.row-content{align-items:center;display:flex}.item-photo-cell{justify-content:center;padding:8px;width:80px}.item-photo{border-radius:4px;object-fit:cover}.item-photo,.placeholder-photo{border:1px solid var(--color-border);height:40px;width:40px}.placeholder-photo{align-items:center;background:var(--color-bg-secondary);border-radius:4px;color:var(--color-text-secondary);display:flex;justify-content:center}.item-code-cell{padding:16px 12px;width:120px}.item-code{color:var(--color-primary);font-family:Courier New,monospace;font-size:13px;font-weight:600}.description-cell{display:flex;flex:2 1;flex-direction:column;gap:4px;min-width:200px;padding:16px 12px}.description{color:var(--color-text-primary);font-size:14px;font-weight:500}.description,.specialty{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.specialty{color:var(--color-text-secondary);font-size:12px}.category-cell{padding:16px 12px;width:140px}.category{background:var(--color-bg-secondary);border-radius:4px;color:var(--color-text-secondary);font-size:13px;font-weight:500;padding:4px 8px}.quantity-cell{align-items:center;display:flex;flex-direction:column;gap:2px;padding:16px 12px;width:120px}.quantity{color:var(--color-text-primary);font-size:16px;font-weight:600}.unit{color:var(--color-text-secondary);font-size:11px;font-weight:500;text-transform:uppercase}.status-cell{padding:16px 12px;width:140px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.in-stock{background:#d1fae5;color:#065f46}.status-badge.low-stock{background:#fef3c7;color:#92400e}.status-badge.out-of-stock{background:#fee2e2;color:#991b1b}.actions-cell{gap:8px;padding:16px 12px;width:120px}.action-btn,.actions-cell{display:flex;justify-content:center}.action-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px)}.action-btn.view{background:#0f766e1a;color:var(--color-primary)}.action-btn.view:hover{background:#0f766e33}.action-btn.request{background:#0596691a;color:#059669}.action-btn.request:hover{background:#05966933}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-btn:disabled:hover{transform:none}.loading-row{padding:20px}.loading-more,.loading-row{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.loading-more{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:14px;gap:8px;padding:16px}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);height:16px;width:16px}.empty-state{background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center;margin:24px;padding:64px 32px;text-align:center}.empty-state-icon{background:var(--color-bg-elevated);border-radius:50%;color:var(--color-text-secondary);margin-bottom:16px;padding:16px}.empty-state h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.4;margin:0;max-width:400px}@media (max-width:1200px){.description-cell{flex:1.5 1;min-width:150px}.category-cell{width:120px}}@media (max-width:768px){.header-cell,.procurement-row .row-content>div{padding:12px 8px}.photo-cell{width:60px}.code-cell{width:100px}.description-cell{flex:1 1;min-width:120px}.category-cell{display:none}.quantity-cell{width:80px}.status-cell{width:100px}.actions-cell{width:80px}.item-photo,.placeholder-photo{height:32px;width:32px}}.procurement-container .loading-skeleton{animation:fadeIn .3s ease-in;background:#0000;margin:0 auto;max-width:1400px;padding:24px;width:100%}.procurement-container .skeleton-header{border-radius:16px;height:120px}.procurement-container .skeleton-header,.procurement-container .skeleton-search{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;box-shadow:0 4px 12px #00000014;margin-bottom:24px}.procurement-container .skeleton-search{border-radius:12px;height:80px}.procurement-container .skeleton-stats{display:flex;gap:16px;margin-bottom:24px}.procurement-container .skeleton-stat{flex:1 1;height:100px}.procurement-container .skeleton-stat,.procurement-container .skeleton-table{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:16px;box-shadow:0 4px 12px #00000014}.procurement-container .skeleton-table{height:400px}@keyframes shimmer{0%{background-position:-200% 0;opacity:.8}50%{opacity:1}to{background-position:200% 0;opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.search-filters-section{flex-direction:column;gap:12px}.filters-group{justify-content:stretch}.filter-select{width:100%}.inventory-grid{grid-template-columns:1fr;padding:16px}.modal-content{margin:20px;width:95%}.request-item-info{flex-direction:column;text-align:center}.item-photo{align-self:center}}@media (max-width:480px){.procurement-header{padding:16px}.header-left h1{font-size:24px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.search-filters-section{padding:16px}.procurement-stats{grid-template-columns:1fr}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.procurement-scroll-container{border-radius:0 0 12px 12px;height:calc(100vh - 350px);overflow-y:auto;scroll-behavior:smooth;width:100%}.procurement-scroll-container:after{content:"";display:block;height:90px;width:100%}.procurement-scroll-container::-webkit-scrollbar{width:8px}.procurement-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.procurement-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.procurement-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.infinite-scroll-loading{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.infinite-scroll-loading .loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:16px;width:16px}.scroll-end-message{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);display:flex;font-size:14px;font-style:italic;justify-content:center;padding:20px}.scroll-end-message,.unit-text{color:var(--color-text-secondary)}.unit-text{display:block;font-size:11px;font-weight:500;margin-top:2px;text-transform:uppercase}.action-btn.request{background:#10b9811a;color:#10b981}.action-btn.request:hover:not(:disabled){background:#10b98133;box-shadow:0 4px 8px #10b98133;color:#059669;transform:translateY(-2px)}.action-btn.request:disabled{cursor:not-allowed;opacity:.4;transform:none}.retry-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:767px){.procurement-scroll-container{height:calc(100vh - 400px)}}@media (max-width:768px){.logistics-container .content-inner{display:flex;flex-direction:column;min-height:0}.logistics-container{padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px))}.logistics-container .inventory-container{display:flex;flex-direction:column;margin-bottom:0}.logistics-container .inventory-list{flex:1 1;min-height:0}.logistics-container .inventory-container:after,.logistics-container .inventory-list:after{content:"";display:block;height:calc(90px + env(safe-area-inset-bottom, 0px));width:100%}}.inventory-container .inventory-list-item:hover{background:#0f766e14!important;transition:background-color .2s ease}.inventory-container .inventory-list-item:nth-child(2n):hover{background:#0f766e14!important}@media (min-width:1024px){.procurement-scroll-container{height:calc(100vh - 320px)}}.logistics-container{background:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:0;margin-top:0;min-height:calc(100vh - 70px);overflow:visible;padding:0;width:100%}.dashboard-content .content-inner>.request-section-container:has(.logistics-container){background:var(--color-bg-secondary)!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.logistics-container .section-header{display:none!important}.header-content,.logistics-header{display:none}.content-container{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000001a;display:block;min-height:500px;padding:20px}.content-inner{margin-top:0;width:100%}.logistics-tabs{border-bottom:none;display:flex;gap:8px;margin-bottom:20px;padding-bottom:10px}.logistics-tab-btn{align-items:center;background:none;border:none;border-radius:6px 6px 0 0;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.logistics-tab-btn:hover{background-color:#f8f9fa;color:#2c3e50}.logistics-tab-btn.active{background-color:#fb71851f;border-bottom:none;color:#c2410c}.logistics-tab-content{display:none}.logistics-tab-content.active{display:block}.scroll-container{overflow:auto;width:100%}.table-header-controls{display:none}.table-total-count{color:var(--color-text-secondary)}.table-action-buttons{display:flex;gap:8px}.action-button.hold{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:inline-flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 12px}.action-button.hold:hover{filter:brightness(.98)}.action-button.hold:disabled{cursor:not-allowed;opacity:.6}.qty-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);border-radius:6px;color:var(--color-text-primary);font-size:13px;height:28px;padding:4px 6px}.spin{animation:spin 1s linear infinite}.lg-table-header{grid-gap:0;background:#f3f4f6;border:1px solid #e9ecef;border-radius:10px;color:#374151;font-weight:600;gap:0;grid-template-columns:40px 120px 140px 140px 2fr 80px 140px 90px 120px 160px 160px;margin-bottom:8px;padding:10px 12px}.lg-row,.lg-table-header{align-items:center;display:grid;font-size:13px}.lg-row{background:#fff;border-bottom:1px solid #f1f5f9;color:#111827;grid-template-columns:40px 120px 140px 140px 2fr 80px 140px 90px 120px 160px 160px;padding:0 12px}.lg-row .col.photo{align-items:center;display:flex}.lg-row .col.act{align-items:center;display:inline-flex;gap:8px}.lg-row .col.act .action-button{font-size:13px;padding:6px 10px}.lg-row .lg-photo{border:1px solid #e5e7eb;border-radius:8px;display:inline-block;height:56px;object-fit:cover;width:56px}.lg-row .lg-photo.placeholder{background:#f3f4f6;display:inline-block}.lg-row:nth-child(odd){background:#fcfcfd}.lg-row .col{overflow:hidden;text-overflow:ellipsis}.lg-row .col,.lg-row .col.desc{white-space:nowrap}.lg-approved .col.qtydel .qty-input{width:90px}@media (max-width:1024px){.lg-row,.lg-table-header{grid-template-columns:40px 100px 120px 120px 2fr 80px 120px 80px 100px 140px 140px}}@media (max-width:768px){.lg-table-header{display:none}.lg-row{grid-gap:8px 12px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:8px 12px;grid-auto-rows:auto;grid-template-columns:64px 1fr 1fr;margin-bottom:10px;padding:8px 12px}.lg-row .col.sel{align-items:center;display:flex;grid-column:3/4;grid-row:1;justify-content:flex-end}.lg-row .col.photo{grid-column:1/2;grid-row:2/span 3;margin-top:2px}.lg-row .lg-photo,.lg-row .lg-photo.placeholder{border-radius:8px;height:56px;width:56px}.lg-row .col.date{color:#6b7280;font-size:11px;font-weight:600;grid-column:1/2;grid-row:1}.lg-row .col.desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:700;grid-column:2/4;grid-row:2;line-height:1.2;max-height:2.4em;overflow:hidden}.lg-row .col.clinic{color:#6b7280;grid-column:2/4;grid-row:3}.lg-row .col.qty{grid-column:2/3;grid-row:4}.lg-row .col.qtydel{grid-column:3/4;grid-row:4;justify-content:flex-end}.lg-row .col.unit{grid-column:2/4}.lg-row .col.act{align-items:center;border-top:1px dashed #e5e7eb;display:inline-flex;flex-wrap:nowrap;gap:6px;grid-column:1/4;grid-row:auto;justify-content:center;margin-top:2px;padding-top:6px;text-align:center;width:100%}.lg-row .col.act .action-button{border-radius:6px;display:inline-flex;font-size:12px;min-width:0;padding:4px 8px;white-space:nowrap;width:auto}.lg-row .col.clinic,.lg-row .col.code,.lg-row .col.date,.lg-row .col.dby,.lg-row .col.ddate,.lg-row .col.desc,.lg-row .col.qty,.lg-row .col.qtydel,.lg-row .col.unit{align-items:flex-start;display:flex;text-align:left}.lg-row .col.date:before{content:"DATE"}.lg-row .col.clinic:before{content:"CLN"}.lg-row .col.code:before{content:"CODE"}.lg-row .col.desc:before{content:"DESC"}.lg-row .col.qty:before{content:"QTY"}.lg-row .col.qtydel:before{content:"QTYD"}.lg-row .col.unit:before{content:"UNIT"}.lg-row .col.ddate:before{content:"DLVD"}.lg-row .col.dby:before{content:"BY"}.lg-row .col:before{color:#9ca3af;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;margin-right:4px;min-width:34px;text-transform:uppercase}.lg-row .col.desc{align-items:flex-start;white-space:normal}.logistics-container{display:flex;flex-direction:column;min-height:calc(100vh - 70px);padding-top:0}.logistics-container>.content-inner{display:flex;flex:1 1;flex-direction:column;margin-top:0;min-height:0}.logistics-tab-content{display:none}.logistics-tab-content.active{display:flex;flex:1 1;flex-direction:column;min-height:0}.scroll-container{display:block;flex:1 1;min-height:0}.list-viewport{flex:1 1;height:auto;min-height:0}.logistics-container .list-viewport:after{content:"";display:block;height:90px;width:100%}.dashboard-content .content-inner>.request-section-container{margin-left:0!important;margin-right:0!important;width:100%!important}.logistics-container .table-header-controls{display:none}.mobile-topbar{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;justify-content:space-between;margin:0 0 8px;padding:8px 12px}html.dark-theme .mobile-topbar{background:#1f2937!important}.mobile-topbar .total{align-items:center;color:#6b7280;display:inline-flex;font-size:11px;gap:4px}.mobile-topbar .actions{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.mobile-topbar .bulk-label{color:#6b7280;font-size:11px}.logistics-container .mobile-topbar .bulk-select{appearance:none;-webkit-appearance:none;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:10px!important;height:24px!important;line-height:22px!important;min-width:0!important;padding:0 6px!important;width:auto!important}.mobile-topbar .bulk-select:disabled{opacity:.6}.lg-row .col.act .action-button{background:#0000!important;border:1px solid #0000;box-shadow:none;color:var(--color-primary);transition:border-color .12s ease,background-color .12s ease,color .12s ease}.lg-row .col.act .action-button:hover{background:#3b82f60f;border-color:var(--color-primary)}.lg-row .col.act .action-button.secondary{color:#0ea5e9}.lg-row .col.act .action-button.hold{background:#0000;border-color:#0000;color:#f59e0b}.lg-row .col.act .action-button.hold:hover{background:#f59e0b14;border-color:#f59e0b}}@media (max-width:480px){.content-container{min-height:400px}}.logi-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:24px;margin-bottom:12px;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.logi-tab{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 4px 10px;position:relative}.logi-tab.active,.logi-tab:hover{color:#111827}.logi-tab.active:after{background:#22c55e;background:var(--color-primary,#22c55e);border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.mobile-filter-trigger{display:none}@media (max-width:768px){.mobile-filter-trigger{display:flex;justify-content:flex-end;margin:8px 0}.compact-filters-container{display:none}.filter-sheet-backdrop{animation:sheetFade .25s ease;background:#00000059;inset:0;position:fixed;z-index:30}.filter-sheet{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:-100%;box-shadow:0 -10px 30px #00000026;left:0;max-height:75vh;overflow:auto;padding:12px 16px 16px;position:fixed;right:0;transform:translateY(100%);transition:transform .28s ease,bottom .28s ease;z-index:31}.filter-sheet.open{bottom:0;transform:translateY(0)}.sheet-grabber{background:#e5e7eb;border-radius:3px;height:5px;margin:6px auto 10px;width:44px}.filter-sheet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-reset{background:#0000;border:none;color:#ef4444;font-weight:600}.filter-title{color:#111827;font-weight:700}.filter-sheet-body{display:flex;flex-direction:column;gap:12px}.sheet-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sheet-group{display:flex;flex-direction:column;gap:6px}.sheet-label{color:#6b7280;font-size:12px;font-weight:600}.sheet-input,.sheet-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;padding:10px}.filter-sheet-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.sheet-clear{background:#0000;border:1px solid #e2e8f0;border-radius:10px;color:#374151;padding:10px 14px}.sheet-apply{background:#22c55e;background:var(--color-primary,#22c55e);border:none;border-radius:10px;color:#fff;font-weight:600;padding:10px 16px}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}}.search-filter-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.search-filter-btn:hover{background:#f3f4f6}.search-row{display:block;position:relative}@media (max-width:768px){.search-row{align-items:center;display:flex;gap:8px;margin-bottom:8px!important}.search-row .search-container{flex:1 1;margin-bottom:0!important}.search-row .modern-search-box{border-radius:8px;box-sizing:border-box;height:42px}.search-filter-outside-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;display:inline-flex;height:42px;justify-content:center;width:42px}.search-filter-outside-btn:hover{background:#f3f4f6}}.vaul-overlay{background:#0006;inset:0;position:fixed;z-index:1000}.vaul-content{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -10px 30px #00000026;left:0;margin:0 auto;max-height:90vh;max-width:720px;overflow:hidden;position:fixed;right:0;width:100%;z-index:1001}.vaul-grabber{background:#d1d5db;border-radius:3px;height:5px;margin:10px auto 6px;width:48px}.vaul-body{max-height:calc(90vh - 28px);overflow-y:auto;padding:16px}.vaul-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.vaul-title{align-items:center;color:#111827;display:inline-flex;font-weight:600;gap:8px}.vaul-title-icon{color:#6b7280}.vaul-fields{display:flex;flex-direction:column;gap:12px}.vaul-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.vaul-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:12px}@media(prefers-color-scheme: dark),html.dark-theme body .dashboard-container .dashboard-content .action-button,html.dark-theme body .dashboard-container .dashboard-content .col,html.dark-theme body .dashboard-container .dashboard-content .lg-row,html.dark-theme body .dashboard-container .dashboard-content .lg-table-header,html.dark-theme body .dashboard-container .dashboard-content .list-viewport,html.dark-theme body .dashboard-container .dashboard-content .logi-tab,html.dark-theme body .dashboard-container .dashboard-content .logi-tabs,html.dark-theme body .dashboard-container .dashboard-content .logistics-tab-content,html.dark-theme body .dashboard-container .dashboard-content .modern-search-box,html.dark-theme body .dashboard-container .dashboard-content .qty-input,html.dark-theme body .dashboard-container .dashboard-content .scroll-container,html.dark-theme body .dashboard-container .dashboard-content .search-container,html.dark-theme body .dashboard-container .dashboard-content .search-filter-outside-btn,html.dark-theme body .dashboard-container .dashboard-content .table-header-controls,html.dark-theme body .dashboard-container .dashboard-content .table-total-count{.logi-tabs{background:var(--color-bg-elevated)!important}.logi-tab,.logi-tabs{border-color:var(--color-border-medium)!important}.logi-tab{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important}.logi-tab.active{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important;color:var(--color-text-primary)!important}.logistics-tab-content{background:var(--color-bg-primary)!important}.search-container{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important}.modern-search-box,.search-filter-outside-btn{color:var(--color-text-primary)!important}.modern-search-box,.search-filter-outside-btn,.table-header-controls{background:var(--color-bg-elevated)!important;border-color:var(--color-border-medium)!important}.table-total-count{color:var(--color-text-secondary)!important}.lg-table-header{background:var(--color-bg-secondary)!important;border-bottom-color:var(--color-border-medium)!important}.lg-row,.lg-table-header,.lg-table-header .col{color:var(--color-text-primary)!important}.lg-row{border-color:var(--color-border-light)!important}.lg-row,.lg-row:nth-child(2n){background:var(--color-bg-elevated)!important}.lg-row:nth-child(odd){background:var(--color-bg-secondary)!important}.lg-row .col{color:var(--color-text-primary)!important}.list-viewport,.qty-input,.scroll-container{background:var(--color-bg-primary)!important}.qty-input{color:var(--color-text-primary)!important}.action-button,.qty-input{border-color:var(--color-border-medium)!important}.action-button.primary{background:var(--color-primary)!important;color:#fff!important}.action-button.hold,.action-button.secondary{background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important}}.low-stock-section{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.low-stock-counts{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.kpi-card.compact{padding:10px 12px}.low-stock-list .simple-table thead th{color:#6b7280;font-size:12px}.low-stock-list .simple-table td{font-size:13px}.qty-chip{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:36px;padding:2px 8px}.qty-chip.ok{background:#14b8a61f;color:#0f766e}.qty-chip.warning{background:#facc1526;color:#92400e}.qty-chip.danger{background:#ef444426;color:#b91c1c}.min-chip{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;color:#6b7280;display:inline-flex;font-size:12px;justify-content:center;min-width:28px;padding:2px 6px}.dashboard-container{background:var(--color-bg-primary);display:flex;flex-direction:column;font-family:var(--font-family-sans);max-width:100vw;min-height:100vh;overflow-x:hidden;padding-top:70px}.dashboard-main{display:flex;flex:1 1;max-width:100vw;min-height:calc(100vh - 70px);min-width:0;overflow:hidden}@media (max-width:768px){.dashboard-main{height:auto;min-height:auto;overflow:visible}}.dashboard-content{background:#fff;box-sizing:border-box;margin-left:0;max-width:100vw;min-height:calc(100vh - 70px);overflow-x:hidden;overflow-y:visible;padding:var(--spacing-2xl);position:relative;scroll-behavior:smooth;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.bottom-content-spacer{height:0}@media (max-width:768px){.bottom-content-spacer{height:calc(90px + env(safe-area-inset-bottom))}}.bottom-safe-spacer{height:0}@media (max-width:768px){.bottom-safe-spacer{height:calc(90px + env(safe-area-inset-bottom))}}.dashboard-grid,.db-grid-2,.kpi-grid{box-sizing:border-box;width:100%}.db-grid-2>*,.kpi-grid>*{max-width:100%;min-width:0}.dashboard-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;margin-bottom:var(--spacing-2xl);max-width:100%;padding:16px;transition:all var(--transition-fast);width:100%}.dashboard-section:hover{box-shadow:var(--shadow-md)}.dashboard-section:last-child{margin-bottom:0}.dashboard-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard-section-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.dashboard-section-description{color:#64748b;font-size:14px;margin:var(--spacing-xs) 0 0 0}.dashboard-chat-area{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto var(--spacing-2xl) auto;max-width:800px;overflow:hidden;padding:0}.dashboard-chat-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-lg) var(--spacing-2xl)}.dashboard-chat-messages{height:400px;overflow-y:auto;padding:var(--spacing-lg);scrollbar-color:var(--color-border-medium) #0000;scrollbar-width:thin}.dashboard-chat-input{background:var(--color-bg-primary);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg)}.dashboard-loading{align-items:center;background:var(--color-bg-primary);color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}@media (min-width:1025px){.dashboard-content,.dashboard-main{min-height:calc(100vh - 70px);position:relative}.dashboard-content{margin-left:70px;max-width:calc(100vw - 70px);overflow-x:hidden;overflow-y:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100vw - 70px);z-index:1}.dashboard-main.sidebar-open .dashboard-content{margin-left:168px!important;max-width:calc(100vw - 168px)!important;width:calc(100vw - 168px)!important}}@media (max-width:1024px){.dashboard-content{background:#fff;bottom:auto!important;height:calc(100vh - 50px)!important;left:auto!important;margin-left:0!important;max-height:calc(100vh - 50px)!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:hidden!important;padding:var(--spacing-xl);position:relative!important;right:auto!important;top:auto!important;transition:none!important;width:100%!important;z-index:1!important}.dashboard-content.dashboard-home-content{height:auto!important;max-height:none!important;min-height:calc(100vh - 50px);overflow-y:auto!important;padding-bottom:calc(var(--spacing-xl) + 90px + env(safe-area-inset-bottom))!important}.dashboard-main.sidebar-open .dashboard-content{margin-left:0!important;max-width:100%!important;width:100%!important}.dashboard-section{padding:var(--spacing-xl)}}@media (max-width:768px){.dashboard-container{padding-top:50px}.dashboard-main{min-height:calc(100vh - 70px)}.dashboard-content{background:#fff;height:calc(100vh - 50px)!important;margin-left:0;margin-top:0!important;max-height:calc(100vh - 50px)!important;min-height:calc(100vh - 50px);overflow-x:hidden;overflow-y:hidden!important;padding:0 0 calc(var(--spacing-lg) + 90px + env(safe-area-inset-bottom)) 0;width:100%}.content-inner{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.request-section-container{padding-bottom:calc(114px + env(safe-area-inset-bottom))}}html.dark-theme .dashboard-content{background:#111827!important}@media (max-width:768px){.dashboard-content .content-inner{margin-top:0}.dashboard-content .request-section-container{border-radius:12px;box-sizing:border-box;margin:0 auto;overflow:hidden;padding-left:12px;padding-right:12px;width:100%}.dashboard-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dashboard-chat-area{margin-left:0;margin-right:0}.dashboard-section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.dashboard-container{padding-top:50px}.dashboard-content,.dashboard-main{min-height:calc(100vh - 60px)}.dashboard-content{background:#fff;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md) 0 calc(var(--spacing-md) + 90px + env(safe-area-inset-bottom)) 0}.content-inner{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.request-section-container{padding-bottom:calc(106px + env(safe-area-inset-bottom))}.dashboard-chat-header,.dashboard-chat-input,.dashboard-chat-messages,.dashboard-section{padding:var(--spacing-md)}.dashboard-chat-messages{height:300px}}@media (max-width:410px){.dashboard-content{overflow-x:hidden;padding:12px 0}.dashboard-grid{gap:12px}.kpi-grid{gap:8px}.db-grid-2,.kpi-grid,.low-stock-counts{grid-template-columns:1fr!important}.db-grid-2{gap:8px}.dashboard-section{margin:0 auto;max-width:520px;padding:12px;width:96%}.chart-fixed{height:200px}.simple-table{font-size:11px}.simple-table td,.simple-table th{padding:6px 8px}}@media (max-width:430px){.db-grid-2,.kpi-grid,.low-stock-counts{grid-template-columns:minmax(0,1fr)!important;justify-items:stretch}.kpi-card{display:block!important;padding:10px 12px}.dashboard-section,.kpi-card{max-width:100%!important;width:100%!important}.chart-fixed{height:200px}}.dashboard-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}.db-grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1200px){.db-grid-2{grid-template-columns:1fr}}@media (max-width:768px){.db-grid-2,.kpi-grid{gap:8px;grid-template-columns:1fr}.kpi-card{border-radius:10px;padding:10px 12px}.dashboard-section.chart-section{box-sizing:border-box;max-width:100%;overflow:visible;padding:10px}.chart-section{height:auto}.chart-fixed{height:220px;overflow:hidden}.echarts-for-react,.echarts-for-react>div{height:100%!important;width:100%!important}.low-stock-counts{grid-template-columns:1fr!important}.dashboard-grid,.db-grid-2,.kpi-grid{justify-items:center}.dashboard-section,.kpi-card{margin-left:auto;margin-right:auto;max-width:560px;width:96%}.chart-fixed{margin:0 auto;max-width:560px}}.chart-section{display:flex;flex-direction:column;height:320px}.chart-fixed{flex:1 1 auto;height:auto;max-width:100%;overflow:hidden;position:relative}.chart-fixed canvas{display:block;height:100%!important;width:100%!important}.chart-cta{margin-top:8px}@keyframes dashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dash-skeleton-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(120px,1fr));margin-bottom:20px}.dash-skeleton-kpi{animation:dashShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border:1px solid var(--color-border-light);border-radius:12px;height:82px}.dash-skeleton-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-skeleton-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:12px;padding:16px}.dash-skeleton-title{border-radius:8px;height:16px;margin-bottom:12px;width:160px}.dash-skeleton-rect,.dash-skeleton-title{animation:dashShimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%}.dash-skeleton-rect{border:1px solid var(--color-border-light);border-radius:10px;height:260px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}.kpi-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm);display:block;max-width:100%;overflow:hidden;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease}.kpi-head{align-items:center;display:flex;gap:8px;margin-bottom:6px}.kpi-icon{align-items:center;border-radius:9999px;display:inline-flex;flex:0 0 auto;height:22px;justify-content:center;width:22px}.kpi-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.kpi-label{color:var(--color-text-secondary);font-size:.9rem}.table-responsive{max-width:100%;overflow-x:auto;width:100%}.simple-table{border-collapse:collapse;width:100%}.simple-table td,.simple-table th{border-bottom:1px solid var(--color-border-light);padding:12px 14px;text-align:left}.simple-table thead th{background:var(--color-bg-primary);font-weight:600}.empty-state{color:var(--color-text-secondary)}.empty-state,.export-btn{align-items:center;display:inline-flex;gap:8px}.export-btn{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;padding:8px 12px;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.export-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kpi--indigo{--kpi-color:#6366f1;--kpi-bg:#eef2ff}.kpi--coral{--kpi-color:#fb7185;--kpi-bg:#fee2e2}.kpi--teal{--kpi-color:#14b8a6;--kpi-bg:#ccfbf1}.kpi--soft-yellow{--kpi-color:#facc15;--kpi-bg:#fef9c3}.kpi--purple{--kpi-color:#a78bfa;--kpi-bg:#ede9fe}.kpi-card.kpi--coral,.kpi-card.kpi--indigo,.kpi-card.kpi--purple,.kpi-card.kpi--soft-yellow,.kpi-card.kpi--teal{background:var(--kpi-bg);border-color:#0000}.kpi-card.kpi--coral .kpi-icon,.kpi-card.kpi--indigo .kpi-icon,.kpi-card.kpi--purple .kpi-icon,.kpi-card.kpi--soft-yellow .kpi-icon,.kpi-card.kpi--teal .kpi-icon{background:#0000;color:var(--kpi-color)}.kpi-card .kpi-label{color:#374151;font-size:13px;font-weight:500;margin-top:6px}.kpi-card .kpi-value{color:#111827;font-size:22px;font-weight:700;text-align:left}.db-toolbar{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.db-total{color:var(--color-text-secondary);font-size:12px}.db-toolbar .btn-figma{display:none}.chart-cta{display:flex;justify-content:flex-end;padding-top:8px}.view-link{align-items:center;color:#6366f1;display:inline-flex;font-size:12px;gap:6px;text-decoration:none}.view-link:hover{text-decoration:underline}.consumed-controls{justify-content:space-between;margin-bottom:12px}.consumed-controls,.db-pagination{align-items:center;display:flex;gap:12px}.db-pagination{justify-content:center;padding:8px 0}.page-info{color:var(--color-text-secondary);font-size:12px}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.kpi-grid{gap:8px;grid-template-columns:1fr}.kpi-card{border-radius:10px;padding:10px 12px}.kpi-head{gap:6px;margin-bottom:4px}.kpi-label{font-size:12px}.kpi-card .kpi-value,.kpi-value{font-size:20px}.simple-table{font-size:12px}.simple-table td,.simple-table th{padding:8px 10px;white-space:normal}.simple-table tbody td:nth-child(4),.simple-table thead th:nth-child(4){display:none}.table-responsive{overflow-x:hidden}}.dashv2-container{display:flex;justify-content:center;width:100%}.dashv2-content{max-width:760px;width:100%}.dashv2-content,.dashv2-section{box-sizing:border-box;padding:12px}.dashv2-section{background:#fff;border:1px solid var(--color-border-light);border-radius:12px;margin-bottom:12px}.dashv2-title{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.dashv2-subtitle{color:var(--color-text-secondary);font-size:13px;margin:4px 0 0}.dashv2-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.dashv2-kpis{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashv2-kpis.low{grid-template-columns:repeat(3,minmax(0,1fr))}.dashv2-kpi{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:12px;box-sizing:border-box;padding:10px 12px;width:100%}.dashv2-kpi .kpi-head{align-items:center;display:flex;gap:8px;margin-bottom:4px}.dashv2-kpi .kpi-label{color:#374151;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashv2-kpi .kpi-value{color:#111827;font-size:22px;font-weight:700}.dashv2-toolbar{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px;padding:8px 10px}.dashv2-toolbar,.dashv2-toolbar-skel{align-items:center;display:flex;justify-content:space-between}.dashv2-toolbar-skel{margin:6px 0 8px}.dashv2-chart{height:220px;width:100%}.dashv2-cta{display:flex;justify-content:flex-end;padding-top:6px}.dashv2-table-wrap{overflow-x:auto;width:100%}.dashv2-controls{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}@keyframes dashv2Shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashv2-skel{animation:dashv2Shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:10px}.dashv2-skel.kpi{height:62px}.dashv2-skel.chart{height:220px}.dashv2-skel.title{height:18px;margin-bottom:6px;width:160px}.dashv2-skel.pill{border-radius:9999px;height:24px;width:120px}.dashv2-skel.row{height:14px;margin:10px 0}.dashv2-skeleton-grid{grid-gap:8px;display:grid;gap:8px}.dashv2-skeleton-kpis{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashv2-skeleton-charts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.dashv2-skeleton-table{padding-top:8px}.dashv2-skeleton-table .dashv2-skel.row{height:12px}@media (min-width:900px){.dashv2-content{max-width:1100px}}@media (max-width:430px){.dashv2-chart{height:200px}.dashv2-content{padding:10px}.dashv2-kpi{padding:8px}.dashv2-kpi .kpi-value{font-size:18px}.dashv2-kpi .kpi-label{font-size:12px}}@media (min-width:900px){.dashv2-charts{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dashv2-charts .dashv2-section{height:100%}.dashv2-skeleton-charts{grid-template-columns:1fr 1fr}}.dashv2-kpi.kpi--indigo{background:#eef2ff;border-color:#0000}.dashv2-kpi.kpi--coral{background:#fee2e2;border-color:#0000}.dashv2-kpi.kpi--teal{background:#ccfbf1;border-color:#0000}.dashv2-kpi.kpi--soft-yellow{background:#fef9c3;border-color:#0000}.dashv2-kpi.kpi--purple{background:#ede9fe;border-color:#0000}.subscription-container{background:var(--color-background);color:var(--color-text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.subscription-header{margin-bottom:48px;padding:32px 0;text-align:center}.header-content h1{color:var(--color-text-primary);font-size:36px;font-weight:700;margin:0 0 16px}.header-content p{color:var(--color-text-secondary);font-size:18px;margin:0}.billing-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:16px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:32px;max-width:300px;padding:16px}.billing-toggle span{color:var(--color-text-secondary);font-weight:500;transition:color .2s ease}.billing-toggle span.active{color:var(--color-primary);font-weight:600}.toggle-switch{background:var(--color-border);border:none;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .3s ease;width:48px}.toggle-switch.yearly{background:var(--color-primary)}.toggle-slider{background:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.yearly .toggle-slider{transform:translateX(24px)}.savings-badge{background:#dcfce7;border-radius:12px;color:#166534;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}@media (min-width:1200px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;padding:32px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.plan-card.popular{border-color:var(--color-primary);box-shadow:0 4px 16px #3b82f633}.plan-card.recommended{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b33}.popular-badge,.recommended-badge{border-radius:20px;font-size:12px;font-weight:600;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.popular-badge{background:var(--color-primary);color:#fff}.recommended-badge{background:#f59e0b;color:#fff}.plan-header{margin-bottom:24px;text-align:center}.plan-icon{align-items:center;background:var(--color-primary-light);border-radius:16px;color:var(--color-primary);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.plan-name{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.plan-description{color:var(--color-text-secondary);font-size:14px;margin:0}.plan-pricing{background:var(--color-surface-secondary);border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.currency{font-size:20px;font-weight:600}.amount,.currency{color:var(--color-text-primary)}.amount{font-size:48px;font-weight:700}.period{color:var(--color-text-secondary);font-size:16px}.free-badge{background:#dcfce7;color:#166534;text-transform:uppercase}.free-badge,.yearly-savings{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.yearly-savings{background:#fef3c7;color:#92400e}.plan-features{flex-grow:1;margin-bottom:24px}.plan-features h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.features-list{list-style:none;margin:0 0 24px;padding:0}.feature-item{align-items:center;color:var(--color-text-primary);display:flex;gap:12px;padding:8px 0}.check-icon{color:#10b981;flex-shrink:0}.limitations{border-top:1px solid var(--color-border);padding-top:16px}.limitations h4{color:var(--color-text-secondary);font-size:14px;font-weight:600;margin:0 0 12px}.limitations-list{list-style:none;margin:0;padding:0}.limitation-item{color:var(--color-text-secondary);font-size:14px;padding:4px 0}.limitation-text{opacity:.7}.plan-actions{display:flex;flex-direction:column;gap:12px}.plan-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease}.plan-button.basic,.plan-button.premier{background:var(--color-primary);color:#fff}.plan-button.diamond{background:#f59e0b;color:#fff}.plan-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.plan-demo{background:#0000;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.plan-demo:hover{border-color:var(--color-primary);color:var(--color-primary)}.faq-section{border-top:1px solid var(--color-border);margin-bottom:48px;padding:48px 0}.faq-section h2{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.faq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.faq-item h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.faq-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.contact-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:48px;text-align:center}.contact-section h2{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 16px}.contact-section p{color:var(--color-text-secondary);font-size:16px;margin:0 0 32px}.contact-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.contact-button.primary{background:var(--color-primary);color:#fff}.contact-button.secondary{background:#0000;border:2px solid var(--color-border);color:var(--color-text-primary)}.contact-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.contact-button.primary:hover{background:var(--color-primary-dark)}.contact-button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.subscription-container{padding:16px}.header-content h1{font-size:28px}.header-content p{font-size:16px}.plans-grid{gap:16px;grid-template-columns:1fr}.plan-card{padding:24px}.amount{font-size:36px}.faq-grid{grid-template-columns:1fr}.contact-actions{align-items:center;flex-direction:column}.contact-button{max-width:300px;width:100%}}@media (prefers-color-scheme:dark){.plan-card{box-shadow:0 2px 8px #0000004d}.plan-card:hover{box-shadow:0 8px 24px #0006}}.notification-container{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:9999}.notification{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;gap:var(--spacing-md);max-width:100%;min-width:300px;opacity:0;overflow:hidden;padding:var(--spacing-md);pointer-events:auto;position:relative;transform:translateX(100%);transition:all var(--transition-slow)}.notification:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-xl);transform:translateX(0) translateY(-2px)}.notification:hover .notification-icon{animation:notificationPulse .6s ease-in-out;transform:scale(1.1)}.notification:hover .notification-close{opacity:1;transform:scale(1.1)}.notification-visible{opacity:1;transform:translateX(0)}.notification-exiting{opacity:0;transform:translateX(100%)}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;position:relative;transition:all var(--transition-fast);width:24px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xs)}.notification-message{word-wrap:break-word;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.notification-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;opacity:.7;transition:all var(--transition-fast);width:24px}.notification-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);opacity:1;transform:rotate(90deg)}.notification-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.notification-close:active{transform:rotate(90deg) scale(.95)}.notification-success{border-left:4px solid var(--color-success)}.notification-success .notification-icon{background:#22c55e1a;color:var(--color-success)}.notification-success:hover{background:#22c55e05;border-left-color:#10b981}.notification-error{border-left:4px solid var(--color-error)}.notification-error .notification-icon{background:#ef44441a;color:var(--color-error)}.notification-error:hover{background:#ef444405;border-left-color:#ef4444}.notification-warning{border-left:4px solid var(--color-warning)}.notification-warning .notification-icon{background:#fbbf241a;color:var(--color-warning)}.notification-warning:hover{background:#fbbf2405;border-left-color:#f59e0b}.notification-info{border-left:4px solid var(--color-info)}.notification-info .notification-icon{background:#3b82f61a;color:var(--color-info)}.notification-info:hover{background:#3b82f605;border-left-color:#06b6d4}@media (max-width:768px){.notification-container{gap:6px;left:auto;max-width:280px;right:var(--spacing-sm);top:var(--spacing-sm)}.notification{border-radius:8px;box-shadow:var(--shadow-md);gap:8px;max-width:280px;min-width:0;padding:8px 10px}.notification-title{font-size:12px;line-height:1.35;margin-bottom:2px}.notification-message{font-size:12px;line-height:1.4}.notification-close,.notification-icon{height:20px;width:20px}}.dark-theme .notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-elevated);border-color:var(--color-border-medium);box-shadow:0 10px 25px -5px #00000040,0 4px 6px -4px #00000026}.dark-theme .notification:hover{background:#1f2937f2;border-color:var(--color-border-dark);box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000040}.dark-theme .notification-close{color:var(--color-text-tertiary)}.dark-theme .notification-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dark-theme .notification-success:hover{background:#10b98108}.dark-theme .notification-error:hover{background:#ef444408}.dark-theme .notification-warning:hover{background:#f59e0b08}.dark-theme .notification-info:hover{background:#06b6d408}.notification:nth-child(2){transform:translateX(100%) translateY(-8px)}.notification:nth-child(2).notification-visible{transform:translateX(0) translateY(-8px)}.notification:nth-child(3){transform:translateX(100%) translateY(-16px)}.notification:nth-child(3).notification-visible{transform:translateX(0) translateY(-16px)}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes notificationShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes notificationGlow{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl),0 0 20px #fb718526}}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%) rotateY(90deg)}to{opacity:1;transform:translateX(0) rotateY(0deg)}}@keyframes notificationBounceIn{0%{opacity:0;transform:translateX(100%) scale(.3)}50%{transform:translateX(-10px) scale(1.05)}70%{transform:translateX(5px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.notification-visible.notification-bounce{animation:notificationBounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.notification:hover:before{animation:notificationShimmer 2s ease-in-out;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.dark-theme .notification:hover:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}.App{background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;text-align:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.modern-loader-container *{box-sizing:border-box}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-error-message{animation:slideDown .3s ease-out;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#721c24;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.loading-container p{color:#666;font-size:16px;margin:0}
/*# sourceMappingURL=main.4d82dc31.css.map*/