.modern-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}@supports (backdrop-filter: blur(5px)){@media(min-width:641px){.modern-scanner-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modern-scanner-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 40px #667eea4d;border:1px solid rgba(102,126,234,.2);animation:containerSlideUp .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes containerSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.scanner-header-modern{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid rgba(255,255,255,.1)}.scanner-title-modern{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:700;margin:0}.scanner-title-modern svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.scanner-close-modern{background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.scanner-close-modern:hover{background:#ffffff40;transform:rotate(90deg)}.scanner-body-modern{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.video-wrapper-modern{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 0 20px #667eea1a}.scanner-video-modern{width:100%;height:100%;object-fit:cover;display:block}.scanner-overlay-modern{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.scan-frame-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:60%;border:2px solid rgba(102,126,234,.5);border-radius:8px;box-shadow:0 0 20px #667eea4d,inset 0 0 20px #667eea1a}.corner-modern{position:absolute;width:40px;height:40px;border:3px solid #4ade80}.corner-modern.top-left{top:-8px;left:-8px;border-right:none;border-bottom:none}.corner-modern.top-right{top:-8px;right:-8px;border-left:none;border-bottom:none}.corner-modern.bottom-left{bottom:-8px;left:-8px;border-right:none;border-top:none}.corner-modern.bottom-right{bottom:-8px;right:-8px;border-left:none;border-top:none}.scan-line-modern{position:absolute;top:50%;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#4ade80,transparent);animation:scanLine 2s ease-in-out infinite;box-shadow:0 0 10px #4ade80}@keyframes scanLine{0%,to{top:30%}50%{top:70%}}.detection-info-modern{display:flex;justify-content:center;padding:12px 16px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.status-indicator{display:flex;align-items:center;gap:10px;color:#a0aec0;font-size:14px;font-weight:500}.status-dot{width:10px;height:10px;border-radius:50%;background:#64748b;transition:all .3s ease}.status-dot.active{background:#4ade80;box-shadow:0 0 10px #4ade80;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 10px #4ade80}50%{box-shadow:0 0 20px #4ade80}}.scanner-error-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;background:linear-gradient(135deg,#ef44441a,#dc26260d);border-radius:12px;border:1px solid rgba(239,68,68,.3);color:#fca5a5;text-align:center}.scanner-error-modern svg{color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.scanner-error-modern h3{font-size:18px;font-weight:600;margin:0;color:#fecaca}.scanner-error-modern p{font-size:14px;margin:0;color:#fca5a5}.error-hint{font-size:12px;opacity:.8}.scanner-divider-modern{display:flex;align-items:center;gap:12px;color:#64748b;font-size:13px;font-weight:500;margin:8px 0}.scanner-divider-modern:before,.scanner-divider-modern:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#475569,transparent)}.manual-form-modern{display:flex;gap:10px}.manual-input-modern{flex:1;padding:12px 16px;background:#1e293bcc;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#e2e8f0;font-size:14px;font-weight:500;transition:all .3s ease}.manual-input-modern:focus{outline:none;border-color:#667eea;background:#1e293bf2;box-shadow:0 0 0 3px #667eea33}.manual-input-modern::placeholder{color:#64748b}.manual-btn-modern{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #667eea66}.manual-btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.manual-btn-modern:active{transform:translateY(0)}@media(max-width:640px){.modern-scanner-container{width:95%;max-height:95vh;border-radius:16px}.scanner-header-modern{padding:16px}.scanner-body-modern{padding:16px;gap:16px}.scanner-title-modern{font-size:18px}.scanner-title-modern svg{animation:none}.scan-line-modern{animation:none;opacity:.5}.status-dot.active{animation:none}.scan-frame-modern{width:80%;height:70%}.corner-modern{width:32px;height:32px;border-width:2px}.manual-form-modern{flex-direction:column}.manual-btn-modern{width:100%}}.scanner-body-modern::-webkit-scrollbar{width:6px}.scanner-body-modern::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.scanner-body-modern::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.scanner-body-modern::-webkit-scrollbar-thumb:hover{background:#667eea80}.petty-cash-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.petty-cash-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#94a3b833;box-shadow:0 20px 25px #00000080,0 0 40px #10b9811a}}.petty-cash-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#10b981,#059669);color:#fff;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-modal-header{border-bottom-color:#94a3b833}}.petty-cash-modal-header h2{margin:0;font-size:24px;font-weight:700}.petty-cash-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.petty-cash-modal-close:hover{opacity:.8}.petty-cash-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#fff;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-modal-content{background:linear-gradient(135deg,#1e293b,#0f172a)}}.petty-cash-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-section{background:#1e293b80;border-color:#94a3b833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.petty-cash-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.petty-cash-section-title{margin:0;font-size:16px;font-weight:600;color:#1f2937;transition:color .2s ease}@media(prefers-color-scheme:dark){.petty-cash-section-title{color:#e2e8f0}}.petty-cash-add-line-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.petty-cash-add-line-btn:hover{background-color:#059669}@media(prefers-color-scheme:dark){.petty-cash-add-line-btn{background:linear-gradient(135deg,#10b981,#059669)}.petty-cash-add-line-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}}.petty-cash-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.petty-cash-form-group{display:flex;flex-direction:column}.petty-cash-form-group-full{grid-column:1 / -1}.petty-cash-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px;transition:color .2s ease}@media(prefers-color-scheme:dark){.petty-cash-form-group label{color:#cbd5e1}}.petty-cash-input,.petty-cash-select,.petty-cash-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;color:#1f2937;transition:all .2s}@media(prefers-color-scheme:dark){.petty-cash-input,.petty-cash-select,.petty-cash-textarea{border-color:#94a3b84d;background-color:#0f172a80;color:#e2e8f0}}.petty-cash-input::placeholder,.petty-cash-select::placeholder,.petty-cash-textarea::placeholder{color:#9ca3af}@media(prefers-color-scheme:dark){.petty-cash-input::placeholder,.petty-cash-select::placeholder,.petty-cash-textarea::placeholder{color:#64748b}}.petty-cash-input:focus,.petty-cash-select:focus,.petty-cash-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media(prefers-color-scheme:dark){.petty-cash-input:focus,.petty-cash-select:focus,.petty-cash-textarea:focus{background-color:#0f172acc}}.petty-cash-input-readonly{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-input-readonly{border-color:#94a3b833;background-color:#1e293b80;color:#94a3b8}}.petty-cash-textarea{resize:vertical;min-height:60px}.petty-cash-lines-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-lines-table{border-color:#94a3b833;background:#1e293b4d}}.petty-cash-lines-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#374151;text-transform:uppercase;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-lines-header{background-color:#0f172a99;border-bottom-color:#94a3b833;color:#cbd5e1}}.petty-cash-lines-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;border-bottom:1px solid #e5e7eb;align-items:center;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-lines-row{border-bottom-color:#94a3b81a}.petty-cash-lines-row:hover{background-color:#94a3b80d}}.petty-cash-lines-row:last-child{border-bottom:none}.petty-cash-lines-row:hover{background-color:#f9fafb}.petty-cash-lines-footer{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-top:2px solid #e5e7eb;font-weight:600;font-size:14px;color:#1f2937;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-lines-footer{background-color:#0f172a99;border-top-color:#94a3b833;color:#e2e8f0}}.petty-cash-lines-col-account{grid-column:1}.petty-cash-lines-col-code{grid-column:2}.petty-cash-lines-col-description{grid-column:3}.petty-cash-lines-col-debit{grid-column:4;text-align:right}.petty-cash-lines-col-credit{grid-column:5;text-align:right}.petty-cash-lines-col-action{grid-column:6;text-align:center}.petty-cash-delete-btn{background:none;border:none;color:#f87171;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.petty-cash-delete-btn:hover:not(:disabled){color:#fca5a5;background-color:#ef44441a;border-radius:4px}.petty-cash-delete-btn:disabled{color:#64748b;cursor:not-allowed}@media(prefers-color-scheme:dark){.petty-cash-delete-btn:hover:not(:disabled){background-color:#ef444433}}.petty-cash-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.petty-cash-alert-error{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}@media(prefers-color-scheme:dark){.petty-cash-alert-error{background-color:#ef444426;color:#fca5a5;border-color:#ef444466}}.petty-cash-alert-success{background-color:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}@media(prefers-color-scheme:dark){.petty-cash-alert-success{background-color:#10b98126;color:#6ee7b7;border-color:#10b98166}}.petty-cash-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end;transition:all .2s ease}@media(prefers-color-scheme:dark){.petty-cash-modal-footer{border-top-color:#94a3b833;background-color:#0f172a80}}.petty-cash-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.petty-cash-btn:disabled{opacity:.5;cursor:not-allowed}.petty-cash-btn-cancel{background-color:#e2e8f0;color:#475569;border:1px solid #cbd5e1}.petty-cash-btn-cancel:hover:not(:disabled){background-color:#cbd5e1;border-color:#94a3b8}@media(prefers-color-scheme:dark){.petty-cash-btn-cancel{background-color:#94a3b833;color:#cbd5e1;border-color:#94a3b84d}.petty-cash-btn-cancel:hover:not(:disabled){background-color:#94a3b84d;border-color:#94a3b880}}.petty-cash-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.petty-cash-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #10b9814d}@media(max-width:768px){.petty-cash-modal{max-width:95vw;max-height:95vh}.petty-cash-form-grid{grid-template-columns:1fr}.petty-cash-lines-header,.petty-cash-lines-row,.petty-cash-lines-footer{grid-template-columns:1fr;gap:8px}.petty-cash-lines-col-account,.petty-cash-lines-col-code,.petty-cash-lines-col-description,.petty-cash-lines-col-debit,.petty-cash-lines-col-credit,.petty-cash-lines-col-action{grid-column:1}.petty-cash-lines-col-debit,.petty-cash-lines-col-credit{text-align:left}.petty-cash-modal-footer{flex-direction:column-reverse}.petty-cash-btn{width:100%}}input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}input[type=number]:focus{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}input[type=text],input[type=number],input[type=date],select,textarea{color:#1f2937!important;background-color:#fff!important;min-height:36px!important;font-size:14px!important;line-height:1.5!important;border:1px solid #d1d5db!important;border-radius:.375rem!important;padding:.5rem .75rem!important;position:relative!important;z-index:1!important}:root.dark input[type=text],:root.dark input[type=number],:root.dark input[type=date],:root.dark select,:root.dark textarea{color:#f1f5f9!important;background-color:#1e293b!important;border-color:#475569!important}.create-invoice-header-buttons{display:flex!important;align-items:center!important;gap:.75rem!important}.create-invoice-header-buttons button{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:.5rem!important;border:none!important;cursor:pointer!important;transition:all .2s!important;font-size:14px!important;font-weight:500!important}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}input[type=text]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:#9ca3af}:root.dark input[type=text]::placeholder,:root.dark input[type=number]::placeholder,:root.dark textarea::placeholder{color:#64748b}input[readonly]{background-color:#f3f4f6!important;color:#4b5563!important}:root.dark input[readonly]{background-color:#0f172a!important;color:#cbd5e1!important}.fixed.inset-0{animation:fadeIn .2s ease-in-out}.bg-white.rounded-lg.shadow-2xl{animation:slideUp .3s ease-out}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input,select,textarea{transition:all .2s ease;color-scheme:light dark}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #9333ea1a}@media(prefers-color-scheme:dark){input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #9333ea4d}}.divide-y.divide-purple-200>div:hover{background-color:#9333ea0d}@media(prefers-color-scheme:dark){.divide-y.divide-slate-700>div:hover{background-color:#9333ea1a}}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media(prefers-color-scheme:dark){button:not(:disabled):hover{box-shadow:0 4px 12px #0000004d}}button:disabled{cursor:not-allowed;opacity:.6}.bg-gradient-to-r.from-purple-600.to-purple-800{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.bg-gradient-to-br.from-purple-50.to-purple-100{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}label input[type=radio]{cursor:pointer}label input[type=radio]:checked+span{font-weight:600;box-shadow:0 0 0 3px #9333ea1a}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar{width:8px}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-track{background:#f1f5f9}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(prefers-color-scheme:dark){.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-track{background:#1e293b}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.max-h-\[80vh\].overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#64748b}}.bg-red-50.border.border-red-200,.bg-green-100.rounded.border.border-green-300{animation:slideDown .3s ease-out}@media(prefers-color-scheme:dark){.bg-red-900.border.border-red-700,.bg-emerald-900.rounded.border.border-emerald-700{animation:slideDown .3s ease-out}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.grid.grid-cols-2{grid-template-columns:1fr}.grid.grid-cols-6{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.max-w-5xl{max-width:100%}}.salary-management-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.salary-management-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb}.dark .salary-management-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#94a3b833;box-shadow:0 20px 25px #00000080,0 0 40px #10b9811a}.salary-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.salary-management-modal-header h2{margin:0;font-size:24px;font-weight:700}.salary-management-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.salary-management-modal-close:hover{opacity:.8}.salary-management-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#fff}.dark .salary-management-modal-content{background:linear-gradient(135deg,#1e293b,#0f172a)}.salary-management-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.dark .salary-management-section{background:#1e293b80;border-color:#94a3b833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.salary-management-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.salary-management-section-title{margin:0;font-size:16px;font-weight:600;color:#1f2937}.dark .salary-management-section-title{color:#e2e8f0}.salary-management-add-line-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.salary-management-add-line-btn:hover{background-color:#059669}.dark .salary-management-add-line-btn{background:linear-gradient(135deg,#10b981,#059669)}.dark .salary-management-add-line-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.salary-management-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.salary-management-form-group{display:flex;flex-direction:column}.salary-management-form-group-full{grid-column:1 / -1}.salary-management-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.dark .salary-management-form-group label{color:#cbd5e1}.salary-management-input,.salary-management-select,.salary-management-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;color:#1f2937;transition:all .2s}.dark .salary-management-input,.dark .salary-management-select,.dark .salary-management-textarea{border-color:#94a3b84d;background-color:#0f172a80;color:#e2e8f0}.salary-management-input::placeholder,.salary-management-select::placeholder,.salary-management-textarea::placeholder{color:#9ca3af}.dark .salary-management-input::placeholder,.dark .salary-management-select::placeholder,.dark .salary-management-textarea::placeholder{color:#64748b}.salary-management-input:focus,.salary-management-select:focus,.salary-management-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dark .salary-management-input:focus,.dark .salary-management-select:focus,.dark .salary-management-textarea:focus{background-color:#0f172acc}.salary-management-input-readonly{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.dark .salary-management-input-readonly{border-color:#94a3b833;background-color:#1e293b80;color:#94a3b8}.salary-management-textarea{resize:vertical;min-height:60px}.salary-management-lines-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.dark .salary-management-lines-table{border-color:#94a3b833;background:#1e293b4d}.salary-management-lines-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#374151;text-transform:uppercase}.dark .salary-management-lines-header{background-color:#0f172a99;border-bottom-color:#94a3b833;color:#cbd5e1}.salary-management-lines-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;border-bottom:1px solid #e5e7eb;align-items:center}.dark .salary-management-lines-row{border-bottom-color:#94a3b81a}.salary-management-lines-row:last-child{border-bottom:none}.salary-management-lines-row:hover{background-color:#f9fafb}.dark .salary-management-lines-row:hover{background-color:#94a3b80d}.salary-management-lines-footer{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-top:2px solid #e5e7eb;font-weight:600;font-size:14px;color:#1f2937}.dark .salary-management-lines-footer{background-color:#0f172a99;border-top-color:#94a3b833;color:#e2e8f0}.salary-management-lines-col-account{grid-column:1}.salary-management-lines-col-code{grid-column:2}.salary-management-lines-col-description{grid-column:3}.salary-management-lines-col-debit{grid-column:4;text-align:right}.salary-management-lines-col-credit{grid-column:5;text-align:right}.salary-management-lines-col-action{grid-column:6;text-align:center}.salary-management-delete-btn{background:none;border:none;color:#f87171;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.salary-management-delete-btn:hover:not(:disabled){color:#fca5a5;background-color:#ef44441a;border-radius:4px}.salary-management-delete-btn:disabled{color:#64748b;cursor:not-allowed}.salary-management-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500}.salary-management-alert-error{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.salary-management-alert-success{background-color:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.salary-management-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(148,163,184,.2);background-color:#0f172a80;justify-content:flex-end}.salary-management-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.salary-management-btn:disabled{opacity:.5;cursor:not-allowed}.salary-management-btn-cancel{background-color:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.salary-management-btn-cancel:hover:not(:disabled){background-color:#94a3b84d;border-color:#94a3b880}.salary-management-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.salary-management-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #10b9814d}@media(max-width:768px){.salary-management-modal{max-width:95vw;max-height:95vh}.salary-management-form-grid{grid-template-columns:1fr}.salary-management-lines-header,.salary-management-lines-row,.salary-management-lines-footer{grid-template-columns:1fr;gap:8px}.salary-management-lines-col-account,.salary-management-lines-col-code,.salary-management-lines-col-description,.salary-management-lines-col-debit,.salary-management-lines-col-credit,.salary-management-lines-col-action{grid-column:1}.salary-management-lines-col-debit,.salary-management-lines-col-credit{text-align:left}.salary-management-modal-footer{flex-direction:column-reverse}.salary-management-btn{width:100%}}.capital-investment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.capital-investment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.capital-investment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.capital-investment-modal-header h2{margin:0;font-size:24px;font-weight:700}.capital-investment-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.capital-investment-modal-close:hover{opacity:.8}.capital-investment-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.capital-investment-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.capital-investment-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.capital-investment-section-title{margin:0;font-size:16px;font-weight:600;color:#1f2937}.capital-investment-add-line-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.capital-investment-add-line-btn:hover{background-color:#2563eb}.capital-investment-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.capital-investment-form-group{display:flex;flex-direction:column}.capital-investment-form-group-full{grid-column:1 / -1}.capital-investment-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.capital-investment-input,.capital-investment-select,.capital-investment-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.capital-investment-input:focus,.capital-investment-select:focus,.capital-investment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.capital-investment-input-readonly{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.capital-investment-textarea{resize:vertical;min-height:60px}.capital-investment-lines-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.capital-investment-lines-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#374151;text-transform:uppercase}.capital-investment-lines-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;border-bottom:1px solid #e5e7eb;align-items:center}.capital-investment-lines-row:last-child{border-bottom:none}.capital-investment-lines-row:hover{background-color:#f9fafb}.capital-investment-lines-footer{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 80px;gap:12px;padding:12px;background-color:#f3f4f6;border-top:2px solid #e5e7eb;font-weight:600;font-size:14px;color:#1f2937}.capital-investment-lines-col-account{grid-column:1}.capital-investment-lines-col-code{grid-column:2}.capital-investment-lines-col-description{grid-column:3}.capital-investment-lines-col-debit{grid-column:4;text-align:right}.capital-investment-lines-col-credit{grid-column:5;text-align:right}.capital-investment-lines-col-action{grid-column:6;text-align:center}.capital-investment-delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.capital-investment-delete-btn:hover:not(:disabled){color:#dc2626}.capital-investment-delete-btn:disabled{color:#d1d5db;cursor:not-allowed}.capital-investment-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500}.capital-investment-alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.capital-investment-alert-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.capital-investment-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.capital-investment-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.capital-investment-btn:disabled{opacity:.5;cursor:not-allowed}.capital-investment-btn-cancel{background-color:#e5e7eb;color:#374151}.capital-investment-btn-cancel:hover:not(:disabled){background-color:#d1d5db}.capital-investment-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.capital-investment-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #667eea66}@media(max-width:768px){.capital-investment-modal{max-width:95vw;max-height:95vh}.capital-investment-form-grid{grid-template-columns:1fr}.capital-investment-lines-header,.capital-investment-lines-row,.capital-investment-lines-footer{grid-template-columns:1fr;gap:8px}.capital-investment-lines-col-account,.capital-investment-lines-col-code,.capital-investment-lines-col-description,.capital-investment-lines-col-debit,.capital-investment-lines-col-credit,.capital-investment-lines-col-action{grid-column:1}.capital-investment-lines-col-debit,.capital-investment-lines-col-credit{text-align:left}.capital-investment-modal-footer{flex-direction:column-reverse}.capital-investment-btn{width:100%}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{cursor:auto!important}button,a{cursor:pointer!important}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{cursor:text!important}.loading-spinner,.spinner,[class*=spinner],[class*=loader]{display:none!important}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.sidebar-nav{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}body,html{overflow-x:hidden;width:100%;max-width:100vw}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:30;pointer-events:auto}.mobile-sidebar{position:fixed;top:0;left:0;height:100vh;width:256px;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto}.mobile-sidebar.open{transform:translate(0)}.mobile-header{height:56px;padding:0 8px;gap:8px}.view-edit-toggle-mobile{padding:6px 8px;font-size:12px;gap:4px}.view-edit-toggle-mobile .icon{width:12px;height:12px}.touch-target{min-height:44px;min-width:44px}.company-name-mobile{display:none}.status-dot-mobile{width:8px;height:8px}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}nav button{pointer-events:auto;cursor:pointer}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.tab-navigation-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation-mobile::-webkit-scrollbar{display:none}.mobile-tab-button{min-width:fit-content;flex-shrink:0;padding:.75rem 1rem;font-size:.875rem}.sticky{z-index:20!important}.tab-container{position:relative;z-index:10}.overflow-x-auto{contain:layout style;isolation:isolate}.modern-store-operations .flex{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;gap:4px;contain:layout style;isolation:isolate}.modern-store-operations .flex::-webkit-scrollbar{display:none}.modern-store-operations .flex button{flex-shrink:0;min-width:fit-content;white-space:nowrap;padding:.5rem .75rem;font-size:.75rem;border-radius:6px}.modern-stock-control .input-with-scan{display:flex!important;gap:10px!important;align-items:stretch!important}.modern-stock-control .input-with-scan input{flex:1!important;min-width:0!important;padding:14px 16px!important;font-size:16px!important;border-radius:10px!important;border:2px solid #e2e8f0!important;height:auto!important;width:auto!important}.modern-stock-control .scan-btn{padding:14px 16px!important;min-width:60px!important;max-width:60px!important;border-radius:10px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#4299e1,#3182ce)!important;border:none!important}.modern-stock-control .scan-btn svg{width:20px!important;height:20px!important}.modern-stock-control .form-actions{flex-direction:column;gap:10px}.modern-stock-control .save-btn,.modern-stock-control .cancel-btn{width:100%;padding:14px 20px;font-size:16px;justify-content:center}.pos-system{display:flex;flex-direction:column;gap:1rem}.pos-cart{order:1}.pos-menu{order:2}.tools-manager-page input,.tools-manager-page select,.tools-manager-page textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.tools-manager-page .form-group{width:100%!important;max-width:100%!important}.tools-manager-page .form-input{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.material-consumption-page input,.material-consumption-page select,.material-consumption-page textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.material-consumption-page .form-group{width:100%!important;max-width:100%!important}.material-consumption-page .form-input{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.material-consumption-page .form-grid{grid-template-columns:1fr!important;gap:12px!important}.material-consumption-page .modal-body{padding:16px!important}.material-consumption-page .modern-modal{width:95%!important;max-width:95%!important;margin:0 auto!important}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],select,textarea{max-width:100%!important;box-sizing:border-box!important}.modal-overlay{padding:10px!important}.modern-modal,.modal-content{max-width:95vw!important;width:95%!important;margin:0 auto!important;box-sizing:border-box!important}.form-grid,.form-row{grid-template-columns:1fr!important;gap:12px!important}.records-table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important}.records-table thead,.records-table tbody,.records-table tr,.records-table th,.records-table td{display:table-cell!important}.actions{display:flex!important;gap:6px!important;flex-wrap:nowrap!important}.btn-icon{padding:6px!important;min-width:32px!important;min-height:32px!important}.dashboard-container,.records-container,.reports-container{padding:12px!important;overflow-x:hidden!important}.summary-card,.site-card,.material-card,.site-list-item{margin:0!important;max-width:100%!important;box-sizing:border-box!important}.tool-name,.material-name,.material-name-list,.site-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}}@media(max-width:480px){.mobile-header{height:52px;padding:0 4px;gap:4px}.view-edit-toggle-mobile{padding:4px 6px;font-size:11px}.hide-on-small-mobile{display:none!important}.main-content-mobile{padding:8px 4px}.tools-manager-page{padding:8px!important;gap:8px!important}.manager-header{padding:12px!important}.manager-header h1{font-size:16px!important}.manager-header p{font-size:11px!important}.tab-button{padding:8px 10px!important;font-size:10px!important}.summary-card{padding:10px!important;gap:6px!important}.card-icon{width:32px!important;height:32px!important}.card-value{font-size:14px!important}.card-label{font-size:9px!important}.material-consumption-page{padding:8px!important;gap:8px!important}.consumption-header{padding:12px!important}.consumption-header h2{font-size:16px!important}.btn-primary,.btn-secondary{padding:8px 10px!important;font-size:11px!important}.filter-group{padding:8px 10px!important}.filter-group input{padding:8px 10px!important;font-size:13px!important}.dashboard-container,.records-container,.reports-container{padding:8px!important;gap:8px!important}.summary-cards{grid-template-columns:1fr!important;gap:6px!important}.site-list-header{padding:8px 10px!important}.site-list-title h3{font-size:12px!important}.material-list-row{padding:6px 8px!important;font-size:11px!important}.stat-badge{padding:2px 6px!important;font-size:10px!important}.modern-modal,.modal-content{width:98%!important;max-width:98vw!important;padding:12px!important}.modal-header,.modal-body,.modal-footer{padding:12px!important}.header-content h2{font-size:16px!important}.header-subtitle,.form-group label{font-size:11px!important}.form-input{padding:8px 10px!important;font-size:13px!important}.btn-cancel,.btn-submit{padding:8px 10px!important;font-size:12px!important}.records-table{font-size:10px!important}.records-table th,.records-table td{padding:6px 8px!important}.records-table th{font-size:9px!important}.btn-icon{padding:4px!important;min-width:28px!important;min-height:28px!important}.btn-icon svg{width:14px!important;height:14px!important}.site-card{border-radius:6px!important}.site-header{padding:8px 10px!important}.site-header h3{font-size:12px!important}.site-content{padding:8px 10px!important;gap:6px!important}.tool-item{padding:4px 6px!important;font-size:10px!important}.tool-name{max-width:100px!important}.material-card{border-radius:6px!important}.material-header{padding:6px 8px!important}.material-header h3{font-size:11px!important}.material-content{padding:6px 8px!important;gap:4px!important}.breakdown-list-item{padding:8px 10px!important}.breakdown-list-name{font-size:12px!important}.breakdown-stat-badge{padding:2px 6px!important;font-size:10px!important}.form-hint{font-size:10px!important;padding:3px 5px!important}input,select,textarea{font-size:14px!important;padding:8px 10px!important}.filter-container{flex-direction:column!important;gap:8px!important;width:100%!important}.filter-group{width:100%!important}.consumption-actions{flex-direction:column!important;gap:6px!important}.manager-tabs,.consumption-tabs{gap:0!important}}@media(min-width:768px)and (max-width:1024px){.sidebar-tablet{width:200px}.header-tablet{height:64px;padding:0 16px}}.z-sidebar-overlay{z-index:30}.z-sidebar-mobile{z-index:40}.z-header{z-index:20}.responsive-transition{transition:all .3s ease-in-out}@media(max-width:768px){.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#94a3b81a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}}.view-edit-always-visible{display:flex!important;align-items:center;gap:8px}@media(max-width:640px){.view-edit-always-visible{gap:4px}}.mobile-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}@media(min-width:640px){.mobile-text-truncate{max-width:200px}}.mobile-touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.mobile-fade-in{animation:mobileFadeIn .3s ease-in-out}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:768px){button,a{touch-action:manipulation}}@media(max-width:768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#94a3b81a}::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}}.po-table,.po-table *{box-sizing:border-box!important}.po-table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;contain:layout style!important;will-change:auto!important}@media screen and (min-width:769px){.po-table .table-header,.po-table .table-row{display:grid!important;grid-template-columns:1.2fr 1fr 1.3fr .7fr 1fr .3fr 2.2fr!important;gap:24px!important;align-items:center!important;min-height:50px!important;width:100%!important}.po-table .table-header{background:linear-gradient(135deg,#1e40af,#3b82f6)!important;color:#fff!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:16px 18px!important;border-bottom:2px solid #1d4ed8!important;font-size:12px!important}.po-table .table-row{padding:16px 18px!important;border-bottom:1px solid #e5e7eb!important;transition:background-color .2s!important;color:#1a1a1a!important;font-size:14px!important;min-height:60px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.po-table .table-row:hover{background-color:#f9fafb!important}.po-table .table-row:last-child{border-bottom:none!important}.po-table .table-row>div{display:block!important;padding:0!important;border-bottom:none!important;margin:0!important}.po-table .table-row>div:before{display:none!important;content:none!important}.po-table .col-po{font-weight:700!important;color:#2563eb!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.po-table .col-date,.po-table .col-items{text-align:center!important;white-space:nowrap!important}.po-table .col-supplier{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#000!important;font-weight:700!important;font-size:15px!important}.po-table .col-total{text-align:right!important;font-weight:700!important;white-space:nowrap!important}.po-table .col-status{text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}.po-table .col-actions{display:flex!important;flex-direction:row!important;gap:4px!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:16px!important}}@media screen and (max-width:768px){.po-table .table-header{display:none!important}.po-table .table-row{display:block!important;grid-template-columns:unset!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin-bottom:16px!important;padding:16px!important;background:#fff!important;box-shadow:0 2px 4px #0000000a!important;width:100%!important}.po-table .table-row>div{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid #f3f4f6!important;text-align:left!important;width:100%!important}.po-table .table-row>div:last-child{border-bottom:none!important}.po-table .table-row>div:before{content:attr(data-label)!important;font-weight:700!important;color:#666!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important;min-width:80px!important;flex-shrink:0!important;display:block!important}.po-table .col-actions{flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-left:0!important}.po-table .col-actions:before{display:none!important}}@media screen and (min-width:769px){.po-table .table-header>div,.po-table .table-row>div{flex:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important}.po-table .col-date,.po-table .col-items,.po-table .col-status{align-items:center!important;justify-content:center!important}.po-table .col-total{align-items:flex-end!important;justify-content:flex-end!important}.po-table .col-actions{align-items:center!important;justify-content:flex-start!important;flex-direction:row!important}}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.no-spinner:hover{cursor:text}input[type=number],input[type=month],select{color-scheme:light dark}input:focus,select:focus{box-shadow:0 0 0 3px #3b82f633}@media(prefers-color-scheme:dark){input:focus,select:focus{box-shadow:0 0 0 3px #3b82f64d}}input,select{transition:all .2s ease}.receive-goods-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.receive-goods-dialog{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:900px;width:95%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #e5e7eb;background:#fff;border-left:4px solid #10b981}.dialog-header h2{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.close-btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#1a1a1a}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 24px;background-color:#fee2e2;border-left:4px solid #dc2626;color:#991b1b;margin:0}.error-banner svg{flex-shrink:0}.progress-section{padding:12px 16px;background:#fff;border-bottom:2px solid #e5e7eb}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#666}.progress-details{color:#999;font-size:11px}.progress-bar{width:100%;height:6px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8);transition:width .3s ease}.items-section{padding:16px;flex:1;overflow-y:auto;background:#fff}.items-section h3{margin:0 0 12px;font-size:14px;font-weight:700;color:#1a1a1a}.items-table{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000a}.table-header{display:grid;grid-template-columns:2fr .8fr .8fr .7fr .9fr 1.2fr;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db;font-weight:700;font-size:11px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr .8fr .8fr .7fr .9fr 1.2fr;gap:8px;padding:10px 12px;border-bottom:1px solid #e5e7eb;align-items:center;color:#1a1a1a;font-size:12px}.col-description{font-weight:600}.col-ordered,.col-received,.col-unit{text-align:center}.qty-input{width:100%;padding:6px 8px;background-color:#fff;border:2px solid #e5e7eb;border-radius:4px;color:#1a1a1a;font-size:12px;text-align:center;transition:all .2s}.qty-input:focus{outline:none;border-color:#2563eb;background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.qty-input:disabled{background-color:#f3f4f6;color:#999;cursor:not-allowed}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.status-select{width:100%;padding:6px 8px;background-color:#fff;border:2px solid #e5e7eb;border-radius:4px;color:#1a1a1a;font-size:11px;cursor:pointer;transition:all .2s}.status-select:focus{outline:none;border-color:#2563eb;background-color:#eff6ff}.status-select:disabled{background-color:#f3f4f6;color:#999;cursor:not-allowed}.remarks-input{width:100%;padding:6px 8px;background-color:#fff;border:2px solid #e5e7eb;border-radius:4px;color:#1a1a1a;font-size:11px;transition:all .2s}.remarks-input:focus{outline:none;border-color:#2563eb;background-color:#eff6ff}.remarks-input:disabled{background-color:#f3f4f6;color:#999;cursor:not-allowed}.details-section{padding:12px 16px;background:#fff;border-top:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:10px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:#374151}.form-input,.form-textarea{width:100%;padding:6px 10px;background-color:#fff;border:2px solid #e5e7eb;border-radius:4px;color:#1a1a1a;font-size:12px;font-family:inherit;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,.form-textarea:disabled{background-color:#f3f4f6;color:#999;cursor:not-allowed}.form-input[type=number]{-moz-appearance:textfield}.summary-section{padding:10px 16px;background:#fff;border-top:2px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#666}.summary-row .value.highlight{color:#10b981}.dialog-footer{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:2px solid #e5e7eb;justify-content:flex-end;flex-wrap:wrap}.cancel-btn,.submit-btn,.action-btn{padding:8px 14px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border:2px solid;white-space:nowrap}.cancel-btn{background-color:#f3f4f6;color:#1a1a1a;border-color:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb33;border-color:#1d4ed8}.action-btn{background-color:#fff;border:2px solid #e5e7eb}.action-btn:hover:not(:disabled){opacity:.8}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;color:#666}.loading-state svg{color:#2563eb}@media(max-width:768px){.receive-goods-dialog{max-width:100%;max-height:100vh}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.dialog-footer{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.create-po-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-po-dialog{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.dark .create-po-dialog{background:#1e293b;border-color:#334155}.create-po-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e5e7eb;background:#fff;border-left:4px solid #2563eb}.dark .create-po-dialog .dialog-header{background:#0f172a;border-bottom-color:#334155;border-left-color:#60a5fa}.create-po-dialog .dialog-header h2{margin:0;font-size:20px;font-weight:700;color:#1a1a1a}.dark .create-po-dialog .dialog-header h2{color:#f1f5f9}.create-po-dialog .close-btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.dark .create-po-dialog .close-btn{color:#94a3b8}.create-po-dialog .close-btn:hover:not(:disabled){background-color:#f3f4f6;color:#1a1a1a}.dark .create-po-dialog .close-btn:hover:not(:disabled){background-color:#334155;color:#f1f5f9}.create-po-dialog .close-btn:disabled{opacity:.5;cursor:not-allowed}.create-po-dialog .error-banner{display:flex;align-items:center;gap:12px;padding:12px 24px;background-color:#fee2e2;border-left:4px solid #dc2626;color:#991b1b;margin:0}.dark .create-po-dialog .error-banner{background-color:#dc262633;color:#fca5a5}.create-po-dialog .error-banner svg{flex-shrink:0}.dialog-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;background:#fff}.dark .dialog-content{background:#0f172a}.po-header-section{background:#fff;padding:20px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a}.dark .po-header-section{background:#1e293b;border-color:#334155}.po-header-section h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#1a1a1a}.dark .po-header-section h3{color:#f1f5f9}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group label{font-size:14px;font-weight:600;color:#374151}.dark .form-group label{color:#cbd5e1}.form-input{padding:10px 12px;background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1a1a1a;font-size:14px;font-family:inherit;transition:all .2s}.dark .form-input{background-color:#0f172a;border-color:#334155;color:#f1f5f9}.form-input::placeholder{color:#999}.form-input:focus{outline:none;border-color:#2563eb;background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.dark .form-input:focus{border-color:#3b82f6;background-color:#1e293b}.form-input:disabled{background-color:#f3f4f6;color:#999;cursor:not-allowed}.dark .form-input:disabled{background-color:#1e293b;color:#64748b}.form-input::-webkit-outer-spin-button,.form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.items-section{background:#fff;padding:20px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;min-height:400px;display:flex;flex-direction:column}.dark .items-section{background:#1e293b;border-color:#334155}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.items-header h3{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.dark .items-header h3{color:#f1f5f9}.add-item-btn{padding:8px 16px;background-color:#eff6ff;border:2px solid #2563eb;border-radius:6px;color:#2563eb;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.dark .add-item-btn{background-color:#3b82f633;border-color:#3b82f6;color:#60a5fa}.add-item-btn:hover:not(:disabled){background-color:#dbeafe;border-color:#1d4ed8}.dark .add-item-btn:hover:not(:disabled){background-color:#3b82f64d;border-color:#60a5fa}.add-item-btn:disabled{opacity:.5;cursor:not-allowed}.items-table{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000a;flex:1;display:flex;flex-direction:column}.dark .items-table{background-color:#0f172a;border-color:#334155}.items-table .table-header{display:grid;grid-template-columns:2fr .8fr .8fr 1fr 1fr 1.2fr .6fr;gap:12px;padding:16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db;font-weight:700;font-size:12px;color:#374151;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.dark .items-table .table-header{background:linear-gradient(135deg,#334155,#1e293b);border-bottom-color:#475569;color:#cbd5e1}.items-table .table-row{display:grid;grid-template-columns:2fr .8fr .8fr 1fr 1fr 1.2fr .6fr;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;align-items:center;color:#1a1a1a;font-size:14px}.dark .items-table .table-row{border-bottom-color:#334155;color:#e2e8f0}.items-table .table-row:last-child{border-bottom:none}.items-table .table-row:hover{background-color:#f9fafb}.dark .items-table .table-row:hover{background-color:#1e293b}.col-total{text-align:right;font-weight:700;color:#10b981}.col-action{display:flex;justify-content:center}.delete-btn{padding:6px;background-color:#fee2e2;border:2px solid #dc2626;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dark .delete-btn{background-color:#dc262633;border-color:#ef4444;color:#f87171}.delete-btn:hover:not(:disabled){background-color:#fecaca;border-color:#b91c1c}.dark .delete-btn:hover:not(:disabled){background-color:#dc26264d;border-color:#f87171}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.summary-section{background:#fff;padding:16px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a}.dark .summary-section{background:#1e293b;border-color:#334155}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#666}.dark .summary-row{color:#94a3b8}.summary-row .value{font-weight:700;color:#1a1a1a}.dark .summary-row .value{color:#f1f5f9}.summary-row.highlight{padding:12px;background-color:#eff6ff;border-radius:6px;border:2px solid #2563eb;margin-top:8px}.dark .summary-row.highlight{background-color:#3b82f633;border-color:#3b82f6}.summary-row.highlight .value{color:#2563eb;font-size:16px}.dark .summary-row.highlight .value{color:#60a5fa}.dialog-footer{display:flex;gap:12px;padding:20px 24px;background:#fff;border-top:2px solid #e5e7eb;justify-content:flex-end}.dark .dialog-footer{background:#0f172a;border-top-color:#334155}.cancel-btn,.submit-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.cancel-btn{background-color:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.dark .cancel-btn{background-color:#334155;color:#f1f5f9;border-color:#475569}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#d1d5db}.dark .cancel-btn:hover:not(:disabled){background-color:#475569;border-color:#64748b}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb33}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb4d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.create-po-dialog{max-width:100%;max-height:100vh}.form-row{grid-template-columns:1fr}.items-table .table-header,.items-table .table-row{grid-template-columns:1fr;gap:8px}.dialog-footer{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.po-matching-container{padding:20px;background-color:#f9fafb;min-height:100vh}.dark .po-matching-container{background-color:#0f172a}.po-matching-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.dark .po-matching-header{background:#1e293b;box-shadow:0 1px 3px #0000004d}.po-matching-header h2{margin:0;font-size:24px;color:#1f2937}.dark .po-matching-header h2{color:#f1f5f9}.po-matching-refresh-btn{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.po-matching-refresh-btn:hover{background-color:#2563eb}.po-matching-search-section{position:relative;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.dark .po-matching-search-section{background:#1e293b;box-shadow:0 1px 3px #0000004d}.po-matching-search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .2s}.dark .po-matching-search-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.po-matching-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .po-matching-search-input:focus{border-color:#60a5fa}.po-matching-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.po-matching-search-clear:hover{color:#6b7280}.po-matching-error{background-color:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #dc2626}.dark .po-matching-error{background-color:#dc262633;color:#fca5a5;border-left-color:#f87171}.po-matching-loading,.po-matching-empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.dark .po-matching-loading,.dark .po-matching-empty{color:#94a3b8}.po-matching-records{display:grid;gap:20px}.po-matching-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.dark .po-matching-card{background:#1e293b;box-shadow:0 1px 3px #0000004d}.po-matching-card:hover{box-shadow:0 4px 6px #0000001a}.dark .po-matching-card:hover{box-shadow:0 4px 6px #0006}.po-matching-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.dark .po-matching-card-header{background-color:#334155;border-bottom-color:#475569}.po-matching-card-title{display:flex;align-items:center;gap:12px}.po-matching-card-title h3{margin:0;font-size:18px;color:#1f2937}.dark .po-matching-card-title h3{color:#f1f5f9}.po-matching-status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600}.po-matching-card-actions{display:flex;gap:8px}.po-matching-expand-btn,.po-matching-delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.po-matching-expand-btn{background-color:#e5e7eb;color:#374151}.dark .po-matching-expand-btn{background-color:#475569;color:#cbd5e1}.po-matching-expand-btn:hover{background-color:#d1d5db}.dark .po-matching-expand-btn:hover{background-color:#64748b}.po-matching-delete-btn{background-color:#fee2e2;color:#991b1b}.dark .po-matching-delete-btn{background-color:#dc262633;color:#fca5a5}.po-matching-delete-btn:hover{background-color:#fecaca}.dark .po-matching-delete-btn:hover{background-color:#dc26264d}.po-matching-card-info{padding:16px 20px;background-color:#fafbfc}.dark .po-matching-card-info{background-color:#0f172a}.po-matching-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.dark .po-matching-info-row{border-bottom-color:#334155}.po-matching-info-row:last-child{border-bottom:none}.po-matching-label{font-weight:600;color:#374151;min-width:150px}.dark .po-matching-label{color:#94a3b8}.po-matching-value{color:#6b7280;text-align:right;flex:1}.dark .po-matching-value{color:#cbd5e1}.po-matching-items-table{padding:16px 20px;border-top:1px solid #e5e7eb;overflow-x:auto}.dark .po-matching-items-table{border-top-color:#334155}.po-matching-items-table table{width:100%;border-collapse:collapse;font-size:14px}.po-matching-items-table thead{background-color:#f3f4f6}.dark .po-matching-items-table thead{background-color:#334155}.po-matching-items-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.dark .po-matching-items-table th{color:#cbd5e1;border-bottom-color:#475569}.po-matching-items-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#6b7280}.dark .po-matching-items-table td{border-bottom-color:#334155;color:#94a3b8}.po-matching-item-row-received{background-color:#f0fdf4}.dark .po-matching-item-row-received{background-color:#10b9811a}.po-matching-item-row-partial{background-color:#fffbeb}.dark .po-matching-item-row-partial{background-color:#f59e0b1a}.po-matching-item-row-pending{background-color:#fef2f2}.dark .po-matching-item-row-pending{background-color:#ef44441a}.po-matching-item-name{font-weight:600;color:#1f2937}.dark .po-matching-item-name{color:#f1f5f9}.po-matching-item-desc{color:#6b7280;font-size:13px}.dark .po-matching-item-desc{color:#94a3b8}.po-matching-item-qty{text-align:center;font-weight:500}.po-matching-item-diff{text-align:center}.po-matching-diff-badge{display:inline-block;padding:4px 8px;border-radius:4px;color:#fff;font-weight:600;font-size:12px}.po-matching-item-status{font-weight:600}.po-matching-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.po-matching-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px #00000026;max-width:400px;width:90%}.dark .po-matching-modal{background:#1e293b}.po-matching-modal-header{padding:20px;border-bottom:1px solid #e5e7eb}.dark .po-matching-modal-header{border-bottom-color:#334155}.po-matching-modal-header h3{margin:0;font-size:18px;color:#1f2937}.dark .po-matching-modal-header h3{color:#f1f5f9}.po-matching-modal-body{padding:20px}.po-matching-modal-body p{margin:0 0 12px;color:#374151;line-height:1.5}.dark .po-matching-modal-body p{color:#cbd5e1}.po-matching-modal-warning{color:#dc2626;font-weight:500}.dark .po-matching-modal-warning{color:#f87171}.po-matching-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.dark .po-matching-modal-footer{border-top-color:#334155}.po-matching-modal-cancel,.po-matching-modal-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.po-matching-modal-cancel{background-color:#e5e7eb;color:#374151}.dark .po-matching-modal-cancel{background-color:#475569;color:#cbd5e1}.po-matching-modal-cancel:hover{background-color:#d1d5db}.dark .po-matching-modal-cancel:hover{background-color:#64748b}.po-matching-modal-delete{background-color:#dc2626;color:#fff}.po-matching-modal-delete:hover{background-color:#b91c1c}@media(max-width:768px){.po-matching-container{padding:12px}.po-matching-header{flex-direction:column;gap:12px;align-items:flex-start}.po-matching-search-section{width:100%}.po-matching-search-input{font-size:16px}.po-matching-card-header{flex-direction:column;align-items:flex-start;gap:12px}.po-matching-card-actions{width:100%;justify-content:flex-end}.po-matching-info-row{flex-direction:column;gap:4px}.po-matching-items-table{overflow-x:auto}.po-matching-items-table table{font-size:12px}.po-matching-items-table th,.po-matching-items-table td{padding:8px}}.quotation-container{animation:fadeIn .3s ease-in-out}.quotation-modal{animation:slideUp .3s ease-out}.quotation-table{border-collapse:collapse;width:100%}.quotation-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.quotation-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #d1d5db;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.quotation-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.quotation-table tbody tr:hover{background-color:#f9fafb}.quotation-table tbody tr:nth-child(2n){background-color:#fafbfc}.quotation-table td{padding:12px 16px;color:#374151;font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-draft{background-color:#f3f4f6;color:#374151}.status-sent{background-color:#dbeafe;color:#1e40af}.status-accepted{background-color:#dcfce7;color:#166534}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-expired{background-color:#fed7aa;color:#92400e}.status-converted{background-color:#e9d5ff;color:#6b21a8}.action-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:16px}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-button.view{color:#2563eb;background-color:#eff6ff}.action-button.view:hover{background-color:#dbeafe}.action-button.edit{color:#7c3aed;background-color:#f5f3ff}.action-button.edit:hover{background-color:#ede9fe}.action-button.download{color:#16a34a;background-color:#f0fdf4}.action-button.download:hover{background-color:#dcfce7}.action-button.print{color:#9333ea;background-color:#faf5ff}.action-button.print:hover{background-color:#f3e8ff}.action-button.delete{color:#dc2626;background-color:#fef2f2}.action-button.delete:hover{background-color:#fee2e2}.action-dropdown{position:relative;display:inline-block}.action-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:180px;z-index:10;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.action-dropdown:hover .action-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.action-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#374151;text-decoration:none;font-size:14px;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:background-color .2s ease}.action-dropdown-item:hover{background-color:#f3f4f6}.action-dropdown-item.danger{color:#dc2626}.action-dropdown-item.danger:hover{background-color:#fee2e2}.search-input{position:relative}.search-input input{padding-left:36px;border-radius:8px;border:1px solid #d1d5db;transition:all .2s ease}.search-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.filter-select{border-radius:8px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:16px;color:#d1d5db}.empty-state-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-state-description{font-size:14px;color:#9ca3af;margin-bottom:24px}@media(max-width:768px){.quotation-table{font-size:12px}.quotation-table th,.quotation-table td{padding:8px 12px}.action-button{width:32px;height:32px;font-size:14px}.status-badge{padding:4px 8px;font-size:11px}.action-dropdown-menu{min-width:150px}.action-dropdown-item{padding:8px 12px;font-size:12px}}@media(max-width:640px){.quotation-container{padding:12px}.quotation-table{display:block;overflow-x:auto}.search-input input,.filter-select{font-size:16px}}@media print{.quotation-container{box-shadow:none;border:none}.action-button,.filter-select,.search-input{display:none}.quotation-table,.quotation-table tbody tr{page-break-inside:avoid}}.quotation-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#9ca3af}.quotation-loading:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#1f2937;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:12px}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.purchase-management-module{display:flex;flex-direction:column;gap:0;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.dark .purchase-management-module{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.module-header{padding:24px;background:#fff;border-bottom:2px solid #e5e7eb;border-left:4px solid #2563eb}.dark .module-header{background:#1e293b;border-bottom-color:#334155;border-left-color:#60a5fa}.header-content{display:flex;align-items:center;gap:16px}.header-content h1{margin:0;font-size:24px;font-weight:700;color:#1a1a1a}.dark .header-content h1{color:#f1f5f9}.header-content p{margin:0;font-size:14px;color:#666}.dark .header-content p{color:#94a3b8}.header-content svg{flex-shrink:0;color:#2563eb}.dark .header-content svg{color:#60a5fa}.module-tabs{display:flex;gap:0;padding:0;background:#fff;border-bottom:2px solid #e5e7eb}.dark .module-tabs{background:#1e293b;border-bottom-color:#334155}.tab-button{flex:1;padding:16px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.tab-button:hover{background-color:#f9fafb;color:#2563eb}.dark .tab-button:hover{background-color:#334155;color:#60a5fa}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;background-color:#eff6ff}.dark .tab-button.active{color:#60a5fa;border-bottom-color:#60a5fa;background-color:#60a5fa1a}.module-content{flex:1;padding:24px;overflow-y:auto;background:#fff}.dark .module-content{background:#0f172a}.search-tab{display:flex;flex-direction:column;gap:24px}.search-section{background:#fff;padding:20px;border-radius:8px;border:2px solid #2563eb;box-shadow:0 4px 12px #2563eb26}.dark .search-section{background:#1e293b;border-color:#3b82f6}.search-section h2{margin:0 0 16px;font-size:16px;font-weight:700;color:#1a1a1a}.dark .search-section h2{color:#f1f5f9}.search-type-selector{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.dark .search-type-selector{background:#0f172a;border-color:#334155}.search-type-selector label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.dark .search-type-selector label{color:#cbd5e1}.search-type-selector input[type=radio]{cursor:pointer;width:16px;height:16px}.search-form{display:flex;gap:12px}.search-input{flex:1;padding:12px 16px;background-color:#fff!important;border:2px solid #2563eb;border-radius:6px;color:#000!important;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #2563eb1a}.dark .search-input{background-color:#1e293b!important;border-color:#3b82f6;color:#f1f5f9!important}.search-input::placeholder{color:#000!important;opacity:.7!important}.dark .search-input::placeholder{color:#94a3b8!important}.search-input:focus{outline:none;border-color:#1d4ed8;background-color:#fff!important;box-shadow:0 0 0 3px #2563eb26}.dark .search-input:focus{background-color:#1e293b!important;border-color:#60a5fa}.search-input::-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000000!important;caret-color:#000!important}.dark .search-input::-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1e293b inset!important;-webkit-text-fill-color:#f1f5f9!important;caret-color:#f1f5f9!important}.search-input::-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000000!important;caret-color:#000!important}.dark .search-input::-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1e293b inset!important;-webkit-text-fill-color:#f1f5f9!important;caret-color:#f1f5f9!important}.search-input::-webkit-outer-spin-button,.search-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.search-input[type=number]{-moz-appearance:textfield}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d}.search-btn:disabled{opacity:.5;cursor:not-allowed}.po-list-section{background:#fff;padding:20px;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;overflow-x:auto}.dark .po-list-section{background:#1e293b;border-color:#334155}.po-list-section h2{margin:0 0 16px;font-size:16px;font-weight:700;color:#1a1a1a}.dark .po-list-section h2{color:#f1f5f9}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#666;text-align:center}.dark .loading-state,.dark .empty-state{color:#94a3b8}.loading-state svg,.empty-state svg{font-size:32px;color:#2563eb}.po-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000a;width:100%;min-width:800px}.dark .po-table{background-color:#0f172a;border-color:#334155}@media(min-width:769px){.po-table{display:block;overflow-x:auto}.table-header,.table-row{display:grid!important;grid-template-columns:1.2fr 1fr 1.3fr .7fr 1fr .3fr 2.2fr!important}}.table-header{display:grid;grid-template-columns:1.2fr 1fr 1.3fr .7fr 1fr .3fr 2.2fr;gap:24px;padding:16px 18px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom:2px solid #1d4ed8;font-weight:700;font-size:12px;color:#fff!important;text-transform:uppercase;letter-spacing:.5px;align-items:center;min-height:50px}.table-header>div{color:#fff!important}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1.3fr .7fr 1fr .3fr 2.2fr;gap:24px;padding:16px 18px;border-bottom:1px solid #e5e7eb;align-items:center;color:#1a1a1a;font-size:14px;transition:background-color .2s;min-height:60px;word-wrap:break-word;overflow-wrap:break-word}.dark .table-row{border-bottom-color:#334155;color:#e2e8f0}.table-row:hover{background-color:#f9fafb}.dark .table-row:hover{background-color:#1e293b}.table-row:last-child{border-bottom:none}.col-po{font-weight:700;color:#2563eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .col-po{color:#60a5fa}.col-date,.col-items{text-align:center;white-space:nowrap}.col-supplier{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;font-weight:700;font-size:15px}.dark .col-supplier{color:#f1f5f9}.col-total{text-align:right;font-weight:700;white-space:nowrap}.col-status{text-align:center;display:flex;justify-content:center;align-items:center}.col-actions{display:flex;flex-direction:row;gap:4px;justify-content:flex-start;align-items:center;flex-wrap:nowrap;margin-left:16px}.primary-actions{display:flex;gap:4px;justify-content:flex-end}.secondary-actions{display:flex;gap:2px;justify-content:flex-end}.action-btn{padding:6px 12px;background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:4px;min-width:fit-content}.dark .action-btn{background-color:#1e293b;border-color:#334155;color:#94a3b8}.dark .action-btn:hover{background-color:#334155;color:#f1f5f9;border-color:#475569}.action-btn.icon-only{padding:5px;min-width:28px;height:28px;justify-content:center;font-size:13px;flex-shrink:0}.secondary-actions .action-btn.icon-only{padding:4px;min-width:28px;height:28px;font-size:12px}.action-btn:hover{background-color:#f9fafb;color:#1a1a1a;border-color:#d1d5db}.action-btn.view-btn{background-color:#eff6ff;border-color:#2563eb;color:#2563eb;font-size:16px}.dark .action-btn.view-btn{background-color:#3b82f633;border-color:#3b82f6;color:#60a5fa}.action-btn.view-btn:hover{background-color:#dbeafe;border-color:#1d4ed8;transform:scale(1.05)}.dark .action-btn.view-btn:hover{background-color:#3b82f64d;border-color:#60a5fa}.action-btn.receive-btn{background-color:#f0fdf4;border-color:#10b981;color:#10b981;font-size:16px}.dark .action-btn.receive-btn{background-color:#10b98133;border-color:#10b981;color:#34d399}.action-btn.receive-btn:hover{background-color:#dcfce7;border-color:#059669;transform:scale(1.05)}.dark .action-btn.receive-btn:hover{background-color:#10b9814d;border-color:#34d399}.action-btn.print-btn{background-color:#fef3c7;border-color:#f59e0b;color:#f59e0b}.dark .action-btn.print-btn{background-color:#f59e0b33;border-color:#f59e0b;color:#fbbf24}.action-btn.print-btn:hover{background-color:#fde68a;border-color:#d97706;transform:scale(1.05)}.dark .action-btn.print-btn:hover{background-color:#f59e0b4d;border-color:#fbbf24}.action-btn.download-btn{background-color:#e0e7ff;border-color:#6366f1;color:#6366f1}.dark .action-btn.download-btn{background-color:#6366f133;border-color:#6366f1;color:#818cf8}.action-btn.download-btn:hover{background-color:#c7d2fe;border-color:#4f46e5;transform:scale(1.05)}.dark .action-btn.download-btn:hover{background-color:#6366f14d;border-color:#818cf8}.action-btn.delete-btn{background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.dark .action-btn.delete-btn{background-color:#ef444433;border-color:#ef4444;color:#f87171}.action-btn.delete-btn:hover{background-color:#fee2e2;border-color:#dc2626;transform:scale(1.05)}.dark .action-btn.delete-btn:hover{background-color:#ef44444d;border-color:#f87171}.po-details-section{background:#fff;padding:20px;border-radius:8px;border:2px solid #e5e7eb;margin-top:24px;box-shadow:0 2px 4px #0000000a}.dark .po-details-section{background:#1e293b;border-color:#334155}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.dark .details-header{border-bottom-color:#334155}.details-header h2{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.dark .details-header h2{color:#f1f5f9}.close-details-btn{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s}.dark .close-details-btn{color:#94a3b8}.close-details-btn:hover{color:#1a1a1a}.dark .close-details-btn:hover{color:#f1f5f9}.details-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;padding:20px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.dark .details-info{background-color:#0f172a;border-color:#334155}.info-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.info-row .label{font-weight:700;color:#666;font-size:14px}.dark .info-row .label{color:#94a3b8}.info-row .value{color:#1a1a1a;font-size:15px}.dark .info-row .value{color:#f1f5f9}.info-row .value.highlight{color:#10b981;font-weight:700}.items-table{margin-bottom:24px}.items-table h3{margin:0 0 16px;font-size:15px;font-weight:700;color:#1a1a1a}.dark .items-table h3{color:#f1f5f9}.items-table .table-header{grid-template-columns:2fr 1fr 1fr 1fr 1fr;color:#000!important}.items-table .table-header>div{color:#000!important;font-weight:700}.items-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.items-table .col-qty,.items-table .col-unit,.items-table .col-price,.items-table .col-total{text-align:right}.details-actions{display:flex;gap:12px;justify-content:flex-end}.details-actions .action-btn{padding:10px 20px;font-size:14px}.create-tab{display:flex;align-items:center;justify-content:center;min-height:300px}.create-po-btn{padding:16px 32px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.create-po-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:1fr .8fr 1.2fr .6fr .9fr .2fr 2fr;gap:16px;padding:14px 16px}.action-btn.icon-only{padding:4px;min-width:26px;height:26px;font-size:11px}.col-actions{margin-left:8px;gap:2px}}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:1.2fr 1.3fr .7fr .1fr 1.8fr;gap:12px}.col-items,.col-date{display:none}.col-actions{margin-left:4px}.items-table .table-header,.items-table .table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.items-table .col-unit{display:none}}@media(max-width:768px){.module-content{padding:16px}.search-form{flex-direction:column}.po-table{overflow-x:visible;display:block;min-width:unset}.table-header{display:none!important}.table-row{display:block!important;grid-template-columns:unset!important;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px;background:#fff;box-shadow:0 2px 4px #0000000a}.dark .table-row{background:#1e293b;border-color:#334155}.table-row>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6;text-align:left}.table-row>div:last-child{border-bottom:none}.table-row>div:before{content:attr(data-label);font-weight:700;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;min-width:80px;flex-shrink:0}.col-actions{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.col-actions:before{display:none}.primary-actions,.secondary-actions{display:flex;gap:4px}.col-actions .action-btn{min-width:36px;height:36px}.details-info{grid-template-columns:1fr}.details-actions{flex-direction:column}.details-actions .action-btn{width:100%;justify-content:center}}.items-table .col-description,.items-table .col-qty,.items-table .col-unit,.items-table .col-price,.items-table .col-total{color:#000!important;font-weight:700!important}.items-table .table-row .col-description,.items-table .table-row .col-qty,.items-table .table-row .col-unit,.items-table .table-row .col-price,.items-table .table-row .col-total{color:#1a1a1a!important}.available-tools-page{display:flex;flex-direction:column;gap:20px;padding:24px}.btn-icon:hover{background:#dbeafe}.form-group input,.form-group select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a1a1a;transition:all .2s ease}.form-group input::placeholder{color:#999}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.tools-list{display:flex;flex-direction:column;gap:16px}.tools-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tools-table thead{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.tools-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.tools-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1a1a1a}.tools-table tbody tr:last-child td{border-bottom:none}.condition-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.condition-good{background:#dcfce7;color:#166534}.condition-fair{background:#fef3c7;color:#92400e}.condition-poor{background:#fee2e2;color:#991b1b}@media(max-width:768px){.tools-header{flex-direction:column;align-items:flex-start}.tools-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.tools-table{font-size:12px}.tools-table th,.tools-table td{padding:8px 12px}.modal-content{width:95%}}.issue-tools-page{display:flex;flex-direction:column;gap:20px;padding:24px}.tools-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.tools-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.tools-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.search-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#9ca3af}.search-container input{flex:1;border:none;outline:none;font-size:14px;font-family:inherit;color:#1a1a1a}.search-container input::placeholder{color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.modal-content h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a1a1a;transition:all .2s ease}.form-group select:focus{outline:none;border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.employees-list{display:flex;flex-direction:column;gap:12px}.loading,.empty-state{text-align:center;padding:40px 20px;color:#666}.empty-state p{font-size:16px;margin:0}.employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.employee-card:hover{box-shadow:0 2px 8px #0000001a}.employee-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.employee-header:hover{background:#f3f4f6}.employee-info{flex:1}.employee-info h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.employee-id{font-size:13px;color:#666;margin:0}.employee-details{font-size:12px;color:#9ca3af;margin:4px 0 0;display:flex;gap:8px;flex-wrap:wrap}.employee-stats{display:flex;align-items:center;gap:12px}.badge{display:inline-block;padding:4px 12px;background:#fee2e2;color:#991b1b;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.employee-tools{padding:16px;background:#fafbfc}.no-tools{text-align:center;color:#9ca3af;font-size:14px;margin:0;padding:20px}.tools-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.tools-table thead{background:#f3f4f6;border-bottom:1px solid #e5e7eb}.tools-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.tools-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:13px;color:#1a1a1a}.tools-table tbody tr:hover{background:#f9fafb}.tools-table tbody tr.received{opacity:.7}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-outstanding{background:#fee2e2;color:#991b1b}.status-received{background:#dcfce7;color:#166534}.btn-icon{padding:6px;border:none;background:transparent;color:#2563eb;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:#dbeafe}.btn-icon.btn-success{color:#16a34a}.btn-icon.btn-success:hover:not(:disabled){background:#dcfce7}.btn-icon.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;gap:8px;align-items:center}@media(max-width:768px){.tools-header{flex-direction:column;align-items:flex-start}.tools-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.employee-header{flex-direction:column;align-items:flex-start;gap:12px}.employee-stats{width:100%;justify-content:space-between}.tools-table{font-size:11px}.tools-table th,.tools-table td{padding:6px 8px}.modal-content{width:95%}}.tools-manager-page{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);min-height:100vh}.manager-header{display:flex;flex-direction:column;gap:8px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #2563eb}.manager-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.manager-header p{font-size:14px;color:#666;margin:0}.manager-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;background:#fff;padding:0;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #00000014;overflow:hidden}.tab-button{padding:14px 24px;border:none;background:transparent;color:#666;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative}.tab-button:hover{color:#2563eb;background:#f9fafb}.tab-button.active{color:#2563eb;background:#eff6ff;border-bottom-color:#2563eb}.manager-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.dashboard-container{display:flex;flex-direction:column;gap:24px;padding:24px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-label{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.card-value{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.dashboard-section h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;padding:0 0 8px;border-bottom:2px solid #e5e7eb}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.site-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.site-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#2563eb}.site-card.issued{border-left:4px solid #f59e0b}.site-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.site-header h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.site-header svg{color:#2563eb}.site-card.issued .site-header svg{color:#f59e0b}.site-content{padding:16px;display:flex;flex-direction:column;gap:12px}.site-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.stat-label{font-size:12px;color:#9ca3af;font-weight:600}.stat-value{font-size:16px;font-weight:700;color:#2563eb}.site-card.issued .stat-value{color:#f59e0b}.tools-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.tool-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border-radius:6px;font-size:12px}.tool-name{flex:1;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-condition{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.tool-condition.condition-good{background:#dcfce7;color:#166534}.tool-condition.condition-fair{background:#fef3c7;color:#92400e}.tool-condition.condition-poor{background:#fee2e2;color:#991b1b}.tool-qty{padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:600}.tool-status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.tool-status.outstanding{background:#fee2e2;color:#991b1b}.tool-status.received{background:#dcfce7;color:#166534}.tool-employee{padding:2px 8px;background:#f3f4f6;color:#666;border-radius:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}@media(max-width:768px){.tools-manager-page{padding:12px;gap:12px}.manager-header{padding:16px;gap:6px}.manager-header h1{font-size:20px}.manager-header p{font-size:12px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:12px;gap:8px}.card-icon{width:40px;height:40px}.card-value{font-size:18px}.sites-grid{grid-template-columns:1fr;gap:12px}.dashboard-container{padding:12px;gap:12px}.manager-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.manager-tabs::-webkit-scrollbar{display:none}.tab-button{padding:10px 12px;font-size:11px;flex-shrink:0;white-space:nowrap}.site-card{margin:0}.site-content{padding:12px}.tool-item{padding:6px;font-size:11px}.tool-name{max-width:120px}}@media(max-width:480px){.tools-manager-page{padding:8px;gap:8px}.manager-header{padding:12px;border-radius:8px}.manager-header h1{font-size:18px}.summary-cards{grid-template-columns:1fr;gap:8px}.summary-card{padding:10px}.card-value{font-size:16px}.dashboard-container{padding:8px;gap:8px}.tab-button{padding:8px 10px;font-size:10px}.site-card{border-radius:8px}.site-content{padding:8px;gap:8px}.tool-item{padding:4px;font-size:10px}}.dark .tools-manager-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .manager-header{background:linear-gradient(135deg,#1e293b,#334155);border-left-color:#60a5fa;box-shadow:0 2px 8px #0000004d;border-color:#334155}.dark .manager-header h1{color:#f1f5f9}.dark .manager-header p{color:#94a3b8}.dark .manager-tabs{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .tab-button:hover{color:#60a5fa;background:#334155}.dark .tab-button.active{color:#60a5fa;background:#1e40af;border-bottom-color:#60a5fa}.dark .manager-content{background:#1e293b;box-shadow:0 2px 8px #0000004d}.dark .dashboard-container{background:#1e293b}.dark .summary-card:hover{box-shadow:0 4px 12px #0006;border-color:#475569}.dark .summary-card:nth-child(2) .card-icon{background:#7f1d1d!important}.dark .summary-card:nth-child(2) .card-icon svg{color:#fca5a5!important}.dark .summary-card:nth-child(3) .card-icon{background:#064e3b!important}.dark .summary-card:nth-child(3) .card-icon svg{color:#6ee7b7!important}.dark .summary-card:nth-child(4) .card-icon{background:#78350f!important}.dark .summary-card:nth-child(4) .card-icon svg{color:#fbbf24!important}.dark .site-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .site-card:hover{box-shadow:0 4px 12px #0006;border-color:#60a5fa}.dark .site-card.issued{border-left-color:#f59e0b}.dark .site-card.issued:hover{border-color:#f59e0b}.dark .site-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#334155}.dark .site-header h3{color:#f1f5f9}.dark .site-header svg{color:#60a5fa}.dark .site-card.issued .site-header svg{color:#f59e0b}.dark .site-stat{border-bottom-color:#334155}.dark .stat-label{color:#94a3b8}.dark .stat-value{color:#60a5fa}.dark .site-card.issued .stat-value{color:#f59e0b}.dark .tool-item{background:#0f172a}.dark .tool-name{color:#e2e8f0}.dark .tool-condition.condition-good{background:#064e3b;color:#6ee7b7}.dark .tool-condition.condition-fair{background:#78350f;color:#fcd34d}.dark .tool-condition.condition-poor{background:#7f1d1d;color:#fca5a5}.dark .tool-qty{background:#1e40af;color:#93c5fd}.dark .tool-status.outstanding{background:#7f1d1d;color:#fca5a5}.dark .tool-status.received{background:#064e3b;color:#6ee7b7}.dark .tool-employee{background:#334155;color:#cbd5e1}.dark .empty-state{color:#94a3b8}.material-consumption-page{display:flex;flex-direction:column;gap:24px;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.consumption-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#fff,#f8fafc);padding:28px 32px;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;border-left:5px solid #0f172a}.consumption-header h2{font-size:28px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.consumption-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:11px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 4px 12px #0f172a33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 8px 20px #0f172a4d;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover:not(:disabled){background:#cbd5e1;border-color:#94a3b8}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.filter-container{display:flex;gap:12px;align-items:center}.filter-group{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.filter-group:focus-within{border-color:#0f172a;box-shadow:0 2px 8px #0f172a1a}.filter-group input{border:none;outline:none;font-size:14px;font-family:inherit;color:#0f172a;background:transparent;font-weight:500}.filter-group input::placeholder{color:#94a3b8}.btn-clear{padding:6px 12px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.btn-clear:hover{background:#fecaca}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modern-modal{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;display:flex;flex-direction:column;border:1px solid #e2e8f0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.header-content h2{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.3px}.header-subtitle{font-size:13px;color:#64748b;margin:0;font-weight:500}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-body{flex:1;padding:28px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:12px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:700;color:#1e293b}.form-input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#0f172a;transition:all .2s ease;font-weight:500}.form-input::placeholder{color:#94a3b8}.form-input:focus{outline:none;border-color:#0f172a;background:#f8fafc;box-shadow:0 0 0 3px #0f172a1a}.form-textarea{resize:vertical;min-height:100px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.btn-cancel{padding:11px 20px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){border-color:#cbd5e1;background:#f1f5f9}.btn-submit{padding:11px 20px;border:none;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #0f172a33}.btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #0f172a4d;transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content{background:#fff;border-radius:16px;padding:28px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e2e8f0}.modal-content h3{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 20px;letter-spacing:-.3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.records-container{display:flex;flex-direction:column;gap:20px;padding:32px;background:#fff;border-radius:0 0 12px 12px;border:1px solid #e2e8f0;border-top:none}.records-list{display:flex;flex-direction:column;gap:16px}.loading,.empty-state{text-align:center;padding:48px 24px;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state p{font-size:16px;margin:0;font-weight:500}.records-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.records-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.records-table th{padding:16px 18px;text-align:left;font-size:12px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.5px}.records-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b;font-weight:500}.records-table tbody tr{transition:all .2s ease}.records-table tbody tr:hover{background:#f8fafc}.records-table tbody tr:last-child td{border-bottom:none}.total-cost{font-weight:700;color:#0f172a}.btn-icon{padding:8px;border:none;background:transparent;color:#0f172a;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f0f4f8}.btn-icon.btn-danger{color:#dc2626}.btn-icon.btn-danger:hover{background:#fee2e2}.actions{display:flex;gap:8px}.summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.summary-card.highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;box-shadow:0 4px 12px #22c55e26}.summary-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-value{font-size:28px;font-weight:800;color:#0f172a}.summary-card.highlight .summary-value{color:#22c55e}@media(max-width:768px){.consumption-header{flex-direction:column;align-items:flex-start}.consumption-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.filter-group{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.records-table{font-size:12px}.records-table th,.records-table td{padding:8px 12px}.modal-content{width:95%}.summary-section{grid-template-columns:1fr}}.consumption-tabs{display:flex;gap:0;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000a;overflow:hidden;border:1px solid #e2e8f0;border-bottom:2px solid #e2e8f0}.tab-button{padding:16px 28px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative}.tab-button:hover{color:#0f172a;background:#f8fafc}.tab-button.active{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom-color:#0f172a;font-weight:700}.dashboard-container{display:flex;flex-direction:column;gap:28px;padding:32px;background:#fff;border-radius:0 0 12px 12px;border:1px solid #e2e8f0;border-top:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.summary-card{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px);border-color:#cbd5e1}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-content{flex:1}.card-label{font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.card-value{font-size:18px;font-weight:800;color:#0f172a;margin:0}.dashboard-section{display:flex;flex-direction:column;gap:16px}.dashboard-section h2{font-size:18px;font-weight:800;color:#0f172a;margin:0;padding:0 0 12px;border-bottom:2px solid #e2e8f0;letter-spacing:-.3px}.sites-list-container{display:flex;flex-direction:column;gap:10px}.site-list-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.site-list-item:hover{box-shadow:0 8px 24px #00000014;border-color:#cbd5e1;transform:translateY(-2px)}.site-list-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.site-list-title{display:flex;align-items:center;gap:10px;flex:1}.site-list-title h3{font-size:14px;font-weight:700;color:#0f172a;margin:0;text-transform:capitalize;letter-spacing:-.2px}.site-list-title svg{color:#0f172a;width:16px;height:16px;flex-shrink:0}.site-list-stats{display:flex;gap:8px;align-items:center}.stat-badge{padding:4px 10px;background:#fff;color:#0f172a;border-radius:6px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;box-shadow:0 2px 4px #0000000a}.site-list-materials{display:flex;flex-direction:column;gap:0}.material-list-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:13px}.material-list-row:last-child{border-bottom:none}.material-name-list{flex:1;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-qty-list{padding:3px 8px;background:#dbeafe;color:#0c4a6e;border-radius:4px;font-weight:700;font-size:12px;white-space:nowrap}.material-cost-list{padding:3px 8px;background:#f0fdf4;color:#166534;border-radius:4px;font-weight:700;font-size:12px;white-space:nowrap;min-width:80px;text-align:right}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .3s ease;border-left:4px solid #f97316}.material-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#f97316}.material-header{padding:10px 12px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border-bottom:1px solid #e5e7eb}.material-header h3{font-size:13px;font-weight:600;color:#1a1a1a;margin:0}.material-content{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.material-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f3f4f6}.sites-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.site-item{display:flex;justify-content:space-between;align-items:center;padding:4px;background:#f9fafb;border-radius:4px;font-size:9px}.site-name{font-weight:500;color:#1a1a1a;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-qty{padding:1px 4px;background:#dbeafe;color:#1e40af;border-radius:3px;font-weight:600;font-size:8px}@media(max-width:768px){.material-consumption-page{padding:12px;gap:12px}.consumption-header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px}.consumption-header h2{font-size:20px}.consumption-actions{width:100%;gap:8px}.btn-primary,.btn-secondary{flex:1;padding:10px 12px;font-size:12px;justify-content:center}.filter-group{flex-direction:column;align-items:flex-start;padding:10px 12px;gap:6px}.filter-group input{width:100%;padding:10px 12px}.consumption-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:8px 8px 0 0}.consumption-tabs::-webkit-scrollbar{display:none}.tab-button{padding:10px 12px;font-size:11px;flex-shrink:0;white-space:nowrap}.dashboard-container{padding:12px;gap:12px;border-radius:0 0 8px 8px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card{padding:12px;gap:8px}.card-icon{width:36px;height:36px}.card-value{font-size:16px}.card-label{font-size:10px}.sites-list-container{gap:8px}.site-list-item{border-radius:8px}.site-list-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.site-list-title h3{font-size:13px}.site-list-stats{width:100%;justify-content:flex-start;gap:6px}.stat-badge{padding:3px 8px;font-size:11px}.material-list-row{padding:8px 10px;font-size:12px;flex-wrap:wrap;gap:4px}.material-name-list{flex:1 1 100%;max-width:100%}.material-qty-list,.material-cost-list{padding:2px 6px;font-size:11px}.materials-grid{grid-template-columns:1fr;gap:8px}.material-card{border-radius:8px}.material-header{padding:8px 10px}.material-header h3{font-size:12px}.material-content{padding:8px 10px;gap:6px}.modal-content{width:95%;max-height:90vh;padding:16px;border-radius:12px}.modal-content h3{font-size:18px}.form-row{grid-template-columns:1fr;gap:12px}.form-group{gap:6px}.form-group label{font-size:12px}.form-input{padding:10px 12px;font-size:14px}.form-textarea{min-height:80px}.modal-actions{gap:8px;flex-direction:column}.btn-cancel,.btn-submit{width:100%;padding:10px 12px;font-size:13px}.records-container{padding:12px;gap:12px;border-radius:0 0 8px 8px}.records-table{font-size:11px;border-radius:8px}.records-table th,.records-table td{padding:8px 10px}.records-table th{font-size:10px}.summary-section{grid-template-columns:1fr;gap:8px}.reports-container{padding:12px;gap:12px;border-radius:0 0 8px 8px}.breakdown-list-item{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.breakdown-list-stats{width:100%;flex-wrap:wrap;gap:6px}.breakdown-stat-group{flex:1;min-width:100px}.breakdown-stat-badge{padding:3px 8px;font-size:11px}.table-wrapper{border-radius:8px}.form-hint{font-size:11px;padding:4px 6px}}@media(max-width:480px){.material-consumption-page{padding:8px;gap:8px}.consumption-header{padding:12px;gap:8px}.consumption-header h2{font-size:18px}.consumption-actions{gap:6px}.btn-primary,.btn-secondary{padding:8px 10px;font-size:11px}.filter-group{padding:8px 10px;gap:4px}.filter-group input{padding:8px 10px;font-size:13px}.tab-button{padding:8px 10px;font-size:10px}.dashboard-container{padding:8px;gap:8px}.summary-cards{grid-template-columns:1fr;gap:6px}.summary-card{padding:10px;gap:6px}.card-icon{width:32px;height:32px}.card-value{font-size:14px}.site-list-header{padding:8px 10px}.site-list-title h3{font-size:12px}.material-list-row{padding:6px 8px;font-size:11px}.material-card{border-radius:6px}.material-header{padding:6px 8px}.material-header h3{font-size:11px}.material-content{padding:6px 8px;gap:4px}.modal-content{width:98%;padding:12px}.modal-content h3{font-size:16px}.form-input{padding:8px 10px;font-size:13px}.records-container{padding:8px;gap:8px}.records-table th,.records-table td{padding:6px 8px}.records-table th{font-size:9px}.records-table td{font-size:10px}.reports-container{padding:8px;gap:8px}.breakdown-list-item{padding:8px 10px}.breakdown-stat-badge{padding:2px 6px;font-size:10px}.form-hint{font-size:10px;padding:3px 5px}}.reports-container{display:flex;flex-direction:column;gap:28px;padding:32px;background:#fff;border-radius:0 0 12px 12px;border:1px solid #e2e8f0;border-top:none}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.breakdown-list-item:hover{box-shadow:0 6px 16px #00000014;border-color:#cbd5e1;transform:translateY(-2px)}.breakdown-list-name{display:flex;align-items:center;gap:10px;flex:1;font-size:14px;font-weight:700;color:#0f172a}.breakdown-list-name svg{color:#0f172a;width:16px;height:16px;flex-shrink:0}.breakdown-list-stats{display:flex;gap:8px;align-items:center}.breakdown-stat-group{display:flex;align-items:center;gap:6px}.breakdown-stat-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.breakdown-stat-badge{padding:4px 10px;background:#f0f4f8;color:#0c4a6e;border-radius:6px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;white-space:nowrap}.table-wrapper{overflow-x:auto;border-radius:10px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.form-hint{font-size:12px;color:#0f172a;margin:4px 0 0;font-weight:600;background:#f0fdf4;padding:6px 8px;border-radius:4px;border-left:3px solid #22c55e}@media(max-width:768px){.reports-container{padding:16px;gap:16px}.breakdown-list{gap:4px}.breakdown-list-item{flex-direction:column;align-items:flex-start;gap:6px}.breakdown-list-stats{width:100%;flex-wrap:wrap}.breakdown-stat-group{flex:1;min-width:120px}.records-table{font-size:12px}.records-table th,.records-table td{padding:8px 12px}}.dark .material-consumption-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .consumption-header{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155;border-left-color:#60a5fa;box-shadow:0 4px 16px #0000004d}.dark .consumption-header h2{color:#f1f5f9}.dark .btn-primary{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #1e40af4d}.dark .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 8px 20px #1e40af66}.dark .btn-secondary{background:#334155;color:#cbd5e1;border-color:#475569}.dark .btn-secondary:hover:not(:disabled){background:#475569;border-color:#64748b}.dark .filter-group{background:#1e293b;border-color:#334155;color:#94a3b8}.dark .filter-group:focus-within{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa33}.dark .filter-group input{color:#f1f5f9;background:transparent}.dark .filter-group input::placeholder{color:#64748b}.dark .btn-clear{background:#7f1d1d;color:#fca5a5}.dark .btn-clear:hover{background:#991b1b}.dark .modal-overlay{background:#0009}.dark .modern-modal{background:#1e293b;border-color:#334155;box-shadow:0 20px 60px #00000080}.dark .modal-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#334155}.dark .header-content h2{color:#f1f5f9}.dark .header-subtitle{color:#94a3b8}.dark .close-btn{color:#64748b}.dark .close-btn:hover{background:#334155;color:#f1f5f9}.dark .modal-body{background:#1e293b}.dark .section-title{color:#f1f5f9;border-bottom-color:#334155}.dark .form-group label{color:#f1f5f9}.dark .form-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .form-input::placeholder{color:#64748b}.dark .form-input:focus{border-color:#60a5fa;background:#1e293b;box-shadow:0 0 0 3px #60a5fa33}.dark .modal-footer{background:#0f172a;border-top-color:#334155}.dark .btn-cancel{background:#334155;color:#cbd5e1;border-color:#475569}.dark .btn-cancel:hover:not(:disabled){background:#475569;border-color:#64748b}.dark .btn-submit{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #1e40af4d}.dark .btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #1e40af66}.dark .records-container{background:#1e293b;border-color:#334155}.dark .loading,.dark .empty-state{color:#94a3b8}.dark .records-table{background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .records-table thead{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#334155}.dark .records-table th{color:#f1f5f9}.dark .records-table td{color:#e2e8f0;border-bottom-color:#334155}.dark .records-table tbody tr:hover{background:#334155}.dark .btn-icon{color:#f1f5f9}.dark .btn-icon:hover{background:#334155}.dark .btn-icon.btn-danger{color:#f87171}.dark .btn-icon.btn-danger:hover{background:#7f1d1d}.dark .summary-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .summary-card.highlight{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.dark .summary-label{color:#94a3b8}.dark .summary-value{color:#f1f5f9}.dark .summary-card.highlight .summary-value{color:#6ee7b7}.dark .dashboard-container{background:#1e293b;border-color:#334155}.dark .summary-cards{gap:16px}.dark .summary-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .summary-card:hover{border-color:#475569;box-shadow:0 8px 24px #0006}.dark .dashboard-section h2{color:#f1f5f9;border-bottom-color:#334155}.dark .site-list-item{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .site-list-item:hover{border-color:#475569;box-shadow:0 8px 24px #0006}.dark .site-list-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#334155}.dark .site-list-title h3{color:#f1f5f9}.dark .site-list-title svg{color:#f1f5f9}.dark .stat-badge{background:#334155;color:#f1f5f9;border-color:#475569}.dark .material-list-row{border-bottom-color:#334155}.dark .material-name-list{color:#e2e8f0}.dark .material-qty-list{background:#1e40af;color:#93c5fd}.dark .material-cost-list{background:#064e3b;color:#6ee7b7}.dark .material-card{background:#1e293b;border-color:#334155;border-left-color:#f97316}.dark .material-card:hover{border-color:#f97316;box-shadow:0 4px 12px #0006}.dark .material-header{background:linear-gradient(135deg,#78350f,#92400e);border-bottom-color:#334155}.dark .material-header h3{color:#fde68a}.dark .material-content{background:#1e293b}.dark .material-stat{border-bottom-color:#334155}.dark .site-item{background:#334155}.dark .site-name{color:#e2e8f0}.dark .site-qty{background:#1e40af;color:#93c5fd}.dark .reports-container{background:#1e293b;border-color:#334155}.dark .breakdown-list-item{background:linear-gradient(135deg,#1e293b,#334155);border-color:#334155}.dark .breakdown-list-item:hover{border-color:#475569;box-shadow:0 6px 16px #0006}.dark .breakdown-list-name{color:#f1f5f9}.dark .breakdown-list-name svg{color:#f1f5f9}.dark .breakdown-stat-label{color:#94a3b8}.dark .breakdown-stat-badge{background:#1e40af;color:#93c5fd;border-color:#1e3a8a}.dark .table-wrapper{border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .form-hint{color:#6ee7b7;background:#064e3b;border-left-color:#10b981}.dark .consumption-tabs{background:#1e293b;border-bottom-color:#334155;border-color:#334155;box-shadow:0 2px 8px #0000004d}.dark .tab-button{color:#94a3b8}.dark .tab-button:hover{color:#f1f5f9;background:#334155}.dark .tab-button.active{color:#f1f5f9;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#60a5fa}.dark .card-icon{background:#1e40af!important}.dark .card-icon svg{color:#93c5fd!important}.dark .summary-card:nth-child(1) .card-icon{background:#1e40af!important}.dark .summary-card:nth-child(1) .card-icon svg{color:#93c5fd!important}.dark .summary-card:nth-child(2) .card-icon{background:#064e3b!important}.dark .summary-card:nth-child(2) .card-icon svg{color:#6ee7b7!important}.dark .summary-card:nth-child(3) .card-icon{background:#78350f!important}.dark .summary-card:nth-child(3) .card-icon svg{color:#fbbf24!important}.dark .summary-card:nth-child(4) .card-icon{background:#5b21b6!important}.dark .summary-card:nth-child(4) .card-icon svg{color:#c4b5fd!important}.dark .card-label{color:#94a3b8}.dark .card-value{color:#f1f5f9}@media print{.no-print{display:none!important}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-container{width:100%;max-width:none}.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:none!important}.bg-gradient-to-br,.bg-gradient-to-r{print-color-adjust:exact;-webkit-print-color-adjust:exact}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}.grid{display:block!important}.grid>*{margin-bottom:1rem;page-break-inside:avoid}body{font-size:12pt;line-height:1.5}h1{font-size:24pt}h2{font-size:18pt}h3{font-size:14pt}.sticky,.fixed{position:relative!important}}@media(max-width:768px){.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.tab-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-tab-button{min-width:fit-content;flex-shrink:0;padding:.75rem 1rem;font-size:.875rem}.tab-content-mobile{padding:1rem .5rem}}@media(min-width:768px)and (max-width:1024px){.tab-container{padding:0 1rem}.mobile-tab-button{padding:.75rem 1.25rem;font-size:.9rem}}.appointments-page{padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}@media(prefers-color-scheme:dark){.appointments-page{background:linear-gradient(135deg,#0f172a,#1e293b)}}.appointments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #00000012}@media(prefers-color-scheme:dark){.appointments-header{background:#1e293b;box-shadow:0 4px 6px #0000004d}}.header-content{flex:1}.page-title{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;color:#1a202c;margin:0}@media(prefers-color-scheme:dark){.page-title{color:#fff}}.title-icon{color:#3b82f6}.page-subtitle{color:#718096;margin-top:.5rem;font-size:.95rem}@media(prefers-color-scheme:dark){.page-subtitle{color:#cbd5e0}}.btn-add-appointment{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-add-appointment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012;transition:all .3s ease;border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}@media(prefers-color-scheme:dark){.stat-card{background:#1e293b;box-shadow:0 4px 6px #0000004d}.stat-card:hover{box-shadow:0 8px 12px #0006}}.stat-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;color:#fff}.stat-icon.upcoming{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.scheduled{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.alert{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-content{flex:1}.stat-label{color:#718096;font-size:.9rem;margin:0;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#1a202c;margin:.25rem 0 0}@media(prefers-color-scheme:dark){.stat-label{color:#cbd5e0}.stat-value{color:#fff}}.upcoming-alert{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff5e6,#ffe6e6);border-left:4px solid #f5576c;padding:1.5rem;border-radius:8px;margin-bottom:2rem;animation:slideIn .3s ease}@media(prefers-color-scheme:dark){.upcoming-alert{background:linear-gradient(135deg,#7f1d1d,#7f1d1d);border-left-color:#fca5a5}}.alert-icon{color:#f5576c;flex-shrink:0}.alert-content h3{margin:0 0 .25rem;color:#c53030;font-weight:600}.alert-content p{margin:0;color:#a0616a;font-size:.9rem}@media(prefers-color-scheme:dark){.alert-icon,.alert-content h3{color:#fca5a5}.alert-content p{color:#fecaca}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.controls-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(prefers-color-scheme:dark){.search-input{background:#334155;border-color:#475569;color:#fff}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}}.filter-controls{display:flex;gap:1rem;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(prefers-color-scheme:dark){.filter-select{background:#334155;border-color:#475569;color:#fff}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.filter-select option{background:#1e293b;color:#fff}}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;border:2px solid #e2e8f0}@media(prefers-color-scheme:dark){.view-toggle{background:#334155;border-color:#475569}}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-weight:500;color:#718096;transition:all .3s ease;border-radius:6px}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(prefers-color-scheme:dark){.toggle-btn{color:#cbd5e0}}.calendar-view{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:2rem}.calendar-sidebar{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012;height:fit-content}@media(prefers-color-scheme:dark){.calendar-sidebar{background:#1e293b;box-shadow:0 4px 6px #0000004d}}.mini-calendar{margin-bottom:2rem}.date-picker{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;cursor:pointer}.date-picker:focus{outline:none;border-color:#667eea}@media(prefers-color-scheme:dark){.date-picker{background:#334155;border-color:#475569;color:#fff}.date-picker:focus{border-color:#667eea}}.appointments-for-date h3{font-size:1rem;color:#1a202c;margin:0 0 1rem;font-weight:600}.no-appointments{color:#a0aec0;font-size:.9rem;text-align:center;padding:1rem}@media(prefers-color-scheme:dark){.appointments-for-date h3{color:#fff}.no-appointments{color:#94a3b8}}.appointments-list-mini{display:flex;flex-direction:column;gap:.75rem}.appointment-mini{display:flex;gap:.75rem;padding:.75rem;background:#f7fafc;border-radius:8px;border-left:3px solid #667eea;transition:all .3s ease;position:relative}.appointment-mini.near{background:#fff5e6;border-left-color:#f5576c}@media(prefers-color-scheme:dark){.appointment-mini{background:#334155;border-left-color:#667eea}.appointment-mini.near{background:#7f1d1d;border-left-color:#fca5a5}}.appointment-mini .time{font-weight:600;color:#667eea;min-width:50px}.appointment-mini.near .time{color:#f5576c}.appointment-mini .details{flex:1;min-width:0}.appointment-mini .title{font-size:.85rem;font-weight:600;color:#1a202c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-mini .client{font-size:.75rem;color:#718096;margin:.25rem 0 0}@media(prefers-color-scheme:dark){.appointment-mini .time{color:#667eea}.appointment-mini.near .time{color:#fca5a5}.appointment-mini .title{color:#fff}.appointment-mini .client{color:#cbd5e0}}.blink-indicator{width:8px;height:8px;background:#f5576c;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}.calendar-main{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #00000012}@media(prefers-color-scheme:dark){.calendar-main{background:#1e293b;box-shadow:0 4px 6px #0000004d}}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.appointment-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:all .3s ease;border:2px solid transparent;position:relative}.appointment-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}.appointment-card.near-appointment{border-color:#f5576c;background:linear-gradient(135deg,#fff5f5,#ffe6e6)}@media(prefers-color-scheme:dark){.appointment-card{background:#1e293b;box-shadow:0 4px 6px #0000004d}.appointment-card:hover{box-shadow:0 8px 12px #0006}.appointment-card.near-appointment{border-color:#fca5a5;background:linear-gradient(135deg,#7f1d1d,#7f1d1d)}}.blink-light{position:absolute;top:0;right:0;width:12px;height:12px;background:#f5576c;border-radius:50%;animation:blink 1s infinite;box-shadow:0 0 10px #f5576c}.card-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-top{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.75rem}.appointment-title{margin:0;font-size:1.1rem;font-weight:600;flex:1}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.card-body{padding:1.5rem}.info-row{display:flex;align-items:center;gap:.75rem;color:#4a5568;font-size:.9rem;margin-bottom:.75rem}.info-row svg{color:#667eea;flex-shrink:0}.description{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.description p{margin:0;color:#718096;font-size:.9rem;line-height:1.5}@media(prefers-color-scheme:dark){.info-row{color:#cbd5e0}.description{border-top-color:#475569}.description p{color:#cbd5e0}}.card-footer{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}@media(prefers-color-scheme:dark){.card-footer{background:#0f172a;border-top-color:#475569}}.btn-edit,.btn-delete{flex:1;padding:.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-edit{background:#e6f2ff;color:#667eea}.btn-edit:hover{background:#667eea;color:#fff}.btn-delete{background:#ffe6e6;color:#f5576c}.btn-delete:hover{background:#f5576c;color:#fff}@media(prefers-color-scheme:dark){.btn-edit{background:#1e3a8a;color:#93c5fd}.btn-edit:hover{background:#667eea;color:#fff}.btn-delete{background:#7f1d1d;color:#fca5a5}.btn-delete:hover{background:#f5576c;color:#fff}}.list-view{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;overflow:hidden}@media(prefers-color-scheme:dark){.list-view{background:#1e293b;box-shadow:0 4px 6px #0000004d}}.list-container{overflow-x:auto}.appointments-table{width:100%;border-collapse:collapse}.table-header{display:grid;grid-template-columns:80px 150px 150px 120px 100px 120px 100px;gap:1rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:.9rem;position:sticky;top:0}.table-row{display:grid;grid-template-columns:80px 150px 150px 120px 100px 120px 100px;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0;align-items:center;transition:all .3s ease;position:relative}.table-row:hover{background:#f7fafc}.table-row.near-appointment{background:#fff5f5;border-left:3px solid #f5576c}@media(prefers-color-scheme:dark){.table-row{border-bottom-color:#475569}.table-row:hover{background:#334155}.table-row.near-appointment{background:#7f1d1d;border-left-color:#fca5a5}}.blink-light-row{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:30px;background:#f5576c;animation:blink 1s infinite}.col-time,.col-title,.col-client,.col-date,.col-type,.col-status,.col-actions{font-size:.9rem;color:#4a5568}@media(prefers-color-scheme:dark){.col-time,.col-title,.col-client,.col-date,.col-type,.col-status,.col-actions{color:#cbd5e0}}.col-actions{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon.edit{background:#e6f2ff;color:#667eea}.btn-icon.edit:hover{background:#667eea;color:#fff}.btn-icon.delete{background:#ffe6e6;color:#f5576c}.btn-icon.delete:hover{background:#f5576c;color:#fff}@media(prefers-color-scheme:dark){.btn-icon.edit{background:#1e3a8a;color:#93c5fd}.btn-icon.edit:hover{background:#667eea;color:#fff}.btn-icon.delete{background:#7f1d1d;color:#fca5a5}.btn-icon.delete:hover{background:#f5576c;color:#fff}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#a0aec0}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1.1rem;margin:0}@media(prefers-color-scheme:dark){.empty-state{color:#94a3b8}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@media(prefers-color-scheme:dark){.modal-content{background:#1e293b;box-shadow:0 20px 25px #00000080}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}@media(prefers-color-scheme:dark){.modal-header{border-bottom-color:#475569}}.btn-close{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{transform:rotate(90deg)}.appointment-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#1a202c;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}@media(prefers-color-scheme:dark){.form-group label{color:#fff}.form-group input,.form-group select,.form-group textarea{background:#334155;border-color:#475569;color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-group select option{background:#1e293b;color:#fff}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media(prefers-color-scheme:dark){.form-actions{border-top-color:#475569}}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}@media(prefers-color-scheme:dark){.btn-cancel{background:#475569;color:#e2e8f0}.btn-cancel:hover{background:#64748b}}@media(max-width:1024px){.calendar-view{grid-template-columns:1fr}.appointments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.table-header,.table-row{grid-template-columns:70px 120px 120px 100px 80px 100px 80px}}@media(max-width:768px){.appointments-page{padding:1rem}.appointments-header{flex-direction:column;gap:1rem;align-items:flex-start}.page-title{font-size:1.5rem}.btn-add-appointment{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.controls-section{flex-direction:column}.search-box{width:100%}.filter-controls{width:100%;flex-wrap:wrap}.appointments-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-row{display:flex;flex-direction:column;padding:1rem;border:1px solid #e2e8f0;margin-bottom:1rem;border-radius:8px}.col-time:before,.col-title:before,.col-client:before,.col-date:before,.col-type:before,.col-status:before,.col-actions:before{content:attr(data-label);font-weight:600;color:#667eea;display:block;margin-bottom:.25rem}.modal-content{width:95%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}@media(max-width:480px){.page-title{font-size:1.25rem}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px}.stat-value{font-size:1.5rem}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.25rem}.appointment-form{padding:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.btn-add-appointment.disabled{background:#e2e8f0!important;color:#a0aec0!important;cursor:not-allowed!important;box-shadow:none!important}.btn-add-appointment.disabled:hover{transform:none!important;box-shadow:none!important}.btn-edit.disabled,.btn-delete.disabled,.btn-icon.disabled{background:#f7fafc!important;color:#a0aec0!important;cursor:not-allowed!important;opacity:.5}.btn-edit.disabled:hover,.btn-delete.disabled:hover,.btn-icon.disabled:hover{background:#f7fafc!important;color:#a0aec0!important;transform:none!important}.inventory-container{max-width:1280px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:640px){.inventory-container{padding:1rem;gap:1rem}}.inventory-header{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}@media(min-width:640px){.inventory-header{flex-direction:row;justify-content:space-between;align-items:center}}.inventory-title{font-size:1.875rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.75rem}.dark .inventory-title{color:#fff}@media(max-width:640px){.inventory-title{font-size:1.5rem;gap:.5rem}}.inventory-tabs{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;padding:.25rem}.dark .inventory-tabs{background:#1e293b;border-color:#334155}.inventory-tabs-container{display:flex;flex-wrap:wrap;gap:.25rem}@media(min-width:640px){.inventory-tabs-container{gap:0}}.inventory-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:all .2s;font-size:.75rem;cursor:pointer;border:none;background:transparent}@media(min-width:640px){.inventory-tab{padding:.75rem 1rem;font-size:.875rem;gap:.5rem}}.inventory-tab.active{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.inventory-tab.inactive{color:#475569}.dark .inventory-tab.inactive{color:#cbd5e1}.inventory-tab.inactive:hover{background-color:#f1f5f9}.dark .inventory-tab.inactive:hover{background-color:#334155}.inventory-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:768px){.inventory-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.inventory-metrics-grid{grid-template-columns:repeat(4,1fr)}}.inventory-metric-card{border-radius:.75rem;padding:1rem;border:1px solid;display:flex;align-items:center;justify-content:space-between}@media(min-width:640px){.inventory-metric-card{padding:1.5rem}}.inventory-search-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;padding:1rem}.dark .inventory-search-container{background:#1e293b;border-color:#334155}@media(min-width:640px){.inventory-search-container{padding:1.5rem}}.inventory-search-row{display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media(min-width:640px){.inventory-search-row{flex-direction:row;align-items:center;justify-content:space-between}}.inventory-search-input{flex:1;position:relative;width:100%}@media(min-width:640px){.inventory-search-input{width:auto}}.inventory-filters{display:flex;flex-direction:column;gap:.5rem;width:100%}@media(min-width:640px){.inventory-filters{flex-direction:row;gap:.75rem;width:auto}}.inventory-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.dark .inventory-table-container{background:#1e293b;border-color:#334155}.inventory-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th{background-color:#f8fafc;padding:1rem 1.5rem;text-align:left;font-weight:500;color:#475569;font-size:.875rem;border-bottom:1px solid #e2e8f0}.dark .inventory-table th{background-color:#334155;color:#cbd5e1;border-bottom-color:#475569}.inventory-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;font-size:.875rem}.dark .inventory-table td{border-bottom-color:#334155}.inventory-table tbody tr:hover{background-color:#f8fafc}.dark .inventory-table tbody tr:hover{background-color:#334155}@media(max-width:768px){.inventory-table th,.inventory-table td{padding:.75rem;font-size:.75rem}.inventory-table th:nth-child(n+4),.inventory-table td:nth-child(n+4){display:none}.inventory-table th:last-child,.inventory-table td:last-child{display:table-cell}}.inventory-item-details{display:flex;flex-direction:column;gap:.25rem}.inventory-item-name{font-weight:500;color:#0f172a;font-size:.875rem}.dark .inventory-item-name{color:#fff}@media(min-width:640px){.inventory-item-name{font-size:1rem}}.inventory-item-sku{font-size:.75rem;color:#64748b}.dark .inventory-item-sku{color:#94a3b8}@media(min-width:640px){.inventory-item-sku{font-size:.875rem}}.inventory-actions{display:flex;align-items:center;gap:.25rem}@media(min-width:640px){.inventory-actions{gap:.5rem}}.inventory-action-btn{padding:.375rem;border-radius:.5rem;transition:all .2s;border:none;background:transparent;cursor:pointer}@media(min-width:640px){.inventory-action-btn{padding:.5rem}}.inventory-action-btn:hover{background-color:#f1f5f9}.dark .inventory-action-btn:hover{background-color:#334155}.inventory-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:.5rem}@media(min-width:640px){.inventory-modal{padding:1rem}}.inventory-modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-height:90vh;overflow-y:auto;max-width:min(90vw,1024px)}.dark .inventory-modal-content{background:#1e293b}.inventory-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0}.dark .inventory-modal-header{border-bottom-color:#334155}@media(min-width:640px){.inventory-modal-header{padding:1.5rem}}.inventory-modal-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.inventory-modal-body{padding:1.5rem;gap:1.5rem}}.inventory-form-section{border-radius:.5rem;padding:.75rem}@media(min-width:640px){.inventory-form-section{padding:1rem}}.inventory-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.inventory-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.inventory-form-grid{grid-template-columns:repeat(3,1fr)}}.inventory-form-input{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;transition:all .2s}.dark .inventory-form-input{background:#334155;border-color:#475569;color:#fff}@media(min-width:640px){.inventory-form-input{font-size:1rem}}.inventory-form-input:focus{outline:none;ring:2px;ring-color:#a855f7;border-color:transparent}.inventory-form-label{display:block;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.5rem}.dark .inventory-form-label{color:#cbd5e1}.inventory-alert{padding:.75rem;border-radius:.5rem;border-left:4px solid}@media(min-width:640px){.inventory-alert{padding:1rem}}.inventory-alert-critical{background-color:#fef2f2;border-left-color:#ef4444}.inventory-alert-high{background-color:#fff7ed;border-left-color:#f97316}.inventory-alert-medium{background-color:#fefce8;border-left-color:#eab308}.inventory-alert-low{background-color:#eff6ff;border-left-color:#3b82f6}.inventory-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.inventory-status-active{background-color:#dcfce7;color:#166534}.inventory-status-inactive{background-color:#f3f4f6;color:#374151}.inventory-status-out-of-stock{background-color:#fee2e2;color:#991b1b}.inventory-status-discontinued{background-color:#fef3c7;color:#92400e}.inventory-movement-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:640px){.inventory-movement-type-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}}.inventory-movement-type-btn{padding:.75rem;border-radius:.5rem;border:2px solid;transition:all .2s;text-align:left;cursor:pointer;background:#fff}.dark .inventory-movement-type-btn{background:#1e293b;color:#fff}@media(min-width:640px){.inventory-movement-type-btn{padding:1rem}}.inventory-movement-type-btn.selected{border-color:#a855f7;background-color:#faf5ff}.dark .inventory-movement-type-btn.selected{background-color:#581c87;border-color:#9333ea}.inventory-movement-type-btn.unselected{border-color:#e2e8f0}.dark .inventory-movement-type-btn.unselected{border-color:#475569}.inventory-movement-type-btn.unselected:hover{background-color:#f8fafc}.dark .inventory-movement-type-btn.unselected:hover{background-color:#334155}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:block}}.show-mobile{display:block}@media(min-width:640px){.show-mobile{display:none}}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.inventory-actions,.inventory-modal,.inventory-search-container{display:none}.inventory-table{font-size:.75rem}}.inventory-disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.inventory-button-disabled{background-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.inventory-button-disabled:hover{background-color:#e5e7eb!important;color:#9ca3af!important}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}button:disabled:hover{transform:none;box-shadow:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important}input[type=number]{-webkit-appearance:none!important}input[type=number]:hover{cursor:text!important}input[type=number]:focus{-moz-appearance:textfield!important}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}.no-spinner[type=number]{-moz-appearance:textfield!important}.no-spinner:hover{cursor:text!important}.no-spinner{-webkit-appearance:none!important}input[type=number]{cursor:text!important}input[type=number]:focus{cursor:text!important}