@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary-light:#d2691e1a;--color-primary-soft:#d2691e0f;--color-primary-muted:#d2691e24;--color-success-dark:#15803d;--color-warning-dark:#b45309;--color-danger-dark:#b91c1c;--color-info-dark:#1d4ed8;--color-bg-warm:#faf7f3;--color-surface-hover:#fdf9f5;--color-surface-strong:#f5f1ec;--color-text-secondary:#44403c;--color-text-placeholder:#a8a29e;--color-border-light:#f0ebe4;--color-border-strong:#d6cbbf;--sidebar-bg:#1a0f06;--sidebar-bg-hover:#ffffff0f;--sidebar-bg-active:#d2691e2e;--sidebar-text:#c4b5a5;--sidebar-text-active:wheat;--sidebar-border:#ffffff0f;--sidebar-width:272px;--sidebar-collapsed-width:72px;--font-mono:"Courier New",monospace;--font-data:"Inter",-apple-system,sans-serif;--input-height:46px;--input-height-lg:52px;--radius-xs:4px;--radius-xl:28px;--shadow-xs:0 1px 2px #1c19170a;--shadow-sm:0 2px 6px #1c19170f;--shadow-lg:0 16px 40px #1c19171f;--shadow-xl:0 24px 56px #1c191729;--shadow-primary:0 8px 24px #d2691e38;--shadow-primary-lg:0 16px 36px #d2691e47;--shadow-success:0 6px 18px #16a34a38;--shadow-danger:0 6px 18px #dc262638;--shadow-sidebar:4px 0 24px #0000002e;--transition-fast:140ms ease-out;--transition-slow:320ms ease-out;--transition-bounce:320ms cubic-bezier(0.34,1.56,0.64,1);--primary-color:var(--color-primary);--primary-hover:var(--color-primary-hover);--secondary-color:var(--color-secondary);--accent-gold:var(--color-warning);--accent-red:var(--color-danger);--neutral-light:var(--color-surface);--neutral-dark:var(--color-heading);--bg-tertiary:var(--color-surface-hover);--bg-light:var(--color-surface-hover);--bg-hover:var(--color-primary-light);--border-color:var(--color-border);--gray-50:#faf9f7;--gray-100:#f5f0ea;--gray-200:#e8e0d8;--gray-300:#d4c9bb;--gray-400:#a89a8a;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--card-background:var(--color-surface);--color-primary-hover:#c45e18;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--color-success-light:#16a34a1a;--color-warning-light:#d977061a;--color-danger-light:#dc26261a;--color-info-light:#2563eb1a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:.9375rem;line-height:normal;overflow-x:hidden}img{display:block;max-width:100%}ol,ul{list-style:none}::-webkit-scrollbar-thumb{background:var(--color-border-strong)}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.page-shell{animation:slideUp .3s ease-out .32s both;animation:slideUp .3s var(--transition-slow) both}.panel-card{background:#fff;background:var(--color-surface);border:1px solid #e8e0d8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 8px 24px #1c191717;box-shadow:var(--shadow-card)}.page-title{color:#0c0a09;color:var(--color-heading);letter-spacing:-.02em;line-height:1.2}.page-subtitle{color:#78716c;color:var(--color-text-muted);font-size:.9rem;font-weight:400;margin:.3rem 0 0}.section-title{font-weight:700}.form-control,.select-control,.textarea-control{inline-size:auto;min-height:var(--input-height);transition:border-color .2s ease-out,box-shadow .2s ease-out,background .2s ease-out;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.form-control:focus,.select-control:focus,.textarea-control:focus{background:#fff;background:var(--color-surface);box-shadow:0 0 0 4px #d2691e38;box-shadow:0 0 0 4px var(--color-focus-ring)}.form-control:disabled,.select-control:disabled,.textarea-control:disabled{background:#f5f1ec;background:var(--color-surface-strong);color:#78716c;color:var(--color-text-muted);cursor:not-allowed;opacity:.8}.form-control.is-invalid,.select-control.is-invalid{border-color:#dc2626;border-color:var(--color-danger);box-shadow:0 0 0 4px #dc26261a;box-shadow:0 0 0 4px var(--color-danger-light)}.form-control.is-valid,.select-control.is-valid{border-color:#16a34a;border-color:var(--color-success);box-shadow:0 0 0 4px #16a34a1a;box-shadow:0 0 0 4px var(--color-success-light)}.form-group label,.form-label{color:#44403c;color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.01em}.btn{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);min-height:42px;padding:.6rem 1.2rem;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,opacity .2s ease-out;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),border-color var(--transition),color var(--transition),opacity var(--transition)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled,.btn[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-color:#0000;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c45e18,sienna);background:linear-gradient(135deg,var(--color-primary-hover) 0,var(--color-primary-dark) 100%);box-shadow:0 16px 36px #d2691e47;box-shadow:var(--shadow-primary-lg)}.btn-secondary{box-shadow:0 1px 2px #1c19170a;box-shadow:var(--shadow-xs);color:#44403c}.btn-secondary:hover:not(:disabled){background:#f5f1ec;border-color:#d6cbbf;border-color:var(--color-border-strong)}.btn-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));border-color:#0000;box-shadow:var(--shadow-success)}.btn-success:hover:not(:disabled){box-shadow:0 10px 28px #16a34a4d}.btn-warning{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));border-color:#0000}.btn-warning:hover:not(:disabled){box-shadow:0 10px 28px #d977064d}.btn-danger{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark));border-color:#0000;box-shadow:var(--shadow-danger)}.btn-danger:hover:not(:disabled){box-shadow:0 10px 28px #dc26264d}.btn-info{background:linear-gradient(135deg,var(--color-info),var(--color-info-dark));border-color:#0000;box-shadow:0 6px 18px #2563eb38}.btn-outline:hover:not(:disabled){background:#d2691e1a;background:var(--color-primary-light)}.btn-outline-success:hover:not(:disabled){background:#16a34a1a;background:var(--color-success-light)}.btn-outline-danger:hover:not(:disabled){background:#dc26261a;background:var(--color-danger-light)}.btn-outline-warning:hover:not(:disabled){background:#d977061a;background:var(--color-warning-light)}.btn-outline-secondary{color:#44403c;color:var(--color-text-secondary)}.btn-outline-secondary:hover:not(:disabled){background:#f5f1ec;border-color:#d6cbbf;border-color:var(--color-border-strong)}.btn-ghost{color:#44403c}.btn-ghost:hover:not(:disabled){background:#f5f1ec}.btn-link{font-weight:500;min-height:auto;padding:.4rem .5rem}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:.8rem;min-height:34px;padding:.35rem .8rem}.btn-lg{border-radius:20px;border-radius:var(--radius-lg);font-size:.98rem;min-height:50px;padding:.85rem 1.75rem}.btn-xl{border-radius:28px;border-radius:var(--radius-xl);font-size:1rem;min-height:56px;padding:1rem 2rem}.btn-block{width:100%}.btn-save{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 8px 24px #d2691e38;box-shadow:var(--shadow-primary)}.btn-save:hover:not(:disabled){box-shadow:0 16px 36px #d2691e47;box-shadow:var(--shadow-primary-lg)}.btn-back,.btn-cancel,.btn-export{color:#44403c;color:var(--color-text-secondary)}.btn-back:hover:not(:disabled),.btn-cancel:hover:not(:disabled),.btn-export:hover:not(:disabled){background:#f5f1ec}.btn-add{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:var(--shadow-primary)}.btn-generate{background:linear-gradient(135deg,var(--color-info),var(--color-info-dark))}.table-responsive,.table-shell{background:#fff;background:var(--color-surface);border:1px solid #e8e0d8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 4px 16px #1c191712;box-shadow:var(--shadow-soft);overflow-x:auto;width:100%}.table-responsive table,.table-shell table{border-collapse:collapse;min-width:580px;width:100%}.table-responsive td,.table-responsive th,.table-shell td,.table-shell th{border-bottom:1px solid #f0ebe4;border-bottom:1px solid var(--color-border-light);padding:1rem 1.25rem;text-align:center;vertical-align:middle}.table-responsive thead th,.table-shell thead th{background:#fff;background:var(--color-surface);border-bottom:2px solid #e8e0d8;border-bottom:2px solid var(--color-border);color:#44403c;color:var(--color-text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.table-responsive tbody tr,.table-shell tbody tr{transition:background .14s ease-out;transition:background var(--transition-fast)}.table-responsive tbody tr:hover,.table-shell tbody tr:hover{background:#d2691e0f;background:var(--color-primary-soft)}.table-responsive tbody tr:nth-child(2n),.table-shell tbody tr:nth-child(2n){background:rgba(210,105,30,.025)}.table-responsive tbody tr:last-child td,.table-shell tbody tr:last-child td{border-bottom:none}.table-card{background:#fff;border:1px solid #e8e0d8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 4px 16px #1c191712;box-shadow:var(--shadow-soft);overflow:hidden}.table-card table{border-collapse:collapse;min-width:580px;width:100%}.table-card td,.table-card th{border-bottom:1px solid #f0ebe4;border-bottom:1px solid var(--color-border-light);padding:1rem 1.25rem;text-align:center;vertical-align:middle}.text-left{text-align:left!important}.table-card thead th{background:#fff;background:var(--color-surface);border-bottom:2px solid #e8e0d8;border-bottom:2px solid var(--color-border);color:#44403c;color:var(--color-text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;position:sticky;text-transform:uppercase;top:0;z-index:2}.table-card tbody tr{transition:background .14s ease-out;transition:background var(--transition-fast)}.table-card tbody tr:hover{background:#d2691e0f;background:var(--color-primary-soft)}.table-card tbody tr:last-child td{border-bottom:none}.badge,.erp-status-badge,.status-badge{gap:.3rem;justify-content:center}.badge-success,.status-badge.status-completed{background:#16a34a1a;background:var(--color-success-light);color:#16a34a;color:var(--color-success)}.badge-warning,.status-badge.status-pending{background:#d977061a;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.badge-danger,.status-badge.status-failed{background:#dc26261a;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.badge-info,.status-badge.status-info{background:#2563eb1a;background:var(--color-info-light);color:#2563eb;color:var(--color-info)}.badge-primary{background:var(--color-primary-light)}.modal-overlay{animation:fadeIn .2s ease-out both;animation:fadeIn var(--transition) both}.modal-content{animation:scaleIn cubic-bezier(.34,1.56,.64,1) .32s ease-out .32s both;animation:scaleIn var(--transition-slow) var(--transition-bounce) both;box-shadow:0 24px 56px #1c191729;width:min(720px,100%)}.modal-footer{align-items:center;background:#fdf9f5;background:var(--color-surface-hover);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e8e0d8;border-top:1px solid var(--color-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.modal-close:hover{background:#f5f1ec}.loading-ring{border:3px solid #e8e0d8;border-top-color:#d2691e;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.loading-ring,.loading-spinner{animation:spin .7s linear infinite}.loading-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.skeleton{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#f0ebe4 25%,#e8e0d8 50%,#f0ebe4 75%);background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);border-radius:8px}.skeleton-card{background:#f5f1ec;background:var(--color-surface-strong);border-radius:16px;border-radius:var(--radius-card);height:140px;overflow:hidden;position:relative}.skeleton-card:after{animation:shimmer 1.8s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.empty-state,.loading-state{align-items:center;color:#78716c;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.4}.empty-state-title{color:#44403c;color:var(--color-text-secondary);font-size:1rem;font-weight:600}.empty-state-text{font-size:.88rem;max-width:300px}.action-btn{transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.action-btn.edit-btn-action,.action-btn.view-btn{background:#d2691e1a;background:var(--color-primary-light);color:#d2691e;color:var(--color-primary)}.action-btn.edit-btn{background:var(--color-warning-light)}.action-btn.delete-btn{background:var(--color-danger-light)}.action-btn.pay-btn{background:var(--color-success-light)}.action-btn.info-btn{background:#2563eb1a;background:var(--color-info-light);color:#2563eb;color:var(--color-info)}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper .search-icon{color:#78716c;color:var(--color-text-muted);font-size:.9rem;left:.85rem;pointer-events:none;position:absolute}.search-input{background:#fff;border:1.5px solid #e8e0d8;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#1c1917;color:var(--color-text);font-size:.88rem;min-height:40px;padding:.55rem .95rem .55rem 2.3rem;transition:border-color .2s ease-out,box-shadow .2s ease-out,width .32s ease-out;transition:border-color var(--transition),box-shadow var(--transition),width var(--transition-slow);width:240px}.search-input:focus{border-color:#d2691e;border-color:var(--color-primary);box-shadow:0 0 0 4px #d2691e38;box-shadow:0 0 0 4px var(--color-focus-ring);width:280px}.search-input::placeholder{color:#a8a29e;color:var(--color-text-placeholder)}.hero-card{border:1px solid #d2691e26;border-radius:16px;border-radius:var(--radius-card)}.react-select__control{background:#fff!important;background:var(--color-surface)!important;border:1.5px solid #e8e0d8!important;border:1.5px solid var(--color-border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;cursor:pointer!important;font-size:.9rem!important;min-height:46px!important;min-height:var(--input-height)!important;transition:border-color .2s ease-out,box-shadow .2s ease-out!important;transition:border-color var(--transition),box-shadow var(--transition)!important}.react-select__control:hover{border-color:#d2691e!important}.react-select__control--is-focused{border-color:#d2691e!important;box-shadow:0 0 0 4px #d2691e38!important;box-shadow:0 0 0 4px var(--color-focus-ring)!important}.react-select__menu{border:1px solid #e8e0d8!important;border:1px solid var(--color-border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 16px 40px #1c19171f!important;box-shadow:var(--shadow-lg)!important;font-size:.9rem!important}.react-select__option{cursor:pointer!important;font-size:.9rem!important;padding:.65rem 1rem!important}.react-select__option--is-focused{background:#d2691e1a!important;color:#1c1917!important;color:var(--color-text)!important}.react-select__option--is-selected{background:#d2691e!important}.react-select__placeholder{color:#a8a29e!important;color:var(--color-text-placeholder,#a8a29e)!important}.react-select__single-value{color:#1c1917!important;color:var(--color-text,#1c1917)!important;opacity:1!important}.react-select__indicator-separator{background-color:#e8e0d8!important;background-color:var(--color-border)!important}.react-select__dropdown-indicator{color:#78716c!important;color:var(--color-text-muted)!important}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px;color:#1c1917;color:var(--color-text,#1c1917);overflow:visible;padding-right:2.25rem;text-overflow:clip;white-space:normal}@media (max-width:480px){.page-title{font-size:1.2rem}.btn{font-size:.84rem;min-height:40px;padding:.55rem 1rem}.btn-sm{min-height:32px}.modal-overlay{align-items:flex-end;padding:1rem .5rem .5rem}.modal-content{border-radius:20px 20px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;width:100%}.panel-card{border-radius:12px;border-radius:var(--radius-md);padding:1rem}}@media (max-width:640px){.page-shell{gap:1rem}.panel-card{border-radius:12px;border-radius:var(--radius-md)}.action-buttons{gap:.35rem}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-controls{width:100%}.content-header{align-items:flex-start;flex-direction:column}}@media (max-width:900px){.page-title{font-size:1.3rem}.table-card table,.table-responsive table,.table-shell table{min-width:auto}.form-layout{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.65rem}.btn-cancel,.btn-save{width:100%}}@media (max-width:1200px){.main-content{padding:1.25rem 1.25rem 2rem}}@media (min-width:1440px){.page-shell{gap:1.75rem}.panel-card{padding:1.75rem}}@media (min-width:1920px){.container{max-width:1600px}.page-title{font-size:2rem}}@media print{.action-buttons,.btn-add,.btn-back,.header-buttons,.modal-overlay,.report-controls,.sidebar,.toggle-button{display:none!important}body{background:#fff;color:#000}.panel-card,.table-card,.table-shell{border:1px solid #ddd!important;box-shadow:none!important}}:root{--color-primary:#d2691e;--color-primary-dark:sienna;--color-primary-soft:#d2691e14;--color-secondary:#f4a460;--color-accent:#8b4513;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--color-background:#f7f4f0;--color-surface:#fff;--color-surface-strong:#f5f0ea;--color-border:#e8e0d8;--color-text:#1c1917;--color-text-muted:#78716c;--color-heading:#0c0a09;--color-placeholder:#a8a29e;--color-shadow:#1c191717;--font-family:"Poppins","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-base:15px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-card:16px;--shadow-soft:0 4px 16px #1c191712;--shadow-card:0 8px 24px #1c191717;--shadow-focus:0 0 0 4px #d2691e33;--color-focus-ring:#d2691e38;--transition:200ms ease-out}html{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:15px;font-size:var(--font-size-base);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f4f0;background:var(--color-background);color:#1c1917;color:var(--color-text);margin:0;padding:0}#root,body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d2691e;outline:2px solid var(--color-primary);outline-offset:3px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d6cbbf;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d2691e;background:var(--color-primary)}.container{margin:0 auto;width:min(1360px,calc(100% - 2rem))}.page-shell{display:flex;flex-direction:column;gap:1.5rem}.alert-card,.card,.form-panel,.panel-card,.table-card{background:#fff;background:var(--color-surface);border:1px solid #e8e0d8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 8px 24px #1c191717;box-shadow:var(--shadow-card)}.card,.form-panel,.panel-card{padding:1.5rem}.alert-card{padding:1rem 1.25rem}.page-title,.section-title{color:#0c0a09;color:var(--color-heading);font-weight:700;line-height:1.2;margin:0}.section-title{color:#d2691e;color:var(--color-primary);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.page-title{font-size:clamp(1.35rem,2vw,1.75rem)}.description-text,.helper-text,.page-subtitle{color:#78716c;color:var(--color-text-muted);font-size:.88rem;line-height:1.6;margin:.35rem 0 0}.form-control,.select-control,.textarea-control{appearance:none;background:#fff;background:var(--color-surface);border:1.5px solid #e8e0d8;border:1.5px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#1c1917;color:var(--color-text);font-size:.9rem;min-height:46px;padding:.7rem .95rem;transition:border-color .2s ease-out,box-shadow .2s ease-out;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-control:focus,.select-control:focus,.textarea-control:focus{border-color:#d2691e;border-color:var(--color-primary);box-shadow:0 0 0 4px #d2691e33;box-shadow:var(--shadow-focus);outline:none}.form-control[disabled],.select-control[disabled],.textarea-control[disabled]{background:#f5f0ea;background:var(--color-surface-strong);cursor:not-allowed;opacity:.8}.form-group label,.input-label{color:#44403c;color:var(--color-text-secondary,#44403c);display:block;font-size:.85rem;font-weight:600}.input-note{color:#78716c;color:var(--color-text-muted);font-size:.82rem;margin-top:.35rem}.button-group{flex-wrap:wrap;gap:.85rem}.input-group{gap:.5rem}.btn{border:1.5px solid #0000;border-radius:12px;font-size:.88rem;padding:.65rem 1.25rem;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out,border-color .2s ease-out,color .2s ease-out;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{transform:none}.btn-primary{background:linear-gradient(135deg,#d2691e,sienna);box-shadow:0 8px 24px #d2691e38}.btn-primary:hover:not(:disabled){box-shadow:0 14px 32px #d2691e4d}.btn-secondary{border-color:#e8e0d8;border-color:var(--color-border);color:#1c1917}.btn-secondary:hover:not(:disabled){background:#f5f0ea;background:var(--color-surface-strong)}.btn-outline{border-color:#d2691e;border-color:var(--color-primary);color:#d2691e}.btn-outline:hover:not(:disabled){background:#d2691e14;background:var(--color-primary-soft)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--color-success),#15803d);box-shadow:0 6px 18px #16a34a38}.btn-warning{background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,var(--color-warning),#b45309);box-shadow:0 6px 18px #d9770638;color:#fff}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--color-danger),#b91c1c);box-shadow:0 6px 18px #dc262638}.btn-info{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-info),#1d4ed8)}.btn-outline-success{background:#0000;border-color:#16a34a;border-color:var(--color-success);color:#16a34a;color:var(--color-success)}.btn-outline-success:hover:not(:disabled){background:#16a34a14}.btn-outline-warning{background:#0000;border-color:#d97706;border-color:var(--color-warning);color:#d97706;color:var(--color-warning)}.btn-outline-warning:hover:not(:disabled){background:#d9770614}.btn-outline-danger{background:#0000;border-color:#dc2626;border-color:var(--color-danger);color:#dc2626;color:var(--color-danger)}.btn-outline-danger:hover:not(:disabled){background:#dc262614}.btn-outline-secondary{background:#0000;border-color:#e8e0d8;border-color:var(--color-border);color:#78716c;color:var(--color-text-muted)}.btn-outline-secondary:hover:not(:disabled){background:#f5f0ea;background:var(--color-surface-strong)}.btn-ghost{border-color:#0000;color:#78716c;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:#f5f0ea;background:var(--color-surface-strong)}.btn-link{background:#0000;border-color:#0000;color:#d2691e;color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.btn-circle{border-radius:9999px;border-radius:var(--radius-full);height:40px;min-height:40px;padding:0;width:40px}.btn-add,.btn-save{background:linear-gradient(135deg,#d2691e,sienna);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:#0000}.btn-add{box-shadow:0 8px 24px #d2691e38}.btn-back,.btn-cancel,.btn-export{background:#fff;background:var(--color-surface);border-color:#e8e0d8;border-color:var(--color-border);color:#78716c;color:var(--color-text-muted)}.btn-back:hover:not(:disabled),.btn-cancel:hover:not(:disabled),.btn-export:hover:not(:disabled){background:#f5f0ea;background:var(--color-surface-strong)}.btn-generate{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-info),#1d4ed8);border-color:#0000}.data-table,.erp-data-table,.table-shell{border-radius:16px;border-radius:var(--radius-card);overflow-x:auto;width:100%}.data-table td,.data-table th,.erp-data-table td,.erp-data-table th,.table-shell td,.table-shell th{border-bottom:1px solid #e8e0d8;border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;text-align:center;vertical-align:middle}.data-table thead th,.erp-data-table thead th,.table-shell thead th{background:#fff;background:var(--color-surface);border-bottom:2px solid #e8e0d8;border-bottom:2px solid var(--color-border);color:#78716c;color:var(--color-text-muted,#78716c);font-size:.76rem;font-weight:700;letter-spacing:.08em;position:sticky;text-transform:uppercase;top:0;z-index:1}.data-table tbody tr:nth-child(2n),.erp-data-table tbody tr:nth-child(2n),.table-shell tbody tr:nth-child(2n){background:rgba(210,105,30,.025)}.data-table tbody tr:hover,.erp-data-table tbody tr:hover,.table-shell tbody tr:hover{background:#d2691e0f}.badge,.erp-status-badge,.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.76rem;font-weight:700;letter-spacing:.04em;padding:.28rem .75rem;white-space:nowrap}.badge-success{background:#16a34a1a;color:#16a34a;color:var(--color-success)}.badge-warning{background:#d977061a;color:#d97706;color:var(--color-warning)}.badge-danger{background:#dc26261a;color:#dc2626;color:var(--color-danger)}.badge-info{background:#2563eb1a;color:#2563eb;color:var(--color-info)}.badge-primary{background:#d2691e1a;color:#d2691e;color:var(--color-primary)}.status-badge.status-completed{background:#16a34a1a;color:#16a34a;color:var(--color-success)}.status-badge.status-pending{background:#d977061a;color:#d97706;color:var(--color-warning)}.status-badge.status-failed{background:#dc26261a;color:#dc2626;color:var(--color-danger)}.action-buttons{flex-wrap:wrap;gap:.45rem}.action-btn{border-radius:9999px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;gap:.3rem;min-height:34px;padding:.35rem .75rem;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform var(--transition),box-shadow var(--transition)}.action-btn:hover:not(:disabled){transform:translateY(-1px)}.action-btn.view-btn{background:#d2691e1a;color:#d2691e;color:var(--color-primary)}.action-btn.edit-btn{background:#d977061a;color:#d97706;color:var(--color-warning)}.action-btn.delete-btn{background:#dc26261a;color:#dc2626;color:var(--color-danger)}.action-btn.pay-btn{background:#16a34a1a;color:#16a34a;color:var(--color-success)}.modal-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0c0a0973;padding:3rem 1rem 1rem}.modal-content{border-radius:var(--radius-lg);box-shadow:0 24px 56px #1c19172e;position:relative;width:min(740px,100%)}.modal-header{border-bottom:1px solid #e8e0d8;border-bottom:1px solid var(--color-border);gap:1rem}.modal-header h2,.modal-header h3{color:#0c0a09;color:var(--color-heading);font-size:1.1rem;font-weight:700;margin:0}.modal-close{border-radius:var(--radius-sm);color:#78716c;font-size:1.3rem;line-height:1;padding:.25rem;transition:color .2s ease-out,background .2s ease-out;transition:color var(--transition),background var(--transition)}.modal-close:hover{background:#f5f0ea;background:var(--color-surface-strong);color:#0c0a09;color:var(--color-heading)}.hero-card{background:linear-gradient(135deg,#fff8f0,#fef0dc);border:1px solid #d2691e24}@media (max-width:900px){.action-buttons{justify-content:flex-start}.modal-content{padding:1.25rem;width:100%}}@media (max-width:640px){.card,.panel-card,.table-card{border-radius:12px;border-radius:var(--radius-md)}.container{width:min(100%,calc(100% - 1rem))}}#root,.app,.layout-container,.main-content,body{background:var(--color-background)!important;color:var(--color-text)!important}.btn-add,.btn-generate,.btn-primary,.btn-primary[type=submit],.btn-save,.fg-btn-primary,button.btn-primary,input[type=submit].btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;border-color:#0000!important;box-shadow:0 8px 24px #d2691e38!important;color:#fff!important}.btn-add:hover:not(:disabled),.btn-generate:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-save:hover:not(:disabled),.fg-btn-primary:hover:not(:disabled){box-shadow:0 14px 32px #d2691e4d!important;transform:translateY(-2px)!important}.btn-back,.btn-cancel,.btn-export,.btn-outline-secondary,.btn-secondary,.btn-secondary[type=button]{background:var(--color-surface)!important;border-color:var(--color-border)!important;box-shadow:0 1px 3px #1c19170f!important;color:#44403c!important;color:var(--color-text-secondary,#44403c)!important}.btn-back:hover:not(:disabled),.btn-cancel:hover:not(:disabled),.btn-export:hover:not(:disabled),.btn-outline-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:#f5f0ea!important;background:var(--color-surface-strong,#f5f0ea)!important;border-color:#d6cbbf!important;border-color:var(--color-border-strong,#d6cbbf)!important}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d)!important;border-color:#0000!important;box-shadow:0 6px 18px #16a34a38!important;color:#fff!important}.btn-success:hover:not(:disabled){box-shadow:0 10px 26px #16a34a4d!important}.btn-warning{background:linear-gradient(135deg,#d97706,#b45309)!important}.btn-danger,.btn-warning{border-color:#0000!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 6px 18px #dc262638!important}.btn-info{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#0000!important;color:#fff!important}.btn-outline{background:#0000!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.btn-outline:hover:not(:disabled){background:#d2691e14!important}.btn-outline-success{background:#0000!important;border-color:#16a34a!important;color:#16a34a!important}.btn-outline-success:hover:not(:disabled){background:#16a34a14!important}.btn-outline-warning{background:#0000!important;border-color:#d97706!important;color:#d97706!important}.btn-outline-warning:hover:not(:disabled){background:#d9770614!important}.btn-outline-danger{background:#0000!important;border-color:#dc2626!important;color:#dc2626!important}.btn-outline-danger:hover:not(:disabled){background:#dc262614!important}.fg-search-input:focus,.form-control:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.minimal-input:focus,.minimal-select:focus,.search-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #d2691e2e!important;outline:none!important}.alert-card,.card,.fg-table-wrapper,.minimal-card,.panel-card,.report-summary,.summary-card,.table-card,.table-responsive,.table-shell{background:var(--color-surface)!important;border-color:var(--color-border)!important}.data-table tbody tr:hover,.erp-data-table tbody tr:hover,.table-card tbody tr:hover,.table-shell tbody tr:hover{background:#d2691e0f!important}.data-table tbody tr:nth-child(2n),.erp-data-table tbody tr:nth-child(2n),.table-card tbody tr:nth-child(2n),.table-shell tbody tr:nth-child(2n){background:rgba(210,105,30,.025)!important}.badge-primary,.fg-tag{background:#d2691e1a!important;color:var(--color-primary)!important}.badge-success,.fg-badge{background:#16a34a1a!important;color:#16a34a!important}.badge-warning{background:#d977061a!important;color:#d97706!important}.badge-danger{background:#dc26261a!important;color:#dc2626!important}.minimal-toggle-switch input:checked+.toggle-animate{background-color:var(--color-primary)!important}.minimal-toggle-switch.vat-toggle input:checked+.toggle-animate{background-color:var(--color-success)!important}.minimal-toggle-switch input:focus+.toggle-animate{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}.content-header h1,.content-header h2,.page-header h1,.page-header h2,.page-title,.section-title{color:var(--color-heading)!important}.description-text,.empty-state,.fg-empty-text,.helper-text,.info-label,.loading-state,.page-subtitle,.user-role{color:var(--color-text-muted)!important}.dashboard-footer,.dashboard-header{border-color:var(--color-border)!important}.dashboard-footer,.dashboard-header,.empty-state,.loading-state{background:var(--color-surface)!important}.react-select__control--is-focused{box-shadow:0 0 0 4px #d2691e2e!important}.react-select__control--is-focused,.react-select__control:hover{border-color:var(--color-primary)!important}.react-select__option--is-selected{color:#fff!important}.react-select__option--is-focused:not(.react-select__option--is-selected){background:#d2691e14!important;color:var(--color-text)!important}.main-content>*{animation:slideUp .28s ease-out both}.popup-overlay{align-items:flex-start;animation:fadeIn .18s ease-out both;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0c0a0966;inset:0;padding-top:2.5rem;z-index:9999}.popup-container{animation:popupSlide .28s cubic-bezier(.34,1.56,.64,1) both;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8e0d8;border:1px solid var(--color-border,#e8e0d8);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 24px 56px #1c191729,0 4px 12px #00000014;overflow:hidden;width:min(400px,calc(100vw - 2rem))}@keyframes popupSlide{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{border-bottom:1px solid #ffffff26;gap:1rem;padding:1.1rem 1.25rem}.popup-header h3{font-size:1rem;font-weight:700;letter-spacing:.01em}.close-btn{align-items:center;background:#fff3;border-radius:50%;color:inherit;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;transition:background .2s;transition:background var(--transition,.2s);width:28px}.close-btn:hover{background:#ffffff4d}.popup-content{align-items:center;color:#1c1917;color:var(--color-text,#1c1917);display:flex;font-size:.9rem;gap:.75rem;line-height:1.55;min-height:72px;padding:1.25rem}.popup-footer{background:#fdf9f5;background:var(--color-surface-hover,#fdf9f5);border-top:1px solid #e8e0d8;border-top:1px solid var(--color-border,#e8e0d8);padding:.85rem 1.25rem;text-align:right}.btn-ok{background:linear-gradient(135deg,#d2691e,sienna);background:linear-gradient(135deg,var(--color-primary,#d2691e),var(--color-primary-dark,sienna));border:none;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 14px #d2691e40;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;letter-spacing:.01em;min-height:38px;padding:.5rem 1.25rem;transition:transform var(--transition),box-shadow var(--transition)}.btn-ok:hover{box-shadow:0 8px 20px #d2691e52;transform:translateY(-1px)}.success .popup-header{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.success .close-btn,.success .popup-header h3{color:#fff}.success .btn-ok{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #16a34a47}.error .popup-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.error .close-btn,.error .popup-header h3{color:#fff}.error .btn-ok{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262647}.warning .popup-header{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.warning .close-btn,.warning .popup-header h3{color:#fff}.info .popup-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.info .close-btn,.info .popup-header h3{color:#fff}.login-page-wrapper,.register-page-wrapper{align-items:center;background:linear-gradient(#1c191759,#1c19177a),url(/static/media/cake.8a68a4f546b6d3d642be.jpg) 50% /cover no-repeat;display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.login-page-wrapper:before,.register-page-wrapper:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff14;content:"";inset:0;pointer-events:none;position:absolute}.login-container,.register-container{animation:cardEntrance .4s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #d2691e1f;border-radius:28px;border-radius:var(--radius-xl,28px);box-shadow:0 24px 56px #1c19171f,0 4px 12px #d2691e0f,inset 0 1px 0 #ffffffe6;margin:0 auto;max-width:440px;padding:2.25rem 2rem;position:relative;text-align:center;width:100%;z-index:1}.login-header,.logo-header{align-items:center;display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.75rem}.login-header .logo-image,.logo-header .logo-image{animation:logoFloat 3s ease-in-out infinite;border-radius:20px;box-shadow:0 8px 24px #d2691e38,0 0 0 4px #d2691e1f;height:80px;object-fit:cover;width:80px}.login-header h2,.register-container h2{color:var(--color-heading);font-size:1.65rem;font-weight:800;letter-spacing:-.025em;margin:0}.login-header p,.logo-header p{color:var(--color-text-muted);font-size:.88rem;margin:.25rem 0 0}.form-group label{font-size:.84rem;letter-spacing:.01em;margin-bottom:.45rem}.form-group input{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.92rem;min-height:48px;padding:.8rem 1rem;transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #d2691e29}.form-group input::placeholder{color:#a8a29e;color:var(--color-text-placeholder,#a8a29e);font-size:.88rem}.login-button,.register-container button[type=submit],.register-container>form>button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 28px #d2691e47;color:#fff;cursor:pointer;display:flex;font-size:.98rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.01em;margin-top:.75rem;min-height:52px;overflow:hidden;position:relative;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);width:100%}.login-button:before,.register-container button[type=submit]:before{background:linear-gradient(135deg,#ffffff26,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.login-button:hover:not(:disabled),.register-container button[type=submit]:hover:not(:disabled){box-shadow:0 16px 36px #d2691e57;transform:translateY(-2px)}.login-button:active:not(:disabled),.register-container button[type=submit]:active:not(:disabled){box-shadow:0 8px 18px #d2691e38;transform:translateY(0)}.login-button:disabled,.register-container button[type=submit]:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;opacity:.7;transform:none}.login-link,.register-link{margin-top:1.25rem;text-align:center}.login-link h4,.register-link h4{color:var(--color-text-muted);font-size:.88rem;font-weight:400;margin:0}.login-link a,.register-link a{color:var(--color-primary);font-weight:700;text-decoration:none;transition:color var(--transition)}.login-link a:hover,.register-link a:hover{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:3px}.auth-divider{align-items:center;color:var(--color-text-muted);display:flex;font-size:.82rem;gap:.75rem;margin:1.25rem 0}.auth-divider:after,.auth-divider:before{background:var(--color-border);content:"";flex:1 1;height:1px}@media (max-width:640px){.login-container,.register-container{border-radius:var(--radius-lg);margin:0;padding:1.75rem 1.25rem}.login-header h2,.register-container h2{font-size:1.45rem}}@media (max-width:360px){.login-container,.register-container{padding:1.25rem 1rem}}.stats-dashboard-wrapper{width:100%}.stats-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.stat-premium-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);cursor:default;display:flex;flex-direction:column;min-height:148px;overflow:hidden;padding:1.35rem 1.35rem 1.2rem;position:relative;transition:transform var(--transition),box-shadow var(--transition)}.stat-premium-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.stat-premium-card:after{border-radius:50%;bottom:-30px;content:"";height:120px;opacity:.07;position:absolute;right:-30px;transition:opacity var(--transition);width:120px}.stat-premium-card:hover:after{opacity:.12}.stat-card-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.stat-card-info{display:flex;flex-direction:column;justify-content:center;z-index:2}.stat-label{color:var(--color-text-muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;margin:0 0 .55rem;text-transform:uppercase}.stat-value{color:var(--color-heading);font-family:Inter,Poppins,sans-serif;font-family:var(--font-data,"Inter","Poppins",sans-serif);font-size:1.65rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.stat-card-icon-wrapper{align-items:center;border-radius:14px;box-shadow:0 4px 14px #00000014;display:flex;flex-shrink:0;font-size:1.4rem;height:54px;justify-content:center;transition:transform var(--transition-bounce);width:54px;z-index:2}.stat-premium-card:hover .stat-card-icon-wrapper{transform:scale(1.08) rotate(-3deg)}.stat-icon-large{line-height:1}.blue-gradient{border-top:3px solid #3b82f6}.blue-gradient:after{background:#3b82f6}.blue-gradient .stat-card-icon-wrapper{background:#3b82f61f}.blue-gradient .stat-label{color:#2563eb}.green-gradient{border-top:3px solid var(--color-success)}.green-gradient:after{background:var(--color-success)}.green-gradient .stat-card-icon-wrapper{background:#16a34a1a}.green-gradient .stat-label{color:var(--color-success)}.purple-gradient{border-top:3px solid var(--color-primary)}.purple-gradient:after{background:var(--color-primary)}.purple-gradient .stat-card-icon-wrapper{background:#d2691e1a}.purple-gradient .stat-label{color:var(--color-primary)}.orange-gradient{border-top:3px solid var(--color-warning)}.orange-gradient:after{background:var(--color-warning)}.orange-gradient .stat-card-icon-wrapper{background:#d977061a}.orange-gradient .stat-label{color:var(--color-warning)}.stats-loading-container{width:100%}.stats-skeleton-row{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stats-skeleton-card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-card);height:148px;overflow:hidden;position:relative}.stats-skeleton-card:after{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.stats-error-message{background:#dc262612;border:1px solid #dc262626;border-radius:var(--radius-card);color:var(--color-danger);font-size:.9rem;font-weight:500;padding:1.1rem 1.25rem;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid,.stats-skeleton-row{grid-template-columns:1fr}.stat-premium-card{min-height:130px}.stat-value{font-size:1.45rem}}@media (min-width:1440px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:1.85rem}.stat-card-icon-wrapper{font-size:1.6rem;height:60px;width:60px}}.dashboard-container{animation:slideUp .3s ease-out both;display:flex;flex-direction:column;gap:1.5rem;min-height:100%}.dashboard-header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);display:flex;gap:1rem;justify-content:space-between;overflow:hidden;padding:1.1rem 1.5rem;position:relative}.dashboard-header:before{background:linear-gradient(135deg,#d2691e0a,#f4a46008);content:"";inset:0;pointer-events:none;position:absolute}.dashboard-header h1{color:var(--color-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.dashboard-header .page-subtitle,.dashboard-header p.page-subtitle{color:var(--color-text-muted);font-size:.85rem;margin:.2rem 0 0}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:.85rem}.header-controls .search-input,.header-controls input{background:#fdf9f5;background:var(--color-surface-hover,#fdf9f5);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:.88rem;min-height:40px;min-width:210px;padding:.55rem .95rem;transition:border-color var(--transition),box-shadow var(--transition),min-width var(--transition-slow)}.header-controls .search-input:focus,.header-controls input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);min-width:250px;outline:none}.header-controls input::placeholder{color:#a8a29e;color:var(--color-text-placeholder,#a8a29e)}.notification-icon{align-items:center;background:#d9770614;border-radius:var(--radius-full);color:var(--color-warning);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:background var(--transition),transform var(--transition);width:40px}.notification-icon:hover{animation:bellShake .5s ease;background:#d9770629}@keyframes bellShake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.user-profile{align-items:center;background:var(--color-primary-light);border:1px solid #d2691e24;border-radius:var(--radius-full);cursor:default;display:flex;flex-shrink:0;gap:.65rem;padding:.4rem .75rem .4rem .45rem;transition:background var(--transition),box-shadow var(--transition)}.user-profile:hover{background:#d2691e24;background:var(--color-primary-muted,#d2691e24);box-shadow:0 2px 10px #d2691e1f}.user-profile img{border:2px solid #d2691e40;border-radius:50%;height:38px;object-fit:cover;width:38px}.user-name{color:var(--color-heading);font-size:.88rem;font-weight:600;line-height:1.2}.user-role{color:var(--color-text-muted);font-size:.76rem;line-height:1.2}.chart-stats-row{display:flex;flex-wrap:wrap;gap:1.25rem}.chart-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);flex:1 1 280px;min-width:0;padding:1.4rem;transition:box-shadow var(--transition),transform var(--transition)}.chart-box:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.chart-box h3{border-bottom:1px solid var(--color-border-light);color:var(--color-heading);font-size:.95rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.dashboard-footer{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);border-top:3px solid var(--color-primary);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem 1.5rem}.dashboard-footer p{color:var(--color-text-muted);font-size:.84rem;line-height:1.4;margin:0}.dev-name{color:var(--color-primary);font-weight:700}.sales-legend{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.84rem;gap:.5rem}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.chris{background:var(--color-primary)}.billine{background:var(--color-success)}.purchasing{grid-column:span 3}.purchasing-stats{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.purchasing-stat{background:var(--color-surface-strong);border-radius:var(--radius-md);padding:1rem;text-align:center}.purchasing-label{color:var(--color-text-muted);font-size:.82rem;font-weight:500;margin-bottom:.4rem}.purchasing-value{color:var(--color-primary);font-family:Inter,sans-serif;font-family:var(--font-data,"Inter",sans-serif);font-size:1.4rem;font-weight:700}.comparison{grid-column:span 7}.bar-group{align-items:center;display:flex;gap:.75rem;margin-bottom:.85rem}.bar-label{color:var(--color-text-secondary);flex-shrink:0;font-size:.84rem;width:140px}.bar{border-radius:var(--radius-sm);flex-grow:1;height:22px;position:relative;transition:width .6s ease}.actual{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.overmoved{background:linear-gradient(90deg,var(--color-success),#4ade80)}.bar-value{color:var(--color-heading);font-family:Inter,sans-serif;font-family:var(--font-data,"Inter",sans-serif);font-size:.84rem;font-weight:600;min-width:70px;text-align:right}.item-name{color:var(--color-text);flex:1 1;font-size:.9rem}.item-progress{background:var(--color-border);border-radius:999px;height:7px;overflow:hidden;width:130px}.progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px;height:100%}.item-percent{color:var(--color-primary);font-family:Inter,sans-serif;font-family:var(--font-data,"Inter",sans-serif);font-size:.88rem;font-weight:700;min-width:38px;text-align:right}.items-container{flex-direction:column}.item,.items-container{display:flex;gap:.85rem}.item{align-items:center}@media (max-width:900px){.dashboard-footer,.dashboard-header{align-items:flex-start;flex-direction:column}.header-controls{flex-wrap:wrap;width:100%}.header-controls .search-input,.header-controls input{flex:1 1;min-width:0}.chart-stats-row{flex-direction:column}}@media (max-width:640px){.dashboard-header{padding:1rem}.user-profile{border-radius:var(--radius-card);padding:.6rem .85rem;width:100%}}@media (min-width:1024px){.chart-stats-row{flex-wrap:nowrap}}.items-table-container{border:1px solid #eef2f6;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:box-shadow .2s ease}.items-table-container:hover{box-shadow:0 1px 3px #0000000a,0 12px 32px #00000014}.items-table{background:#fff;border-collapse:initial;border-radius:16px;border-spacing:0;min-width:820px;overflow:hidden}.items-table,.items-table tbody,.items-table td,.items-table th,.items-table thead,.items-table tr{border:none!important}.items-table thead{background:#f8fafd}.items-table thead tr{border-bottom:2px solid #e8edf4!important}.items-table th{background:#f8fafd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;text-align:center!important;z-index:10}.items-table th:first-child{padding-left:20px;text-align:left!important}.items-table th:last-child{padding-right:20px}.items-table tbody tr{transition:background-color .15s ease,transform .1s ease}.items-table tbody tr:hover{background-color:#f8fafc}.items-table tbody td{background:#fff;border-bottom:1px solid #f1f4f9!important;color:#1e293b;font-size:13px;padding:12px 16px;text-align:center!important;transition:background-color .15s ease;vertical-align:middle}.items-table tbody td:first-child{padding-left:20px;text-align:left!important}.items-table tbody td:last-child{padding-right:20px;text-align:center!important}.items-table tbody tr:last-child td{border-bottom:none!important}.items-table tbody tr:nth-child(2n) td{background-color:#fafbfd}.items-table tbody tr:nth-child(2n):hover td{background-color:#f5f7fa}.items-table input[type=number],.items-table input[type=text]{border-bottom:2px solid #e2e8f0;font-family:inherit;font-size:13px;max-width:140px;padding:6px 10px 5px;text-align:center!important;transition:border-color .25s ease,background-color .2s ease,box-shadow .2s ease}.items-table input[type=number]:focus,.items-table input[type=text]:focus{background-color:#f7faff;border-bottom-color:#4f7eb3;box-shadow:0 2px 0 #4f7eb31a}.items-table input[type=number]:hover,.items-table input[type=text]:hover{border-bottom-color:#94a3b8}.items-table input.quantity-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;margin:0 auto;max-width:70px;padding:6px 8px;text-align:center!important;transition:all .2s ease}.items-table input.quantity-input:focus{background:#fff;border-color:#4f7eb3;box-shadow:0 0 0 3px #4f7eb31f}.items-table input.quantity-input:hover{border-color:#94a3b8}.items-table input.unit-display{background:#f1f4f9!important;background-color:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:6px;color:#475569;font-size:12px;max-width:70px;padding:6px 8px;text-align:center!important}.items-table input.price-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;max-width:110px;padding:6px 8px;transition:all .2s ease}.items-table input.price-input:focus{background:#fff;border-color:#4f7eb3;box-shadow:0 0 0 3px #4f7eb31f}.items-table input.price-input.price-different{border-color:#f59e0b}.items-table input.price-input.price-different:focus{background-color:#fff;border-color:#d97706;box-shadow:0 0 0 3px #f59e0b26}.items-table .amount-cell,.items-table .vat-cell{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;padding:12px 16px;text-align:center!important}.items-table .total-cell{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;padding:12px 16px;text-align:center!important}.items-table .price-hint{font-size:10px;letter-spacing:.02em;margin-top:3px;text-align:center!important}.items-table .price-hint.different{color:#d97706;font-weight:600}.items-table .vat-badge{background:#d1fae5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;font-size:9px;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.items-table .vat-applicable-label{color:#059669;display:block;font-size:9px;font-weight:600;letter-spacing:.03em;margin-top:4px;text-align:center!important;text-transform:uppercase}.items-table td:last-child{padding:12px 8px}.items-table td:last-child,.items-table th:last-child{min-width:50px;text-align:center!important;width:50px}.items-table .btn-remove-item{border-radius:10px;display:inline-flex;font-size:13px;height:36px;position:relative;width:36px}.items-table .btn-remove-item:after{background:#1e293b;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:"Remove";font-size:10px;font-weight:500;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:all .2s ease;white-space:nowrap}.items-table .btn-remove-item:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.items-table .btn-remove-item:hover:not(:disabled){color:#dc2626;transform:scale(1.08)}.items-table .btn-remove-item:active:not(:disabled){transform:scale(.95)}.items-table .btn-remove-item:disabled{opacity:.25}.items-table .react-select-container{margin:0;max-width:280px;width:100%}.items-table .react-select__control{background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;font-size:13px;min-height:38px!important;transition:all .25s ease!important}.items-table .react-select__control:hover{background:#fff!important;border-color:#94a3b8!important}.items-table .react-select__control--is-focused{background:#fff!important;border-color:#4f7eb3!important;box-shadow:0 0 0 3px #4f7eb31f!important}.items-table .react-select__value-container{padding:2px 10px 2px 12px!important}.items-table .react-select__single-value{font-size:13px;text-align:left!important}.items-table .react-select__placeholder{font-size:12px;text-align:left!important}.items-table .react-select__menu{border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f!important;margin-top:6px!important;overflow:hidden!important;z-index:9999!important}.items-table .react-select__menu-list{padding:6px 0!important}.items-table .react-select__option{cursor:pointer!important;font-size:13px!important;padding:10px 16px!important;text-align:left!important;transition:background-color .15s ease!important}.items-table .react-select__option--is-selected{background:#4f7eb3!important}.items-table .react-select__option:active{background:#e2e8f0!important}.items-table .react-select__dropdown-indicator{color:#94a3b8!important;padding:6px!important}.items-table .react-select__indicator-separator{display:none!important}.items-table .react-select__clear-indicator{color:#94a3b8!important;padding:6px!important}.items-table .react-select__clear-indicator:hover{color:#dc2626!important}.items-table-wrapper{padding:20px 24px 16px}.items-table-header{gap:12px;margin-bottom:16px}.items-table-header-left{align-items:center;display:flex;gap:12px}.items-table-header-left h3{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.items-table-header-left .item-count-badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 10px}.items-table-controls{align-items:center;display:flex;gap:10px}.btn-add-item{background:#fff;border:1.5px dashed #cbd5e1;color:#475569;font-family:inherit;margin-top:0;transition:all .25s ease}.btn-add-item:hover{background:#f8fafc;border-color:#4f7eb3;box-shadow:0 4px 12px #4f7eb314;color:#0f172a}.btn-add-item svg{color:#475569;font-size:12px;transition:color .2s ease}.btn-add-item:hover svg{color:#4f7eb3}.items-table-footer{align-items:center;border-top:1px solid #f1f4f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px 20px}.items-table-footer .footer-summary{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.items-table-footer .summary-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.items-table-footer .summary-item .label{color:#94a3b8;font-weight:400}.items-table-footer .summary-item .value{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}.items-table-footer .summary-item .value.highlight{color:#4f7eb3;font-size:15px;font-weight:700}.items-table-footer .summary-item .value.vat-value{color:#7c3aed}@media (max-width:1024px){.items-table{font-size:12px;min-width:760px}.items-table td,.items-table th{padding:10px 12px}.items-table td:first-child,.items-table th:first-child{padding-left:16px}.items-table td:last-child,.items-table th:last-child{padding-right:16px}.items-table .react-select-container{max-width:200px;min-width:150px}.items-table input.quantity-input,.items-table input.unit-display{max-width:60px}.items-table input.price-input{max-width:90px}}@media (max-width:768px){.items-table{font-size:11px;min-width:680px}.items-table th{font-size:10px}.items-table td,.items-table th{padding:8px 10px}.items-table td:first-child,.items-table th:first-child{padding-left:12px}.items-table td:last-child,.items-table th:last-child{padding-right:12px}.items-table input[type=number],.items-table input[type=text]{font-size:11px;padding:4px 6px 3px}.items-table input.quantity-input{font-size:12px;max-width:50px;padding:4px 6px}.items-table input.unit-display{font-size:11px;max-width:50px;padding:4px 6px}.items-table input.price-input{font-size:12px;max-width:70px;padding:4px 6px}.items-table .react-select-container{max-width:160px;min-width:120px}.items-table .react-select__control{min-height:32px!important}.items-table .react-select__single-value{font-size:11px}.items-table .btn-remove-item{font-size:11px;height:30px;width:30px}.items-table-footer{align-items:stretch;flex-direction:column;gap:8px;padding:12px 16px 16px}.items-table-footer .footer-summary{justify-content:space-between}.items-table-header{align-items:stretch;flex-direction:column;gap:8px}.items-table-wrapper{padding:12px 16px 8px}}@media (max-width:480px){.items-table{font-size:10px;min-width:580px}.items-table td,.items-table th{padding:6px 8px}.items-table td:first-child,.items-table th:first-child{padding-left:8px}.items-table td:last-child,.items-table th:last-child{padding-right:8px}.items-table input.quantity-input{font-size:11px;max-width:40px;padding:3px 4px}.items-table input.unit-display{font-size:10px;max-width:40px;padding:3px 4px}.items-table input.price-input{font-size:11px;max-width:60px;padding:3px 4px}.items-table .react-select-container{max-width:130px;min-width:90px}.items-table .react-select__control{min-height:28px!important}.items-table .react-select__value-container{padding:1px 6px 1px 8px!important}.items-table .react-select__single-value{font-size:10px}.items-table .btn-remove-item{font-size:10px;height:26px;width:26px}.btn-add-item{padding:6px 14px}.btn-add-item,.items-table-footer .summary-item{font-size:11px}.items-table-footer .summary-item .value.highlight{font-size:13px}.items-table-wrapper{padding:8px 10px 4px}}.items-table-container::-webkit-scrollbar{height:8px;width:8px}.items-table-container::-webkit-scrollbar-track{border-radius:8px}.items-table-container::-webkit-scrollbar-thumb{background:#d1d9e6;border:2px solid #f1f4f9;border-radius:8px}.items-table-container::-webkit-scrollbar-thumb:hover{background:#b0bcca}.items-table-container{scrollbar-color:#d1d9e6 #f1f4f9;scrollbar-width:thin}.items-empty{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.items-empty .empty-icon{color:#cbd5e1;display:block;font-size:36px;margin-bottom:12px}.items-empty .empty-text{color:#475569;font-weight:500}@keyframes fadeInRow{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.items-table tbody tr:last-child td{animation:fadeInRow .3s ease-out}.pis-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-top:24px;overflow:hidden}.pis-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.pis-header,.pis-header h3{align-items:center;display:flex}.pis-header h3{color:#1e293b;font-size:16px;font-weight:700;gap:10px;margin:0}.pis-header h3 svg{color:#2563eb}.pis-header-actions{display:flex;gap:12px}.pis-btn-pay{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 18px;transition:background .2s,transform .1s}.pis-btn-pay:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.pis-btn-pay:disabled{cursor:not-allowed;opacity:.45}.pis-btn-pay-now{align-items:center;background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 18px;transition:background .2s,transform .1s}.pis-btn-pay-now:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.pis-btn-pay-now:disabled{cursor:not-allowed;opacity:.5}.pis-summary-grid{grid-gap:1px;background:#e2e8f0;border-bottom:1px solid #e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.pis-summary-item{background:#fff;display:flex;flex-direction:column;gap:4px;padding:16px 24px}.pis-summary-item span{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pis-summary-item strong{color:#0f172a;font-size:20px;font-weight:800}.pis-summary-item.credit strong{color:#059669}.pis-summary-item.debt strong{color:#dc2626}.pis-filter-bar{grid-gap:16px;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:grid;gap:16px;grid-template-columns:1.3fr 1fr;padding:16px 24px 12px}.pis-filter-group{display:flex;flex-direction:column;gap:7px}.pis-filter-group label{align-items:center;color:#475569;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.pis-filter-input-wrap{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;display:flex;gap:8px;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.pis-filter-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pis-filter-input-wrap svg{color:#94a3b8;flex-shrink:0}.pis-filter-input-wrap input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:14px;outline:none}.pis-clear-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px;transition:color .2s}.pis-clear-btn:hover{color:#64748b}.pis-filter-select-wrap{align-items:center;display:flex;gap:8px}.pis-filter-select-wrap select{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#0f172a;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.pis-filter-select-wrap select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pis-clear-filter-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 10px;transition:background .2s;white-space:nowrap}.pis-clear-filter-btn:hover{background:#fecaca}.pis-active-filter-notice{align-items:center;background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1e40af;display:flex;font-size:13px;gap:8px;padding:10px 24px}.pis-active-filter-notice svg{color:#2563eb}.pis-active-filter-notice strong{font-weight:700}.pis-notice-clear{background:none;border:1px solid #93c5fd;border-radius:5px;color:#2563eb;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:3px 10px;transition:background .2s}.pis-notice-clear:hover{background:#dbeafe}.pis-cross-supplier-warning{align-items:flex-start;background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e;display:flex;font-size:13px;gap:10px;padding:12px 24px}.pis-cross-supplier-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.pis-table-container{overflow-x:auto}.pis-table{border-collapse:collapse;width:100%}.pis-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.pis-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:13px 14px;vertical-align:middle}.pis-table tbody tr:hover{background:#f8fafc}.pis-table tbody tr.selected{background:#eff6ff}.pis-table tbody tr.pis-row-invoice{border-left:3px solid #ef444440}.pis-table tbody tr.pis-row-advance{border-left:3px solid #22c55e40}.pis-table tbody tr.pis-row-return_credit{border-left:3px solid #f59e0b40}.pis-table tbody tr.pis-row-invoice:hover{background:#fff5f5}.pis-table tbody tr.pis-row-advance:hover{background:#f0fdf4}.pis-table tbody tr.pis-row-return_credit:hover{background:#fffbeb}.pis-checkbox{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.pis-no-check{display:inline-block;height:16px;width:16px}.pis-supplier-name{color:#1e293b;font-size:13px;font-weight:600}.pis-company-name{color:#475569;font-size:13px}.pis-doc-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.pis-doc-invoice{background:#fee2e2;color:#991b1b}.pis-doc-advance{background:#dcfce7;color:#166534}.pis-doc-return_credit{background:#fef3c7;color:#92400e}.pis-invoice-num{color:#0f172a;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600;letter-spacing:.02em}.pis-date{color:#475569;font-size:13px}.pis-amount{font-weight:600;text-align:right}.pis-amount-debt{color:#dc2626;font-weight:700}.pis-amount-credit{color:#059669;font-weight:700}.pis-status-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 9px}.pis-status-non-paid{background:#fee2e2;color:#991b1b}.pis-status-partially-paid{background:#fef3c7;color:#92400e}.pis-status-paid{background:#dcfce7;color:#166534}.pis-status-active{background:#dbeafe;color:#1e40af}.pis-status-partially-used{background:#fef3c7;color:#92400e}.pis-status-fully-used{background:#f1f5f9;color:#64748b}.pis-actions{display:flex;justify-content:flex-end}.pis-btn-settle{align-items:center;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:6px;color:#7e22ce;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.pis-btn-settle:hover:not(:disabled){background:#e9d5ff;border-color:#d8b4fe;transform:translateY(-1px)}.pis-btn-settle:disabled{cursor:not-allowed;opacity:.5}.pis-selection-summary{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;color:#0f172a;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:14px 24px}.pis-selection-summary span{color:#1e293b}.pis-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;padding:48px 20px;text-align:center}.pis-empty svg{color:#cbd5e1;font-size:36px}.pis-empty p{font-size:14px;margin:0}.pis-credit-section{background:#fafbfc;border-top:1px solid #e2e8f0;padding:16px 24px}.pis-credit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pis-credit-header h4{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.pis-credit-header span{color:#64748b;font-size:12px}.pis-credit-legend{display:flex;flex-wrap:wrap;gap:12px}.pis-credit-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 12px}.pis-credit-badge.advance{background:#dcfce7;color:#166534}.pis-credit-badge.return{background:#fef3c7;color:#92400e}.pis-credit-badge.invoice-legend{background:#fee2e2;color:#991b1b}@media (max-width:1024px){.pis-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pis-summary-grid{grid-template-columns:1fr 1fr}.pis-filter-bar{grid-template-columns:1fr}.pis-header{align-items:flex-start;flex-direction:column;gap:14px}.pis-header-actions{justify-content:space-between;width:100%}.pis-credit-header{align-items:flex-start;flex-direction:column;gap:6px}.pis-filter-select-wrap{align-items:stretch;flex-direction:column}.pis-credit-legend{flex-direction:column}}.ipm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.ipm-modal{animation:ipm-slide-in .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}@keyframes ipm-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ipm-header{background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:20px 24px}.ipm-header,.ipm-header h3{align-items:center;display:flex}.ipm-header h3{font-size:18px;font-weight:700;gap:10px;margin:0}.ipm-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px;transition:background .2s}.ipm-close:hover{background:#ffffff59}.ipm-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.ipm-invoice-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.ipm-invoice-summary h4{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.ipm-invoice-tag{align-items:center;background:#dbeafe;border-radius:6px;color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin:3px;padding:4px 10px}.ipm-total-row{align-items:center;border-top:1px solid #e2e8f0;color:#0f172a;display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-top:10px;padding-top:10px}.ipm-total-row .ipm-balance{color:#dc2626;font-size:16px}.ipm-form{display:flex;flex-direction:column;gap:16px}.ipm-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ipm-form-group{display:flex;flex-direction:column;gap:6px}.ipm-form-group label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px}.ipm-form-group input,.ipm-form-group select,.ipm-form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#0f172a;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.ipm-form-group input:focus,.ipm-form-group select:focus,.ipm-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ipm-amount-wrapper{display:flex;gap:8px}.ipm-amount-wrapper input{flex:1 1}.ipm-max-btn{background:#eff6ff;border:1.5px solid #93c5fd;border-radius:8px;color:#1d4ed8;cursor:pointer;font-size:13px;font-weight:600;padding:0 14px;transition:background .2s;white-space:nowrap}.ipm-max-btn:hover{background:#dbeafe}.ipm-hint{color:#6b7280;font-size:12px;margin-top:2px}.ipm-allocation{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:14px 16px}.ipm-allocation h4{color:#16a34a;font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.ipm-alloc-row{align-items:center;border-bottom:1px solid #dcfce7;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.ipm-alloc-row:last-child{border-bottom:none}.ipm-alloc-inv{color:#065f46;font-weight:600}.ipm-alloc-amt{color:#16a34a;font-weight:700}.ipm-alloc-remaining{color:#6b7280;font-size:11px}.ipm-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ipm-btn-cancel{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:background .2s}.ipm-btn-cancel:hover{background:#e2e8f0}.ipm-btn-submit{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 28px;transition:opacity .2s,transform .15s}.ipm-btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ipm-btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.ipm-form-row{grid-template-columns:1fr}.ipm-footer{flex-direction:column-reverse}.ipm-btn-cancel,.ipm-btn-submit{justify-content:center;width:100%}}.ipm-balance-hint{background:#f0f7ff;border:1px solid #cfe4ff;border-radius:8px;color:#1a4d8f;font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px}.pnm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.pnm-modal{animation:pnm-slide-in .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-width:500px;width:100%}@keyframes pnm-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pnm-header{background:linear-gradient(135deg,#047857,#10b981);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:20px 24px}.pnm-header,.pnm-header h3{align-items:center;display:flex}.pnm-header h3{font-size:18px;font-weight:700;gap:10px;margin:0}.pnm-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px;transition:background .2s}.pnm-close:hover{background:#ffffff59}.pnm-body{display:flex;flex-direction:column;gap:20px;padding:24px}.pnm-info-banner{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:13px;gap:12px;line-height:1.5;padding:12px 16px}.pnm-info-banner svg{color:#10b981;font-size:18px;margin-top:2px}.pnm-form{display:flex;flex-direction:column;gap:16px}.pnm-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pnm-form-group{display:flex;flex-direction:column;gap:6px}.pnm-form-group label{color:#374151;font-size:13px;font-weight:600}.pnm-form-group input,.pnm-form-group select,.pnm-form-group textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#0f172a;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.pnm-form-group input:focus,.pnm-form-group select:focus,.pnm-form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.pnm-amount-input{color:#047857!important;font-size:18px!important;font-weight:700}.pnm-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.pnm-btn-cancel{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.pnm-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.pnm-btn-submit{align-items:center;background:linear-gradient(135deg,#047857,#10b981);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 28px;transition:opacity .2s,transform .15s}.pnm-btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pnm-btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.pnm-form-row{grid-template-columns:1fr}.pnm-footer{flex-direction:column-reverse}.pnm-btn-cancel,.pnm-btn-submit{justify-content:center;width:100%}}.pnm-balance-hint{background:#f0f7ff;border:1px solid #cfe4ff;border-radius:8px;color:#1a4d8f;font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px}.snm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.snm-modal{animation:snm-slide-in .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}@keyframes snm-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.snm-header{background:linear-gradient(135deg,#7e22ce,#a855f7);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;justify-content:space-between;padding:20px 24px}.snm-header,.snm-header h3{align-items:center;display:flex}.snm-header h3{font-size:18px;font-weight:700;gap:10px;margin:0}.snm-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px;transition:background .2s}.snm-close:hover{background:#ffffff59}.snm-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.snm-summary{align-items:center;background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;display:flex;justify-content:space-between;padding:16px}.snm-summary-left h4{color:#6b21a8;font-size:15px;font-weight:700;margin:0 0 4px}.snm-summary-left p{color:#7e22ce;font-size:13px;margin:0}.snm-summary-right{text-align:right}.snm-summary-right span{color:#9333ea;display:block;font-size:12px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.snm-summary-right strong{color:#7e22ce;font-size:20px;font-weight:800}.snm-section-title{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.snm-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:14px;padding:30px;text-align:center}.snm-empty svg{color:#94a3b8;font-size:24px;margin-bottom:10px}.snm-credit-list{display:flex;flex-direction:column;gap:12px}.snm-credit-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:14px;transition:border-color .2s,box-shadow .2s}.snm-credit-item:hover{border-color:#d8b4fe;box-shadow:0 2px 8px #a855f714}.snm-credit-item.selected{background:#faf5ff;border-color:#a855f7}.snm-ci-info{flex:1 1}.snm-ci-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.snm-ci-type{border-radius:4px;font-size:11px;font-weight:700;padding:2px 6px;text-transform:uppercase}.snm-ci-type.return{background:#fee2e2;color:#b91c1c}.snm-ci-type.advance{background:#dcfce7;color:#15803d}.snm-ci-num{color:#1e293b;font-size:14px;font-weight:600}.snm-ci-date{color:#64748b;font-size:12px;margin-left:auto}.snm-ci-details{color:#475569;display:flex;font-size:13px;gap:16px}.snm-ci-action{align-items:center;display:flex;gap:10px;margin-left:20px}.snm-ci-input-group{border:1.5px solid #cbd5e1;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.snm-ci-input-group:focus-within{border-color:#a855f7}.snm-ci-input-group input{border:none;color:#0f172a;font-size:14px;font-weight:600;outline:none;padding:8px 10px;text-align:right;width:100px}.snm-ci-input-group input:disabled{background:#f8fafc;color:#94a3b8}.snm-ci-max{background:#f1f5f9;border:none;border-left:1px solid #cbd5e1;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:0 10px;transition:background .2s,color .2s}.snm-ci-max:hover:not(:disabled){background:#e2e8f0;color:#334155}.snm-ci-check{color:#a855f7;font-size:16px;opacity:0;width:16px}.snm-credit-item.selected .snm-ci-check{opacity:1}.snm-totals{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.snm-total-item{display:flex;flex-direction:column;gap:2px}.snm-total-item span:first-child{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.snm-total-item span:last-child{color:#0f172a;font-size:16px;font-weight:700}.snm-total-item.active span:last-child{color:#a855f7}.snm-total-item.rem span:last-child{color:#dc2626}.snm-total-item.rem.zero span:last-child{color:#16a34a}.snm-footer{border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.snm-btn-cancel{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.snm-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.snm-btn-submit{align-items:center;background:linear-gradient(135deg,#7e22ce,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 28px;transition:opacity .2s,transform .15s}.snm-btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.snm-btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.snm-summary{align-items:flex-start;flex-direction:column;gap:12px}.snm-summary-right{text-align:left}.snm-credit-item{align-items:stretch;flex-direction:column;gap:12px}.snm-ci-action{justify-content:space-between;margin-left:0}.snm-totals{align-items:flex-start;flex-direction:column;gap:12px}.snm-footer{flex-direction:column-reverse}.snm-btn-cancel,.snm-btn-submit{justify-content:center;width:100%}}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.purchase-responsive-container{background:#f9fafb;background:var(--gray-50);box-sizing:border-box;margin:0 auto;max-width:1600px;min-height:100vh;padding:1rem;padding:var(--space-md);transition:padding .3s ease}@media (min-width:640px){.purchase-responsive-container{padding:1.5rem;padding:var(--space-lg)}}@media (min-width:1024px){.purchase-responsive-container{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);padding:2rem;padding:var(--space-xl)}}@media (min-width:1920px){.purchase-responsive-container{margin:0 auto;max-width:1800px}}.loading-container-responsive{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-md)}.loading-shimmer{max-width:1200px;width:100%}.shimmer-header{height:60px}.shimmer-header,.shimmer-stats{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.shimmer-stats{height:100px}.shimmer-filters{height:50px;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.shimmer-content,.shimmer-filters{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}.shimmer-content{height:400px}.responsive-header{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.header-main{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between}.header-title-section{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.mobile-menu-btn{align-items:center;background:#fff;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.title-wrapper{display:flex;flex-direction:column}.responsive-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--space-sm);margin:0}.title-icon{color:#6366f1;color:var(--primary)}.title-subtitle{color:#6b7280;color:var(--gray-500);font-size:.813rem;margin:0}.header-actions-responsive{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.action-btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s}.action-btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.view-toggle-responsive{background:#fff;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;padding:.25rem}.toggle-option{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toggle-option.active{background:#6366f1;background:var(--primary);color:#fff}.toggle-option:disabled{cursor:not-allowed;opacity:.5}.btn-primary-responsive{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--space-xs);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .2s}.btn-primary-responsive:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.mobile-menu-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);left:1rem;left:var(--space-md);padding:.5rem;padding:var(--space-sm);position:absolute;right:1rem;right:var(--space-md);top:70px;z-index:50}.mobile-menu-dropdown button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:1rem;gap:1rem;gap:var(--space-md);padding:1rem;padding:var(--space-md);text-align:left;transition:background .2s;width:100%}.mobile-menu-dropdown button:hover{background:#f3f4f6;background:var(--gray-100)}.stats-grid-responsive{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:1fr;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}@media (min-width:480px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.stats-grid-responsive{grid-template-columns:repeat(4,1fr)}}.stat-card-responsive{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-lg);transition:all .3s}.stat-card-responsive:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-content{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-md)}.stat-icon-wrapper{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-card-responsive.primary .stat-icon-wrapper{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1;color:var(--primary)}.stat-card-responsive.success .stat-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--success)}.stat-card-responsive.warning .stat-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--warning)}.stat-card-responsive.info .stat-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--info)}.stat-info{flex:1 1;min-width:0}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.813rem;font-weight:500}.stat-label,.stat-value{display:block;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-value{color:#111827;color:var(--gray-900);font-size:1.5rem;line-height:1.2;word-break:break-word}.stat-subtext{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem}.stat-progress{margin-top:.5rem;margin-top:var(--space-sm)}.progress-bar-bg{background:#e5e7eb;background:var(--gray-200);height:6px;overflow:hidden}.progress-bar-bg,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success) 0,#34d399 100%);height:100%;transition:width .3s ease}.quick-stats-responsive{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem;padding:var(--space-md)}.stat-chip{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;gap:.25rem;gap:var(--space-xs)}.chip-dot{border-radius:50%;height:8px;width:8px}.chip-dot.paid{background:#10b981;background:var(--success)}.chip-dot.partial{background:#f59e0b;background:var(--warning)}.chip-dot.unpaid{background:#ef4444;background:var(--danger)}.stat-chip.total{color:#111827;color:var(--gray-900);font-weight:600;margin-left:auto}.search-section-responsive{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:24px;max-width:1000px;width:100%}.search-wrapper-responsive{align-items:center;display:flex;flex:1 1;height:44px;position:relative}.search-icon-abs{color:#9ca3af;color:var(--gray-400);height:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:2}.search-input-responsive{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;color:#111827;color:var(--gray-900);font-size:.95rem;height:44px;line-height:normal;margin:0;outline:none;padding:0 40px 0 44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.search-input-responsive:hover{border-color:#d1d5db;border-color:var(--gray-300)}.search-input-responsive:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f114}.clear-search-btn{align-items:center;background:#e5e7eb;background:var(--gray-200);border:none;border-radius:50%;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:20px;z-index:2}.clear-search-btn:hover{background:#d1d5db;background:var(--gray-300);color:#111827;color:var(--gray-900)}.filter-btn-responsive{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:44px;justify-content:center;margin:0;padding:0 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-btn-responsive:hover{background:#fafafa;border-color:#d1d5db;border-color:var(--gray-300);transform:translateY(-1px)}.filter-btn-responsive.active{background:#f3f4f6;background:var(--gray-100);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.filter-count-badge{background:#ef4444;background:var(--danger);border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-4px;top:-4px;width:10px}.filter-fab{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:1.2rem;height:52px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.filter-fab:active{transform:scale(.9)}.filter-fab.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 8px 20px #6366f14d;color:#fff}.filter-badge-mobile{background:#ef4444;background:var(--danger);border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:2px;top:2px;width:12px}.active-filters-responsive{align-items:flex-start;display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md);padding:.5rem 0;padding:var(--space-sm) 0}.filters-scroll{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem;gap:var(--space-xs);overflow-x:auto;padding-bottom:.25rem;padding-bottom:var(--space-xs)}.filters-scroll::-webkit-scrollbar{height:2px}.filter-tag-responsive{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;color:#374151;color:var(--gray-700);display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s;white-space:nowrap}.filter-tag-responsive:hover{background:#e5e7eb;background:var(--gray-200)}.filter-tag-responsive button{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s;width:18px}.filter-tag-responsive button:hover{background:#d1d5db;background:var(--gray-300);color:#374151;color:var(--gray-700)}.clear-filters-link{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--primary);cursor:pointer;font-size:.813rem;font-weight:600;padding:.375rem .75rem;transition:background .2s;white-space:nowrap}.clear-filters-link:hover{background:#f3f4f6;background:var(--gray-100)}.filters-panel-responsive{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;margin-bottom:24px;padding:24px}.filters-grid-responsive{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.filters-grid-responsive{grid-template-columns:repeat(3,1fr)}}.filter-group-responsive label{color:#1f2937;color:var(--gray-800);display:block;font-size:.85rem;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.date-input,.filter-select-responsive{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .2s;width:100%}.date-input:focus,.filter-select-responsive:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.date-inputs-responsive{align-items:center;display:flex;gap:12px}.date-separator{color:#d1d5db;color:var(--gray-300)}.mobile-filter-sheet{background:#fff;border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;left:0;max-height:80vh;max-height:85vh;overflow-y:auto;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:100;z-index:1000}.mobile-filter-sheet.active{transform:translateY(0)}.filter-sheet-header{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.filter-sheet-header h3{color:#111827;color:var(--gray-900);font-size:1.15rem;font-weight:700;margin:0}.filter-sheet-header button{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;border-radius:50%;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.filter-sheet-header button:active{background:#f3f4f6;background:var(--gray-100);transform:scale(.9)}.filter-sheet-content{flex:1 1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:28px}.filter-section:last-child{margin-bottom:100px}.filter-section label{color:#1f2937;color:var(--gray-800);display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.mobile-date-range input,.mobile-select{appearance:none;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;font-size:1rem;outline:none;padding:14px 16px;transition:all .2s;width:100%}.mobile-date-range input:focus,.mobile-select:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f114}.mobile-date-range{display:flex;gap:12px}.status-chips{display:flex;flex-wrap:wrap;gap:10px}.status-chip{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 18px;transition:all .2s}.status-chip.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 10px #6366f133;color:#fff}.filter-sheet-footer{background:#fff;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);bottom:0;box-shadow:0 -4px 20px #00000008;display:flex;gap:12px;left:0;padding:20px 24px;position:absolute;right:0}.btn-clear-mobile{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;color:#4b5563;color:var(--gray-600);flex:1 1}.btn-apply-mobile,.btn-clear-mobile{cursor:pointer;font-size:.95rem;font-weight:600;padding:14px}.btn-apply-mobile{background:#6366f1;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;flex:2 1}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:999}.batch-bar-responsive{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.batch-info{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.batch-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:.25rem;padding:var(--space-xs);transition:background .2s}.batch-close:hover{background:#fff3}.batch-count{color:#fff;font-size:.875rem;font-weight:600}.batch-action-btn,.batch-actions-group{display:flex;gap:.25rem;gap:var(--space-xs)}.batch-action-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.813rem;font-weight:600;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:all .2s}.batch-action-btn:hover{background:#ffffff4d}.batch-action-btn.danger:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger)}.content-area-responsive{min-height:400px}.search-filters-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:1.1rem;margin:0 0 1.25rem;overflow:visible;padding:1.25rem 1.5rem;width:100%}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;width:100%}.filter-row--single .filter-group--date-range{flex:1.3 1 290px;min-width:290px}.filter-row--single .filter-group--search{flex:1.6 1 210px;min-width:210px}.filter-row--single .filter-group--dropdown{flex:1 1 130px;min-width:130px}.filter-row--single .filter-group--reset{flex:0 0 auto;min-width:0}.filter-row--vertical{align-items:stretch;flex-direction:column;gap:1.25rem}.filter-row--vertical .filter-group,.filter-row--vertical .filter-group--reset{flex:none;min-width:0;width:100%}.filter-row--vertical .filter-group label{margin-bottom:.5rem;text-align:left}.filter-row--vertical .filter-group__spacer-label{display:none}.filter-row--vertical .btn-reset-filters{justify-content:center;width:100%}.filter-row--vertical .date-range-group{align-items:stretch;flex-direction:column}.filter-row--vertical .date-range-group input{flex:none;width:100%}.filter-row--vertical .date-range-separator{align-self:center;padding:.25rem 0;text-align:center}.btn-reset-filters{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;height:42px;padding:0 1.1rem;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.btn-reset-filters:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.btn-reset-filters:disabled{cursor:not-allowed;opacity:.5}.filter-group__spacer-label{display:block;height:.9rem}.filter-results-summary{color:#4b5563;color:var(--gray-600);font-size:.85rem;font-weight:600;margin:-.5rem 0 1rem}.filter-group{box-sizing:border-box;gap:.4rem;justify-content:flex-end}.filter-group label{color:#4b5563;color:var(--gray-600);display:block;font-weight:700;line-height:1.2;margin:0}.filter-group input,.filter-group select{background:#f9fafb;background:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;box-sizing:border-box;color:#1f2937;color:var(--gray-800);height:42px;line-height:1.2;padding:.65rem .8rem}.filter-group input:focus,.filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.date-range-group{align-items:center;display:flex;gap:.5rem;width:100%}.date-range-group input{box-sizing:border-box;flex:1 1 118px;height:42px;min-width:118px}.date-range-separator{align-self:center;color:#6b7280;color:var(--gray-500);flex:0 0 auto;font-size:.8rem;padding:0 .1rem;white-space:nowrap}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-input-icon{color:#9ca3af;color:var(--gray-400);font-size:.85rem;left:.8rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper input{box-sizing:border-box;padding-left:2.1rem;width:100%}@media (max-width:1024px){.search-filters-container{gap:.9rem;padding:1rem}.filter-row{gap:12px}.filter-row--single .filter-group--date-range,.filter-row--single .filter-group--search{flex:1 1 100%;min-width:0}.filter-row--single .filter-group--dropdown{flex:1 1 45%}.filter-row--single .filter-group--reset{flex:1 1 100%}.btn-reset-filters{justify-content:center;width:100%}}@media (max-width:640px){.search-filters-container{gap:.75rem;padding:.9rem}.filter-row{gap:12px}.filter-row--single .filter-group--date-range,.filter-row--single .filter-group--dropdown,.filter-row--single .filter-group--search{flex:1 1 100%;min-width:0}.date-range-group{align-items:stretch;flex-direction:column}.date-range-separator{display:none}.btn-reset-filters{justify-content:center;width:100%}}.empty-state-responsive{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:3rem 1.5rem;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-icon{color:var(--gray-300);font-size:3rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.empty-state-responsive h3{color:#111827;color:var(--gray-900);font-size:1.25rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.empty-state-responsive p{color:#6b7280;color:var(--gray-500);margin-bottom:2rem;margin-bottom:var(--space-xl)}.table-responsive-wrapper{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.table-container-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table-responsive{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}@media (min-width:1024px){.data-table-responsive{min-width:1000px}}@media (min-width:1440px){.data-table-responsive{min-width:1200px}}.data-table-responsive thead{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200)}.data-table-responsive th,.data-table-responsive thead{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%)}.data-table-responsive th{color:#374151;color:var(--gray-700);font-size:.813rem;font-weight:700;letter-spacing:.05em;padding:1rem;text-align:center!important;text-transform:uppercase;vertical-align:middle!important;white-space:nowrap}.sortable-header{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:#f3f4f6;background:var(--gray-100)}.sort-indicator{color:#6366f1;color:var(--primary);font-size:.75rem;margin-left:.25rem;margin-left:var(--space-xs)}.data-table-responsive td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#1f2937;color:var(--gray-800);font-size:.92rem;padding:1rem}.data-table-responsive .amount-col,.data-table-responsive .text-left,.data-table-responsive .text-right,.data-table-responsive td,.data-table-responsive td.amount-col,.data-table-responsive td.text-left,.data-table-responsive td.text-right,.data-table-responsive th.amount-col,.data-table-responsive th.text-left,.data-table-responsive th.text-right{text-align:center!important;vertical-align:middle!important}.data-table-responsive tbody tr:hover td{background-color:#f8fafc}.data-row{cursor:pointer;transition:all .2s}.data-row.hovered,.data-row:hover{background:linear-gradient(90deg,#f8fafc,#eef2ff)}.data-row.selected{background:#e0e7ff}.checkbox-col{text-align:center;width:40px}.checkbox-col input[type=checkbox]{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:4px;cursor:pointer;height:18px;width:18px}.invoice-cell{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.invoice-icon{color:#6366f1;color:var(--primary);font-size:.875rem}.invoice-number{color:#111827;color:var(--gray-900)}.date-cell{align-items:center;display:flex;flex-direction:column;gap:.125rem;justify-content:center;text-align:center;width:100%}.date-main{color:#111827;color:var(--gray-900);font-weight:500}.date-relative{color:#6b7280;color:var(--gray-500);font-size:.75rem}.supplier-cell{display:flex;flex-direction:column;gap:.125rem}.supplier-name{color:#111827}.check-ref{color:#6b7280;color:var(--gray-500);font-size:.75rem}.company-tag{background:#f3f4f6;background:var(--gray-100);border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--gray-700);display:inline-block;font-size:.813rem;padding:.25rem .75rem}.amount-cell,.amount-col{text-align:center}.amount-cell{font-family:monospace}.amount-value{color:#111827;color:var(--gray-900);font-weight:600}.amount-paid{color:#10b981;color:var(--success);font-weight:600}.mini-progress-bar{background:#e5e7eb;background:var(--gray-200);height:3px;margin-left:auto;margin-top:.25rem;overflow:hidden;width:60px}.mini-progress-bar,.mini-progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.mini-progress-fill{background:#10b981;background:var(--success);height:100%}.amount-balance{font-weight:700}.amount-balance.due{color:#ef4444;color:var(--danger)}.amount-balance.zero{color:#10b981;color:var(--success)}.status-badge{gap:.25rem;gap:var(--space-xs);padding:.25rem .75rem}.actions-col{text-align:center}.action-buttons-group{display:flex;gap:.25rem;gap:var(--space-xs);justify-content:center}.action-btn-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.action-btn-icon.view{background:#3b82f6;background:var(--info);color:#fff}.action-btn-icon.edit{background:#f59e0b;background:var(--warning);color:#fff}.action-btn-icon:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cards-grid-responsive{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:1fr}@media (min-width:480px){.cards-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.cards-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cards-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.cards-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.cards-grid-responsive{grid-template-columns:repeat(5,1fr)}}.purchase-card-responsive{animation:fadeIn .5s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);position:relative;transition:all .3s}.purchase-card-responsive:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.purchase-card-responsive.selected{border:2px solid #6366f1;border:2px solid var(--primary);box-shadow:0 0 0 3px #6366f11a}.card-checkbox-wrapper{left:.5rem;left:var(--space-sm);position:absolute;top:.5rem;top:var(--space-sm);z-index:1}.card-checkbox-wrapper input[type=checkbox]{cursor:pointer;height:20px;width:20px}.card-content{cursor:pointer}.card-header-responsive{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;gap:var(--space-md);padding:1.5rem 1.5rem 1rem;padding:var(--space-lg) var(--space-lg) var(--space-md)}.card-status-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.card-invoice-info{flex:1 1;min-width:0}.invoice-label{color:#6b7280;color:var(--gray-500);display:block;font-size:.688rem;letter-spacing:.05em;text-transform:uppercase}.invoice-value{color:#111827;color:var(--gray-900);display:block;font-family:monospace;font-size:.938rem;font-weight:700;word-break:break-all}.card-date-info{text-align:right}.date-value{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}.card-body-responsive{padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.card-company-row,.card-supplier-row{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.row-icon{color:#9ca3af;color:var(--gray-400);font-size:.875rem;width:16px}.company-value,.supplier-value{color:#1f2937;color:var(--gray-800);font-size:.875rem}.card-financials-responsive{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.financial-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.25rem 0}.financial-row span:first-child{color:#4b5563;color:var(--gray-600)}.financial-row strong{color:#111827;color:var(--gray-900);font-size:1rem}.paid-text{color:#10b981;color:var(--success);font-weight:600}.balance-due{color:#ef4444;color:var(--danger);font-weight:700}.balance-zero{color:#10b981;color:var(--success);font-weight:600}.card-progress-section{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.card-progress-bar{background:#e5e7eb;background:var(--gray-200);flex:1 1;height:6px;overflow:hidden}.card-progress-bar,.card-progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.card-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success) 0,#34d399 100%);height:100%;transition:width .3s ease}.progress-percentage{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;min-width:40px;text-align:right}.card-footer-responsive{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.status-pill{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;padding:.25rem .75rem}.card-actions-group{display:flex;gap:.25rem;gap:var(--space-xs)}.card-action-btn{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.card-action-btn.view{background:#fff;color:#3b82f6;color:var(--info)}.card-action-btn.view:hover{background:#3b82f6;background:var(--info);border-color:#3b82f6;border-color:var(--info);color:#fff}.card-action-btn.edit{background:#fff;color:#f59e0b;color:var(--warning)}.card-action-btn.edit:hover{background:#f59e0b;background:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#fff}.mobile-fab{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;bottom:24px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;position:fixed;right:24px;text-decoration:none;transition:all .3s;width:56px;z-index:50}.mobile-fab:hover{transform:scale(1.1)}.mobile-fab:active{transform:scale(.95)}@media (max-width:640px){.search-section-responsive{align-items:stretch;flex-direction:column;gap:12px}.search-wrapper-responsive{width:100%}.filter-btn-responsive{justify-content:center;width:100%}.btn-text{display:none}.action-btn-secondary{padding:.5rem;padding:var(--space-sm)}.btn-primary-responsive{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}}@media print{.action-btn-secondary,.action-buttons-group,.batch-bar-responsive,.card-actions-group,.filter-btn-responsive,.filter-fab,.mobile-fab,.responsive-header,.search-section-responsive,.view-toggle-responsive{display:none!important}.purchase-responsive-container{background:#fff;padding:0}.data-table-responsive{border:1px solid #000}.stat-card-responsive{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (min-width:768px){::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}}@media (hover:none) and (pointer:coarse){.action-btn-icon,.card-action-btn,.toggle-option{min-height:44px;min-width:44px}.action-btn-secondary,.btn-primary-responsive,.filter-btn-responsive{min-height:44px}}@media (prefers-contrast:high){.data-table-responsive,.purchase-card-responsive,.stat-card-responsive{border:2px solid}.status-badge,.status-pill{border:1px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stats-row-responsive{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.stats-row-responsive::-webkit-scrollbar{height:2px}.stats-row-responsive::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}.stat-card-row{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);flex:1 1;min-width:200px;padding:1.25rem;transition:all .3s}.stat-card-row:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-row.primary{border-top:3px solid #6366f1;border-top:3px solid var(--primary)}.stat-card-row.success{border-top:3px solid #10b981;border-top:3px solid var(--success)}.stat-card-row.warning{border-top:3px solid #f59e0b;border-top:3px solid var(--warning)}.stat-card-row.info{border-top:3px solid #3b82f6;border-top:3px solid var(--info)}.stat-row-content{align-items:center;display:flex;gap:1rem}.stat-row-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-card-row.primary .stat-row-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1;color:var(--primary)}.stat-card-row.success .stat-row-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;color:var(--success)}.stat-card-row.warning .stat-row-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;color:var(--warning)}.stat-card-row.info .stat-row-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;color:var(--info)}.stat-row-info{flex:1 1;min-width:0}.stat-row-label{color:#4b5563;color:var(--gray-600);display:block;font-size:.813rem;font-weight:500;margin-bottom:.25rem}.stat-row-value{color:#111827;color:var(--gray-900);display:block;font-size:15px;font-weight:500;line-height:1.2;word-break:break-word}.stat-row-subtext{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem;margin-top:.25rem}.quick-stats-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.stat-chip-row{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;gap:.5rem}.stat-chip-row.total{color:#111827;color:var(--gray-900);font-weight:600;margin-left:auto}@media (max-width:640px){.stats-row-responsive{gap:.75rem}.stat-card-row{min-width:160px;padding:1rem}.stat-row-icon{font-size:1rem;height:40px;width:40px}.stat-row-value{font-size:1.25rem}.quick-stats-row{flex-wrap:nowrap;gap:1rem;overflow-x:auto}.stat-chip-row.total{margin-left:0;white-space:nowrap}}@media (max-width:480px){.stat-card-row{min-width:140px}}.horizontal-filter-container{grid-gap:16px;align-items:end;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;display:grid;gap:16px;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr auto;margin-bottom:1.25rem;padding:1.5rem;width:100%}@media (max-width:1200px){.horizontal-filter-container{grid-template-columns:2fr 1.5fr 1fr}}@media (max-width:768px){.horizontal-filter-container{grid-template-columns:1fr}}.horizontal-filter-item{display:flex;flex-direction:column;width:100%}.horizontal-filter-item label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;font-weight:700;margin-bottom:8px;text-align:left;text-transform:uppercase}.horizontal-filter-input,.horizontal-filter-select{background:#f9fafb!important;background:var(--gray-50)!important;border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;color:#1f2937!important;color:var(--gray-800)!important;font-size:.9rem!important;height:42px!important;margin:0!important;max-width:none!important;min-width:0!important;padding:.65rem .8rem!important;width:100%!important}.horizontal-filter-input:focus,.horizontal-filter-select:focus{border-color:#6366f1!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px #6366f11f!important;outline:none!important}.horizontal-date-range{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;width:100%}.horizontal-search-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.horizontal-search-wrapper .search-icon{color:#9ca3af;color:var(--gray-400);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.horizontal-search-wrapper input{padding-left:2.2rem!important}.horizontal-reset-btn{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important;border-radius:.5rem!important;border-radius:var(--radius-md)!important;color:#374151!important;color:var(--gray-700)!important;cursor:pointer!important;display:flex!important;font-size:.9rem!important;font-weight:600!important;gap:8px!important;height:42px!important;justify-content:center!important;padding:0 1.2rem!important;white-space:nowrap;width:100%!important}.horizontal-reset-btn:hover:not(:disabled){background:#f3f4f6!important;background:var(--gray-100)!important}.horizontal-reset-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.data-table-responsive tbody tr.data-row{cursor:pointer;transition:background-color .12s ease}.data-table-responsive tbody tr.data-row:hover{background-color:#f1f5f9}.data-table-responsive tbody tr.data-row.selected{background-color:#eff6ff}.company-tag{background:#f1f5f9;border-radius:4px;color:#475569;font-size:13px;padding:2px 8px;white-space:nowrap}.pagination-container{display:flex;gap:16px;padding:1.25rem 0 .5rem}.pagination-btn,.pagination-container{align-items:center;justify-content:center}.pagination-btn{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.95rem;height:36px;transition:background .15s ease,border-color .15s ease;width:36px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#4b5563;color:var(--gray-600);font-size:.875rem}.filter-results-summary{color:#6b7280;color:var(--gray-500);font-size:.82rem;margin:0 0 .75rem}.loading-container{gap:1rem;min-height:400px}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-color)}.header-title{gap:1rem}.header-title h1{color:var(--gray-900);font-size:2rem;font-weight:600}.header-title .subtitle{color:var(--gray-500);font-size:.95rem;margin-top:.25rem}.header-icon{color:var(--primary-color);font-size:2rem}.back-button{border:none;border-radius:var(--border-radius-sm);color:var(--gray-500);font-size:1.5rem;padding:.5rem;transition:var(--transition)}.back-button:hover{background-color:var(--gray-100);color:var(--gray-900)}.header-actions{flex-wrap:wrap;gap:.75rem}.header-badge{background-color:var(--primary-light);border-radius:9999px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.5rem 1rem}.btn-primary{background-color:var(--primary-color);border-radius:var(--border-radius-sm);font-size:.95rem;transition:var(--transition)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--box-shadow-lg)}.btn-secondary{background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);color:var(--gray-700);font-size:.95rem;transition:var(--transition)}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-outline{background-color:initial;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);color:var(--gray-700);font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition)}.btn-outline:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-clear{background-color:var(--gray-100);border-radius:var(--border-radius-sm);color:var(--gray-700);font-size:.9rem;padding:.5rem 1rem;transition:var(--transition)}.btn-clear:hover{background-color:var(--gray-200)}.action-btn{border-radius:var(--border-radius-sm);margin:0 .25rem;transition:var(--transition)}.action-btn.view{background-color:var(--primary-color)}.action-btn.view:hover{background-color:var(--primary-hover)}.action-btn.edit{background-color:var(--warning-color)}.action-btn.edit:hover{background-color:#e07b00}.filters-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem}.filters-header{border-bottom:1px solid var(--gray-200);padding:1.25rem}.filters-header:hover{background-color:var(--gray-50)}.filters-title{gap:.75rem}.filters-title h3{color:var(--gray-700);font-size:1.1rem;font-weight:500}.filters-title svg{color:var(--primary-color)}.toggle-filters{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:var(--transition);width:32px}.toggle-filters:hover{background-color:var(--gray-200);color:var(--gray-900)}.filters-content{animation:slideDown .3s ease;border-bottom:1px solid var(--gray-200);padding:1.5rem}.filters-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.filter-group label{color:var(--gray-700);font-size:.9rem;gap:.5rem}.filter-group label svg{color:var(--primary-color);font-size:.9rem}.filter-input,.filter-select{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:.95rem;padding:.75rem;transition:var(--transition)}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-inputs{gap:.5rem}.date-range-inputs input{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);flex:1 1;font-size:.95rem;padding:.75rem}.date-range-inputs span{color:var(--gray-500);font-weight:500}.filter-actions{border-top:1px solid var(--gray-200);padding-top:1rem}.result-count{color:var(--gray-600);font-size:.95rem}.table-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.purchase-table{border-collapse:collapse;min-width:1200px;width:100%}.purchase-table th{background-color:var(--gray-50);border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.purchase-table td{border-bottom:1px solid var(--gray-200);color:var(--gray-700);padding:1rem}.purchase-table tbody tr:hover td{background-color:var(--gray-50)}.invoice-cell{font-weight:500}.invoice-badge{background-color:var(--primary-light);color:var(--primary-color);padding:.25rem .5rem}.supplier-info{display:flex;flex-direction:column;gap:.25rem}.supplier-name{color:var(--gray-900);font-weight:500}.invoice-ref{color:var(--gray-500);font-size:.8rem}.company-badge{background-color:var(--gray-100);border-radius:4px;color:var(--gray-700);font-size:.85rem;padding:.25rem .5rem;white-space:nowrap}.amount-col{font-weight:500}.vat-col{color:var(--primary-color)}.total-col{color:var(--gray-900)}.due-amount{color:var(--danger-color)}.paid-amount{color:var(--success-color)}.payment-badge{border-radius:9999px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.payment-badge.cash{background-color:var(--success-light);color:var(--success-color)}.payment-badge.bank_transfer{background-color:var(--primary-light);color:var(--primary-color)}.empty-icon{font-size:4rem}.empty-state h3{color:var(--gray-900)}.empty-state p{color:var(--gray-500)}.error-container,.not-found-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.error-icon,.not-found-icon{font-size:4rem;margin-bottom:1rem}.error-container h3,.not-found-container h3{color:var(--gray-900);font-size:1.25rem;margin-bottom:.5rem}.error-container p,.not-found-container p{color:var(--gray-500);margin-bottom:1.5rem}.purchase-form-container{margin:0 auto;max-width:1400px;padding:1.5rem}.purchase-form{display:flex;flex-direction:column;gap:1.5rem}.form-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.form-card h2{border-bottom:2px solid var(--gray-200);color:var(--gray-900);font-size:1.25rem;padding-bottom:.75rem}.card-header,.form-card h2{margin-bottom:1.5rem}.card-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-group label{color:var(--gray-700);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:.75rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input[readOnly]{background-color:var(--gray-50);cursor:not-allowed}.vat-display{background-color:var(--gray-50)!important;color:var(--primary-color)!important}.previous-price-cell{color:var(--gray-600);min-width:120px;position:relative}.previous-price-cell .no-history{color:var(--gray-400);font-style:italic}.price-different{background-color:var(--warning-light)}.current-price-different,.price-change-indicator{color:var(--danger-color)}.price-change-indicator{align-items:center;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:.5rem}.item-select{min-width:200px}.item-total{color:var(--gray-900);font-weight:500;text-align:right}.vat-summary{background-color:var(--gray-50);border-radius:var(--border-radius-sm);margin-top:1rem;padding:1rem}.vat-row{align-items:center;border-bottom:1px dashed var(--gray-300);display:flex;justify-content:space-between;padding:.5rem 0}.vat-row:last-child{border-bottom:none}.vat-row.total{border-top:2px solid var(--gray-300);color:var(--gray-900);font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.vat-row.total span:last-child{color:var(--primary-color)}.payment-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem}.paid-input{width:200px}.balance-info{background-color:var(--gray-50);border-radius:var(--border-radius-sm);flex:1 1;padding:1rem}.info-item{border-bottom:1px dashed var(--gray-300);justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-item.due{border-top:2px solid var(--gray-300);color:var(--danger-color);font-weight:600;margin-top:.5rem;padding-top:.75rem}.info-item .label{color:var(--gray-600)}.info-item .value{font-weight:500}.purchase-details-container{padding:1.5rem}.details-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.detail-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.detail-card .card-header{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);margin:0;padding:1rem 1.5rem}.detail-card .card-header h3{align-items:center;color:var(--gray-700);display:flex;font-size:1rem;gap:.5rem}.detail-card .card-header svg{color:var(--primary-color)}.detail-card .card-content{padding:1.5rem}.detail-card.financial .card-content{padding:0}.info-row{border-bottom:1px solid var(--gray-100);padding:.75rem 0}.info-row .label{color:var(--gray-600);font-size:.9rem}.info-row .value{color:var(--gray-900)}.info-row .value.highlight{color:var(--primary-color)}.info-row .value.vat-badge{background-color:var(--primary-light);border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.9rem;padding:.25rem .5rem}.icon-small{color:var(--gray-500);font-size:.8rem}.invoice-number{color:var(--primary-color);font-family:monospace;font-weight:600}.financial-summary{padding:1rem 1.5rem}.summary-row{border-bottom:1px dashed var(--gray-200);padding:.75rem 0}.summary-row.vat{color:var(--primary-color)}.summary-row.total{color:var(--gray-900);padding:1rem 0}.summary-divider{background-color:var(--gray-200);margin:1rem 0}.summary-row.due{font-size:1.1rem;font-weight:700;padding-top:1rem}.summary-row.due.negative{color:var(--danger-color)}.paid,.summary-row.due.positive{color:var(--success-color)}.items-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1.5rem}.items-card .card-header{border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem;padding-bottom:.75rem}.items-card .card-header h3{color:var(--gray-900);font-size:1.1rem;gap:.5rem}.items-card .card-header svg{color:var(--primary-color)}.item-name{color:var(--gray-900)}.item-code{color:var(--gray-500);font-size:.8rem}.remarks-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.remarks-card .card-header h3{color:var(--gray-900);font-size:1.1rem;margin-bottom:1rem}.remarks-content{background-color:var(--gray-50);border-radius:var(--border-radius-sm);color:var(--gray-700);padding:1rem}@media print{.back-button,.btn-outline,.btn-primary,.btn-secondary,.header-actions,.page-header{display:none!important}.purchase-details-container{padding:0}.detail-card,.items-card,.remarks-card{border:1px solid var(--gray-300);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.items-table,.items-table td,.items-table th{border:none}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-title{width:100%}.header-actions{justify-content:flex-start;width:100%}.header-title h1{font-size:1.5rem}.filters-grid{grid-template-columns:1fr}.date-range-inputs{flex-direction:column}.date-range-inputs input{width:100%}.filter-actions{align-items:stretch;flex-direction:column;gap:1rem}.btn-clear{width:100%}.result-count{text-align:center}.form-grid{grid-template-columns:1fr}.payment-section{flex-direction:column;gap:1rem}.paid-input{width:100%}.details-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:.25rem}.info-row .label{width:100%}.items-table{font-size:.9rem}.items-table td,.items-table th{padding:.75rem .5rem}.price-input,.quantity-input{width:80px}}@media (min-width:769px) and (max-width:1024px){.details-grid,.filters-grid,.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.purchase-details-container,.purchase-form-container,.purchase-history-container{max-width:1200px}}@media (min-width:1441px){.purchase-details-container,.purchase-form-container,.purchase-history-container{max-width:1400px}}.react-select__control{border-color:var(--gray-300)!important;border-radius:var(--border-radius-sm)!important}.react-select__control:hover{border-color:var(--gray-400)!important}.react-select__control--is-focused{border-color:var(--primary-color)!important}.react-select__menu{border-radius:var(--border-radius-sm)!important;box-shadow:var(--box-shadow-lg)!important}.react-select__option{padding:.75rem 1rem!important}.react-select__option--is-focused{background-color:var(--gray-100)!important}.react-select__option--is-selected{background-color:var(--primary-color)!important}.purchase-details-container,.purchase-form,.purchase-history-container{animation:fadeIn .3s ease-out}.items-card.modern-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-top:30px;padding:24px}.items-list{gap:18px}.item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;transition:all .2s ease}.item-card:hover{background:#f1f5f9;transform:translateY(-2px)}.item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.item-name{color:#111827;font-size:15px;font-weight:600}.item-code{color:#94a3b8}.item-total{color:#0f172a;font-size:16px;font-weight:700}.item-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail{color:#475569;font-size:13px}.detail strong{color:#1e293b;display:block;font-size:14px;margin-top:2px}.previous-price-different{color:#dc2626}.current-price-different{color:#16a34a;font-weight:600}.no-history{color:#94a3b8;font-style:italic}.list-totals{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;margin-top:25px;padding-top:15px}.list-totals div{display:flex;font-size:14px;justify-content:space-between}.grand-total{background:#e2e8f0;border-radius:10px;font-size:16px;font-weight:700;padding:10px 14px}.vat-display{background-color:#f8f9fa;color:#495057;font-weight:500}.vat-display[readonly]{cursor:default}.summary-section{background-color:#f8f9fa;border:1px solid #dee2e6;margin:20px 0;padding:15px}.summary-row.grand-total{font-size:1.1em;font-weight:700;margin-top:10px;padding-top:10px}.due-amount{background-color:#f8d7da!important;border-color:#f5c6cb!important;color:#721c24!important}.item-table{margin:20px 0}.item-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px}.item-table td{border-bottom:1px solid #dee2e6;padding:10px}.item-table input{border:1px solid #ced4da;border-radius:4px;padding:8px;width:100%}.item-table input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.unit-display{background-color:#e9ecef!important}.btn-remove{padding:5px 10px;transition:background-color .2s}.btn-remove:hover{background-color:#c82333}.btn-add{background-color:#28a745;margin:10px 0;transition:background-color .2s}.btn-add:hover{background-color:#218838}.btn-submit{background-color:#007bff;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:#0056b3}.btn-submit:disabled{background-color:#6c757d}.form-group{min-width:200px}.new-purchase-container{margin:0 auto;max-width:1200px;padding:20px}.new-purchase-container h2{color:#343a40;margin-bottom:30px}.new-purchase-container h3{color:#495057;margin:30px 0 15px}@media (max-width:768px){.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}.item-table{font-size:14px}.item-table td,.item-table th{padding:8px 5px}.item-table input{padding:5px}}.react-select__control{border-color:#ced4da!important}.react-select__control:hover{border-color:#80bdff!important}.react-select__control--is-focused{border-color:#80bdff!important;box-shadow:0 0 0 .2rem #007bff40!important}.react-select__menu{z-index:1050!important}.react-select__option--is-selected{background-color:#007bff!important}.purchase-details-container{margin:0 auto;max-width:1400px;padding:20px}.details-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.detail-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.detail-card .card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:10px;padding:15px 20px}.detail-card .card-header h3{color:#495057;font-size:16px;font-weight:600;margin:0}.detail-card .card-header svg{color:#007bff}.detail-card .card-content{padding:20px}.info-row{border-bottom:1px solid #f1f1f1;display:flex;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#6c757d;font-size:14px;width:120px}.info-row .value{color:#212529;flex:1 1;font-weight:500}.info-row .value.highlight{color:#007bff;font-weight:600}.vat-status .value{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.vat-badge.yes{background:#d4edda;color:#155724}.vat-badge.no{background:#f8d7da;color:#721c24}.vat-number{background:#e9ecef;border-radius:4px;padding:4px 8px}.icon-small{color:#6c757d}.financial-summary{padding:0}.summary-row{padding:12px 20px}.summary-row.total{background:#f8f9fa}.summary-divider{background:#dee2e6;height:2px;margin:15px 0}.summary-row.due{font-weight:600}.summary-row.due.negative .value{color:#dc3545}.paid,.summary-row.due.positive .value{color:#28a745}.paid{font-weight:600}.payment-status{border-radius:0 0 10px 10px;font-weight:600;padding:15px 20px;text-align:center}.payment-status.paid-fully{background:#d4edda;color:#155724}.payment-status.partially-paid{background:#fff3cd;color:#856404}.items-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.items-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.items-card .card-header h3{align-items:center;color:#495057;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.vat-note .badge{background:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.items-details-table{min-width:900px}.items-details-table th{background:#f8f9fa;font-size:13px;padding:12px}.items-details-table td{padding:12px;vertical-align:middle}.items-details-table tbody tr.vat-applicable-row{background:#fff3cd}.items-details-table tbody tr.vat-applicable-row:hover{background:#ffe69c}.vat-column{background-color:#fff3cd!important}.item-name{color:#212529}.vat-applicable-badge{background:#28a745;border-radius:12px;color:#fff;display:inline-block;font-size:10px;margin-top:4px;padding:2px 8px}.price-different{color:#dc3545;font-weight:600}.price-history{color:#6c757d;display:block;font-size:11px;margin-top:2px}.total-column{background:#f8f9fa;font-weight:600}.items-details-table tfoot td{padding:15px 12px}.items-summary{border-top:2px solid #dee2e6;margin-top:20px;padding-top:20px}.summary-stats{display:flex;gap:30px;justify-content:flex-end}.stat{gap:10px}.stat-label{color:#6c757d;font-size:14px}.stat-value{color:#212529;font-size:16px;font-weight:600}.remarks-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.remarks-card .card-header h3{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.remarks-content{background:#f8f9fa;border-radius:8px;color:#212529;line-height:1.6;padding:15px}.details-actions{display:flex;justify-content:center;margin-top:20px}@media print{.back-button,.btn-outline,.btn-primary,.btn-secondary,.details-actions,.header-actions,.page-header{display:none!important}.purchase-details-container{padding:0}.detail-card,.items-card,.remarks-card{border:1px solid #dee2e6;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.items-details-table,.items-details-table td,.items-details-table th{border:1px solid #dee2e6}.vat-column{background-color:#fff3cd!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:5px}.info-row .label{width:100%}.summary-stats{flex-direction:column;gap:10px}.stat{justify-content:space-between}.items-details-table{font-size:12px}.items-details-table td,.items-details-table th{padding:8px 5px}}@media (min-width:769px) and (max-width:1024px){.details-grid{grid-template-columns:repeat(2,1fr)}}.summary-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0 20px auto}.summary-row{border-bottom:1px dashed #e0e0e0;color:#333;font-size:15px;padding:12px 0}.summary-row.grand-total{border-top:2px solid #333;color:#000;padding-top:16px}.summary-row span:last-child{font-family:Courier New,monospace;font-weight:500}.summary-row.grand-total span:last-child{color:#000;font-weight:700}.summary-row.grand-total{background-color:#f9f9f9;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin:8px -20px -20px;padding:16px 20px}.bold{font-weight:700}.invoice-input{font-family:monospace;text-transform:uppercase}.field-note{color:#6c757d;display:block;font-size:.8rem;margin-top:4px}.purchase-return-container{max-width:1400px;padding:20px}.header-title{gap:16px}.header-title h1{color:#333;font-size:24px;margin:0}.back-button{background:none;border:1px solid #ddd;border-radius:4px;color:#666;padding:8px 12px;transition:all .3s}.back-button:hover{background:#f5f5f5;color:#333}.form-card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.form-card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:10px}.form-group label{color:#555}.selected-purchase-info{background:#f8f9fa;border-radius:6px;margin-top:15px;padding:12px 15px}.selected-purchase-info p{align-items:center;display:flex;gap:15px;margin:0}.vat-badge{background:#28a745;border-radius:4px;padding:4px 8px}.date-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:200px}.items-table-container{border-radius:14px;box-shadow:0 10px 30px #0f172a0d;margin:20px 0;padding:1rem}.items-table{min-width:1200px}.items-table thead{background:linear-gradient(180deg,#f8fafc,#eff4ff)}.items-table th{color:#334155;font-weight:700;padding:14px 16px}.items-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px}.items-table tbody tr:nth-child(2n) td{background-color:#fbfcfe}.items-table tbody tr:hover{background-color:#eef4ff}.items-table tbody tr.no-stock{background-color:#fff3f3;color:#999}.text-center{text-align:center!important}.item-name{color:#333;font-weight:500}.vat-applicable{color:#28a745;display:block;font-size:11px;margin-top:2px}.quantity-control{align-items:center;display:flex;gap:5px;min-width:120px}.quantity-input{font-size:13px;width:70px}.quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.max-btn{background:#e7f3ff;border:1px solid #b8daff;border-radius:4px;color:#004085;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s;white-space:nowrap}.max-btn:hover{background:#d4e4ff;border-color:#7abaff}.btn-clear-item{align-items:center;background:none;border:1px solid #ffc7c7;border-radius:4px;color:#dc3545;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .2s;width:30px}.btn-clear-item:hover{background:#dc3545;border-color:#dc3545;color:#fff}.summary-section{background:#f8f9fa;margin-left:auto;max-width:400px;padding:20px}.summary-row{border-bottom:1px solid #e9ecef}.summary-row.vat{color:#6c757d}.summary-row.grand-total{border-top:2px solid #dee2e6;color:#28a745;font-size:18px;font-weight:600;margin-top:8px;padding-top:12px}.bold{font-weight:600}.warning-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;gap:10px;margin-top:15px;padding:12px 16px}.loading-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px}.loading-spinner{margin-bottom:15px}.form-actions{border-top:1px solid #dee2e6;margin-top:30px}.btn-primary,.btn-secondary{border-radius:4px}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;opacity:.65}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.react-select-container{max-width:600px}.react-select__control{border-color:#ddd!important}.react-select__control:hover{border-color:#999!important}.react-select__control--is-focused{border-color:#007bff!important;box-shadow:0 0 0 1px #007bff!important}.react-select__option--is-focused{background-color:#f8f9fa!important}.react-select__option--is-selected{background-color:#1a1b1b!important}@media (max-width:768px){.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.summary-section{max-width:100%}}.purchase-container{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.page-header{flex-wrap:wrap;justify-content:flex-start}.header-left{flex:1 1}.page-title{align-items:center;color:#111827;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0 0 6px}.page-icon{color:#3b82f6;font-size:28px}.page-subtitle{color:#6b7280;font-size:14px;margin:0}.header-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:40px;box-shadow:0 2px 4px #0000000d;display:flex;gap:8px;padding:10px 18px}.header-badge svg{color:#3b82f6;font-size:18px}.header-badge span{color:#374151;font-weight:600}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:28px}.section-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.section-header h2,.section-icon{font-size:18px}.section-icon{color:#3b82f6}.form-grid{grid-template-columns:repeat(3,1fr)}.form-control:hover{border-color:#9ca3af}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-control{min-height:70px}.vat-active{background:#f0fdf4;border-color:#86efac;color:#166534}.vat-inactive{background:#f9fafb;color:#6b7280}.btn-add-item{background:#3b82f6;border-radius:10px;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-item:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f633}.table-responsive{box-shadow:0 10px 30px #0f172a0d}.items-table{min-width:1000px}.items-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;padding:16px 12px}.items-table td{border-bottom:1px solid #e5e7eb;padding:12px}.items-table tr:last-child td{border-bottom:none}.items-table tr.item-selected{background:#f0f9ff}.table-input{border:1px solid #e5e7eb;border-radius:8px;font-size:13px;padding:8px 10px;transition:all .2s}.table-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.unit-display{background:#f3f4f6;border-color:#d1d5db;color:#374151}.price-different{background:#fffbeb;border-color:#f59e0b}.price-cell{position:relative}.price-hint{color:#6b7280;margin-top:4px;white-space:nowrap}.amount-cell,.total-cell,.vat-cell{font-size:14px;font-weight:500}.total-cell{color:#111827;font-weight:600}.vat-cell{color:#d97706}.btn-remove{background:#fee2e2;color:#ef4444;height:32px;margin:0 auto;width:32px}.btn-remove:hover:not(:disabled){background:#ef4444;color:#fff}.btn-remove:disabled{opacity:.3}.item-select-wrapper{position:relative}.vat-badge{background:#d97706;border-radius:12px;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;position:absolute;right:-4px;top:-8px;z-index:1}.mobile-items-view{display:none}.summary-cards{grid-template-columns:repeat(3,1fr)}.summary-card{background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s}.summary-card:hover{background:#fff;border-color:#9ca3af}.summary-card.highlight{background:#f0fdf4;border-color:#86efac}.summary-icon{border-radius:12px}.summary-label{color:#0f0f10;font-size:16px}.summary-value{font-size:20px}.summary-value.grand{color:#059669}.payment-status-card{align-items:center;border:1px solid #0000000d;border-radius:14px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.payment-status-icon{align-items:center;background:#fff;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.payment-status-info{flex:1 1}.payment-status-label{display:block;font-size:12px}.payment-status-value{font-size:18px}.payment-status-badge{border-radius:30px;color:#fff;font-size:13px;font-weight:500;padding:6px 20px}.payment-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.payment-field{display:flex;flex-direction:column;gap:8px}.payment-field label{font-size:13px}.amount-input-group{display:flex;gap:12px}.amount-input{border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;transition:all .2s}.amount-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.amount-actions{display:flex;gap:8px}.action-btn{border-radius:10px;font-size:13px;font-weight:500;padding:0 20px}.action-btn.full{border-color:#86efac;color:#059669}.action-btn.full:hover{background:#059669;border-color:#059669;color:#fff}.action-btn.none{color:#6b7280}.action-btn.none:hover{background:#6b7280;border-color:#6b7280;color:#fff}.balance-display{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:600;padding:12px 16px}.balance-display.due{background:#fee2e2;border-color:#fecaca;color:#ef4444}.balance-display.paid{background:#d1fae5;border-color:#a7f3d0;color:#059669}.form-actions{margin-top:32px}.btn-cancel,.btn-submit{border-radius:10px;font-size:15px;font-weight:500;padding:12px 32px}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-cancel:hover{background:#e5e7eb}.btn-submit{align-items:center;background:#059669;display:flex;gap:8px}.btn-submit:hover:not(:disabled){background:#047857;box-shadow:0 4px 6px -1px #05966933}@media (min-width:1400px){.purchase-container{padding:32px 40px}.form-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px) and (max-width:1399px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.purchase-container{padding:20px}.page-title{font-size:24px}.form-section{padding:20px}.form-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.summary-cards{gap:12px;grid-template-columns:1fr}.payment-grid{gap:16px;grid-template-columns:1fr}.amount-input-group{flex-direction:column}.amount-actions{width:100%}.action-btn{flex:1 1;padding:12px}}@media (max-width:767px){.purchase-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column}.page-title{font-size:22px}.header-badge{justify-content:center;width:100%}.form-section{padding:16px}.section-header{align-items:flex-start;flex-direction:column}.btn-add-item{justify-content:center;width:100%}.form-grid{gap:14px;grid-template-columns:1fr}.table-responsive{display:none}.mobile-items-view{display:block}.mobile-item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;overflow:hidden}.mobile-item-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 16px}.item-number{background:#e0f2fe;border-radius:20px;color:#3b82f6;font-size:13px;font-weight:600;padding:4px 12px}.btn-remove-mobile{align-items:center;background:#fee2e2;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.mobile-item-body{padding:16px}.mobile-item-field{margin-bottom:14px}.mobile-item-field.full{margin-bottom:16px}.mobile-item-field label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.mobile-item-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:12px}.mobile-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px;width:100%}.price-hint-mobile{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;margin:8px 0;padding:8px}.vat-badge-mobile{background:#d97706;border-radius:16px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-bottom:12px;padding:4px 12px}.mobile-item-totals{background:#fff;border-radius:10px;margin-top:12px;padding:14px}.total-row{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.total-row.vat{color:#d97706}.total-row.grand{border-top:1px dashed #e5e7eb;font-weight:600;margin-top:6px;padding-top:6px}.btn-add-item-mobile{align-items:center;background:#fff;border:2px dashed #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:14px;width:100%}.btn-add-item-mobile:hover{background:#e0f2fe}.summary-cards{gap:12px;grid-template-columns:1fr}.payment-grid{gap:16px;grid-template-columns:1fr}.amount-input-group{flex-direction:column}.amount-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.action-btn{padding:12px}.payment-status-card{flex-direction:column;padding:16px;text-align:center}.payment-status-info{text-align:center}.payment-status-badge{text-align:center;width:100%}.form-actions{flex-direction:column;gap:12px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.purchase-container{padding:12px}.page-title{font-size:20px}.form-section{padding:14px}.mobile-item-row{gap:8px;grid-template-columns:1fr}.summary-card{padding:16px}.summary-icon{font-size:16px;height:40px;width:40px}.summary-value{font-size:18px}}.react-select-container{font-size:13px}.react-select__control{border-color:#e5e7eb!important}.react-select__menu{z-index:10!important}.react-select__option{font-size:13px!important}.react-select__option--is-focused{background:#e0f2fe!important}.react-select__option--is-selected{background:#3b82f6!important}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.summary-card{box-shadow:0 2px 8px #0000000d;gap:16px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 8px 20px #0000001a}.summary-card.total{color:#2d2828}.summary-card.non-paid,.summary-card.paid,.summary-card.partially{color:#fff}.summary-card.total-outstanding{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-icon{background:#fff3;border-radius:50%;font-size:20px;height:48px;width:48px}.summary-value{line-height:1.2}.summary-sub{display:block;font-size:.7rem;margin-top:2px;opacity:.8}.payment-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.payment-badge.paid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.payment-badge.partially-paid{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.payment-badge.non-paid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.days-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.days-badge.normal{background:#e9ecef;color:#495057}.days-badge.warning{background:#fff3cd;color:#856404}.days-badge.critical{background:#f8d7da;color:#721c24}.action-btn{color:#fff;height:32px;margin:0 2px;text-decoration:none;transition:all .2s;width:32px}.action-btn.view{background:#007bff}.action-btn.view:hover{background:#0056b3;transform:translateY(-2px)}.action-btn.edit{background:#fd7e14}.action-btn.edit:hover{background:#e06b00;transform:translateY(-2px)}.action-btn.payment{background:linear-gradient(135deg,#28a745,#20c997)}.action-btn.payment:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px)}.active-filters-badge{background:#007bff;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px}.total-col{color:#2c3e50;font-weight:600}.due-amount{color:#dc3545!important;font-weight:600}.paid-amount{color:#28a745!important}@media (max-width:768px){.summary-cards{gap:12px;grid-template-columns:1fr 1fr}.summary-card{padding:12px}.summary-value{font-size:1.2rem}.summary-icon{font-size:14px;height:36px;width:36px}.filters-grid{grid-template-columns:1fr}.purchase-table{font-size:.8rem}.purchase-table td,.purchase-table th{padding:8px}.action-btn{height:28px;width:28px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}}.tabs-container{border-bottom:2px solid #e9ecef;display:flex;gap:8px;margin:24px 0 16px;padding-bottom:0}.tab-button{font-size:.95rem;position:relative;transition:all .2s ease}.tab-button:hover{color:#495057}.tab-button.active{color:#007bff}.tab-button.active:after{background:#007bff;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.payment-status-banner{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 20px}.payment-status-banner.paid{background:#d4edda;border-color:#c3e6cb;color:#155724}.payment-status-banner.partially-paid{background:#fff3cd;border-color:#ffeeba;color:#856404}.payment-status-banner.non-paid{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.payment-status-banner .status-text{font-size:1rem;font-weight:600}.payment-status-banner .status-amount{font-weight:500}.payment-history-table,.returns-history-table{border-collapse:collapse;font-size:.85rem;width:100%}.payment-history-table th,.returns-history-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 16px;text-align:left}.payment-history-table td,.returns-history-table td{border-bottom:1px solid #e9ecef;padding:10px 16px;vertical-align:middle}.payment-history-table tfoot td,.returns-history-table tfoot td{background:#f8f9fa;border-top:2px solid #dee2e6;font-weight:600}.payment-method-badge{background:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:.7rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.payment-method-badge.cash{background:#d4edda;color:#155724}.payment-method-badge.bank_transfer{background:#cce5ff;color:#004085}.payment-method-badge.cheque{background:#fff3cd;color:#856404}.return-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:.7rem}.returns-amount{color:#dc3545!important;font-weight:600}.summary-row.returns{color:#dc3545;font-size:.9rem}.summary-row.net-after-returns{border-top:1px dashed #dee2e6;font-weight:600;margin-top:4px;padding-top:8px}.empty-state-small{color:#6c757d;padding:40px 20px;text-align:center}.empty-state-small p{font-size:.9rem;margin:0}.total-payments,.total-returns{color:#6c757d;font-size:.9rem}.total-payments strong{color:#28a745}.total-returns strong{color:#dc3545}@media (max-width:768px){.tabs-container{border-bottom:none;flex-direction:column;gap:4px}.tab-button{border-radius:8px;justify-content:center}.tab-button.active:after{display:none}.tab-button.active{background:#007bff;color:#fff}.payment-status-banner{flex-direction:column;gap:8px;text-align:center}.payment-history-table,.returns-history-table{font-size:.75rem}.payment-history-table td,.payment-history-table th,.returns-history-table td,.returns-history-table th{padding:8px}}.btn-add-item{background-color:var(--primary-light);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);color:var(--primary-color);display:inline-flex;font-size:.9rem;gap:.5rem;margin:1rem 0;padding:.5rem 1rem;transition:var(--transition)}.btn-add-item:hover{background-color:var(--primary-color);color:#fff}.btn-remove-item:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-1px)}.btn-remove-item:disabled{opacity:.4}.items-table td.text-right{text-align:right}.items-table th:last-child{padding:12px 6px;text-align:center;vertical-align:middle;width:8%}.items-table td:last-child{padding:10px 6px;width:8%}.action-cell,.items-table td.text-center,.items-table td:last-child{text-align:center;vertical-align:middle}.btn-remove-item{display:none}.btn-remove-item:disabled{background-color:#ccc}.btn-delete-item{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-delete-item:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 2px 4px #dc262633;color:#fff;transform:translateY(-1px)}.btn-delete-item:active:not(:disabled){transform:translateY(0)}.btn-delete-item:disabled{cursor:not-allowed;opacity:.4}select.form-control{overflow:visible;text-overflow:clip;white-space:normal}select.form-control:focus,select.form-control:hover{min-width:100%;position:relative;width:auto;z-index:100}.select-company option,.select-payment option,.select-supplier option{padding:8px 12px;white-space:normal;word-break:break-word}.form-group select.form-control{max-width:100%;min-width:180px}.form-group select.form-control option{overflow:visible;text-overflow:clip}.react-select__control{min-height:42px!important}.react-select__single-value,.react-select__value-container{overflow:visible!important;white-space:normal!important}.react-select__single-value{text-overflow:clip!important}.react-select__menu{min-width:280px!important;width:auto!important}.react-select__option{padding:10px 12px!important;white-space:normal!important;word-break:break-word!important}.form-group label{font-size:12px!important}.form-group label svg{color:#9ca3af;font-size:11px!important}.required-star{color:#ef4444;font-size:12px;margin-left:2px}.section-header h2{color:#111827;font-size:16px!important;margin:0}.section-header h2 svg{color:#3b82f6;font-size:16px!important}.summary-label{color:#000;font-size:11px!important;margin-bottom:4px}.summary-value{color:#111827;font-size:18px!important}.payment-status-label{color:#6b7280;font-size:11px!important;margin-bottom:4px}.payment-status-value{font-size:16px!important;font-weight:600}.payment-field label{font-weight:500}.items-table th,.payment-field label{color:#4b5563;font-size:12px!important}.items-table th{padding:14px 12px}.mobile-item-field label{color:#6b7280;font-size:11px!important;font-weight:500;margin-bottom:4px}.field-hint small{color:#6c757d;font-size:10px!important}.form-group.full-width label{font-size:12px!important}.form-grid{grid-template-columns:repeat(3,1fr)!important}.form-group .form-control,.form-group .react-select-container{width:100%}.react-select__control,select.form-control{width:100%!important}.form-grid{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (min-width:1400px){.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:768px) and (max-width:1023px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:767px){.form-grid{grid-template-columns:1fr!important}}.form-group{margin:0;min-width:0;width:100%}.form-group label{color:#4b5563;font-size:12px;line-height:1.4;margin-bottom:4px}@media (max-width:768px){.form-group label{white-space:normal}}.form-group .form-control,.form-group .react-select-container,.form-group input,.form-group select,.form-group textarea{width:100%}.react-select__control{width:100%!important}.field-hint{color:#6c757d;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.field-hint{white-space:normal}}select.form-control{padding:10px 12px;width:100%}.form-group.full-width{grid-column:1/-1!important}.form-control{border-radius:6px;height:42px;padding:0 10px}.react-select-container .react-select__control{height:42px;min-height:42px}.items-table-container{border:none!important;margin:0!important;padding:0!important}.items-table td,.items-table th{border:none}.invoice-cell{min-width:120px}.invoice-badge{background-color:#e3f2fd;background-color:var(--primary-light,#e3f2fd);border-radius:20px;color:#1976d2;color:var(--primary-color,#1976d2);font-family:Courier New,monospace;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.invoice-badge svg{opacity:.7}@media (max-width:768px){.invoice-badge{font-size:.75rem;padding:.2rem .5rem}}.items-table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;margin:0;padding:0}.items-table{border:none;font-size:.9rem;min-width:700px}.items-table thead tr{background:#f8fafc;border-bottom:1px solid #e9edf2}.items-table th{background:#0000;border:none;color:#475569;letter-spacing:.06em;padding:14px 16px 12px;position:sticky;top:0;z-index:2}.items-table td{background:#fff;border:none;border-bottom:1px solid #f1f4f9;color:#1e293b;padding:12px 16px;transition:background-color .15s ease}.items-table tbody tr:nth-child(2n) td{background-color:#fafbfc}.items-table tbody tr:hover td{background-color:#f1f5f9;transition:background-color .15s ease}.items-table input[type=number],.items-table input[type=text]{background:#0000;border:none;border-bottom:1.5px solid #dce1e9;border-radius:0;color:#1e293b;font-size:.9rem;font-weight:500;outline:none;padding:6px 8px 4px;transition:border-color .2s ease,background-color .2s ease;width:100%}.items-table input[type=number]:focus,.items-table input[type=text]:focus{background-color:#f8faff;border-bottom-color:#4f7bff}.items-table input[type=number]:hover,.items-table input[type=text]:hover{border-bottom-color:#b0b8c8}.items-table input.quantity-input{color:#0f172a;font-weight:600;max-width:80px;text-align:center}.items-table input.unit-display{background:#0000!important;border-bottom:none;color:#64748b;cursor:default;font-size:.85rem;font-weight:500;text-align:center}.items-table input.price-input{color:#0f172a;font-weight:600;text-align:right}.items-table input.price-input.price-different{background-color:#fffbeb;border-bottom-color:#f59e0b}.items-table .amount-cell,.items-table .total-cell,.items-table .vat-cell{font-size:.9rem;font-weight:600;padding:12px 16px}.items-table .amount-cell{color:#1e293b}.items-table .vat-cell{color:#7c3aed;font-weight:500}.items-table .total-cell{color:#0f172a;font-size:.95rem;font-weight:700}.items-table .vat-column{background-color:#faf5ff}.items-table .btn-remove-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;height:34px;justify-content:center;margin:0 auto;transition:all .2s ease;width:34px}.items-table .btn-remove-item:hover:not(:disabled){background-color:#fef2f2;color:#ef4444}.items-table .btn-remove-item:disabled{cursor:not-allowed;opacity:.3}.items-table td.text-right,.items-table th.text-right{text-align:right}.items-table td.text-center,.items-table th.text-center{text-align:center}.items-table .vat-badge{background:#dcfce7;border-radius:12px;color:#16a34a;display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.02em;margin-top:4px;padding:2px 10px}.items-table .price-hint{color:#94a3b8;display:block;font-size:.65rem;font-weight:400;margin-top:2px}.items-table .price-hint.different{color:#f59e0b}.items-table .react-select-container{min-width:180px}.items-table .react-select__control{background:#0000!important;border:none!important;border-bottom:1.5px solid #dce1e9!important;border-radius:0!important;box-shadow:none!important;min-height:34px!important;transition:border-color .2s ease}.items-table .react-select__control:hover{border-bottom-color:#b0b8c8!important}.items-table .react-select__control--is-focused{border-bottom-color:#4f7bff!important;box-shadow:none!important}.items-table .react-select__value-container{padding:2px 8px 2px 4px!important}.items-table .react-select__single-value{color:#1e293b;font-size:.9rem;font-weight:500}.items-table .react-select__input-container{margin:0!important;padding:0!important}.items-table .react-select__placeholder{color:#94a3b8;font-size:.85rem}.items-table .react-select__menu{border:1px solid #e9edf2!important;border-radius:10px!important;box-shadow:0 10px 40px #0000001a!important;margin-top:4px!important}.items-table .react-select__option{font-size:.85rem!important;padding:8px 14px!important}.items-table .react-select__option--is-focused{background:#f1f5f9!important}.items-table .react-select__option--is-selected{background:#4f7bff!important;color:#fff!important}@media (max-width:768px){.items-table{font-size:.8rem;min-width:600px}.items-table td,.items-table th{padding:8px 10px}.items-table input.quantity-input{max-width:60px}.items-table .react-select-container{min-width:120px}}.items-table-container::-webkit-scrollbar{height:6px;width:6px}.items-table-container::-webkit-scrollbar-track{background:#f1f4f9;border-radius:4px}.items-table-container::-webkit-scrollbar-thumb{background:#dce1e9;border-radius:4px}.items-table-container::-webkit-scrollbar-thumb:hover{background:#c0c8d4}.suppliers-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.header-section{gap:20px;margin-bottom:30px}.header-section h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.header-actions{gap:15px}.search-input{border:2px solid #e1e8ed;padding:12px 16px;transition:all .3s ease;width:300px}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.btn-add{background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;box-shadow:0 4px 6px #28a74533;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 12px #28a7454d;transform:translateY(-2px)}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin:0 4px;padding:8px 12px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#4a90e2,#357abd)}.btn-edit:hover{box-shadow:0 4px 8px #4a90e24d;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-delete:hover{box-shadow:0 4px 8px #dc35454d;transform:translateY(-2px)}.supplier-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px}.form-header h2{font-size:22px;font-weight:500;margin:0}.btn-close{background:#fff3;color:#fff;height:36px;transition:all .3s ease;width:36px}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.form-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:30px}.form-section{background:#f8f9fa;border-radius:8px;padding:20px}.form-section h3{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-section.full-width{grid-column:1/-1}.form-group label{color:#2c3e50}.form-group input{border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group input.error{background-color:#fff8f8;border-color:#dc3545}.form-group input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.input-hint{color:#6c757d}.error-message,.input-hint{display:block;font-size:12px;margin-top:5px}.error-message{color:#dc3545;font-weight:500}.toggle-group,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;justify-content:space-between;width:100%}.toggle-switch{display:inline-block;height:30px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background:linear-gradient(135deg,#28a745,#20c997)}input:checked+.toggle-slider:before{transform:translateX(30px)}.form-actions{background:#f8f9fa;border-top:1px solid #e1e8ed;gap:15px;padding:20px 30px}.btn-cancel,.btn-save{align-items:center;border-radius:8px;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-cancel:hover{transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#4a90e2,#357abd)}.btn-save:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.suppliers-list{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.supplier-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.supplier-table td,.supplier-table th{border-bottom:1px solid #e1e8ed;color:#2c3e50;font-size:14px;overflow:hidden;padding:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.supplier-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:500;padding:15px;text-align:center}.supplier-table td:first-child,.supplier-table th:first-child{width:18%}.supplier-table td:nth-child(2),.supplier-table th:nth-child(2){max-width:300px;width:25%}.supplier-table td:nth-child(3),.supplier-table th:nth-child(3){width:15%}.supplier-table td:nth-child(4),.supplier-table th:nth-child(4){width:17%}.supplier-table td:nth-child(5),.supplier-table th:nth-child(5){width:15%}.supplier-table td:nth-child(6),.supplier-table th:nth-child(6){min-width:100px;width:10%}.supplier-table td:nth-child(2){cursor:help;position:relative}.supplier-table td:nth-child(2):hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a;overflow:visible;position:relative;white-space:normal;word-break:break-word;z-index:10}.supplier-table .actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.supplier-row:hover{background-color:#f8f9fa}.supplier-name{color:#2c3e50;font-weight:600}.vat-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.vat-badge.yes{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.vat-badge.no{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.vat-number{color:#2c3e50;font-family:monospace;font-size:14px;font-weight:600}.actions{justify-content:center}.loading-spinner{font-size:18px}.loading-spinner,.no-results{color:#6c757d;padding:60px;text-align:center}.no-results p{font-size:18px;margin-bottom:20px}.btn-clear{background:#4a90e2;border:none;color:#fff;padding:10px 20px;transition:all .3s ease}.btn-clear:hover{background:#357abd;transform:translateY(-2px)}.table-footer{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#6c757d;font-size:14px;font-weight:500;margin-top:20px;padding:15px;text-align:right}.text-muted{color:#6c757d}@media (max-width:768px){.suppliers-container{padding:15px}.header-section{align-items:stretch}.header-actions,.header-section{flex-direction:column}.btn-add,.search-input{width:100%}.btn-add{justify-content:center}.form-grid{padding:20px}.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding:20px}.btn-cancel,.btn-save{justify-content:center;width:100%}.supplier-table{min-width:800px;table-layout:fixed}.supplier-table td:nth-child(2),.supplier-table th:nth-child(2){max-width:200px;width:20%}}.minimal-container{align-items:center;background:radial-gradient(circle at top left,#d2691e14,#0000 30%),linear-gradient(135deg,var(--color-bg-warm) 0,var(--color-background) 100%);box-sizing:border-box;display:flex;justify-content:center;padding:2rem 1.5rem}.minimal-card{background:linear-gradient(180deg,var(--color-surface) 0,#fffffff7 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);max-width:800px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.minimal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.minimal-header{background:linear-gradient(90deg,var(--color-surface-hover) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border);padding:1.5rem 1.75rem}.minimal-title{color:var(--color-heading);font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.minimal-icon-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.minimal-icon-button:hover{background:var(--color-border-light);color:var(--color-text)}.minimal-icon-button.back-button{margin-right:1rem}.header-spacer{flex-shrink:0;width:2.5rem}.minimal-form{padding:2rem}.form-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.minimal-form-group{background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:.95rem;transition:border-color .2s ease}.minimal-form-group:focus-within{border-color:var(--color-primary)}.minimal-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.required-star{color:var(--color-danger-dark);margin-left:.25rem}.minimal-input,.minimal-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #1c191708;box-sizing:border-box;color:var(--color-text);font-size:.95rem;padding:.8rem 1rem;transition:all .2s ease;width:100%}.minimal-input:hover,.minimal-select:hover{border-color:var(--color-primary-muted)}.minimal-input:focus,.minimal-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.minimal-input::placeholder{color:var(--color-text-muted);opacity:.7}.minimal-select{cursor:pointer}.minimal-helper-text{color:var(--color-text-muted);font-size:.75rem;line-height:1.4;margin-top:.25rem}.minimal-toggle-group{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:1.5rem 0;padding:1rem 1.25rem;transition:all .2s ease}.minimal-toggle-group:hover{border-color:var(--color-primary-muted);box-shadow:var(--shadow-sm)}.toggle-row{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.toggle-column{background:var(--color-surface-hover);border:1px solid var(--color-border)}.toggle-column:hover{border-color:var(--color-primary-muted);box-shadow:var(--shadow-sm)}.minimal-toggle-label,.toggle-column .minimal-toggle-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.toggle-column .minimal-helper-text{border-left:2px solid var(--color-border);padding-left:.5rem}.minimal-toggle-switch{border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-block;flex-shrink:0;font-size:13px;font-weight:600;height:32px;line-height:1.2;overflow:hidden;position:relative;text-align:left;width:80px}.minimal-toggle-switch input{cursor:pointer;height:32px;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:80px;z-index:2}.minimal-toggle-switch .toggle-animate{background-color:var(--color-text-muted);border-radius:var(--radius-full);box-shadow:inset 0 1px 3px #0000001a;height:32px;position:relative;transition:background-color .25s ease-out;width:80px}.minimal-toggle-switch .toggle-animate:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;content:"";display:block;height:24px;left:4px;position:absolute;top:4px;transition:left .3s cubic-bezier(.175,.885,.32,1.1);width:24px;z-index:10}.minimal-toggle-switch input:checked+.toggle-animate{background-color:var(--color-primary)}.minimal-toggle-switch input:checked+.toggle-animate:before{left:52px}.toggle-off{float:left;opacity:1;padding:7px 0 0 12px}.toggle-off,.toggle-on{color:#fff;font-weight:600;letter-spacing:.3px;transition:opacity .2s ease-out}.toggle-on{float:right;opacity:0;padding:7px 12px 0 0}.minimal-toggle-switch input:checked+.toggle-animate .toggle-off{display:none;opacity:0}.minimal-toggle-switch input:checked+.toggle-animate .toggle-on{display:block;opacity:1}.minimal-toggle-switch.vat-toggle input:checked+.toggle-animate{background-color:var(--color-success-dark)}.minimal-toggle-switch.stock-toggle input:checked+.toggle-animate{background-color:var(--color-primary)}.minimal-toggle-switch input:focus+.toggle-animate{outline:2px solid var(--color-primary);outline-offset:2px}.info-message{align-items:flex-start;border:1px solid #0000;border-radius:var(--radius-md);display:flex;font-size:.85rem;gap:.65rem;line-height:1.5;margin:1.5rem 0;padding:1rem 1.1rem}.info-message svg{flex-shrink:0;margin-top:.15rem}.info-message strong{font-weight:600}.info-success{background:var(--color-success-light);border-color:var(--color-success-dark);color:var(--color-success-dark)}.info-error,.info-warning{background:var(--color-danger-light);border-color:var(--color-danger-dark);color:var(--color-danger-dark)}.minimal-info-box{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem}.info-box-title{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin:0 0 1rem;text-transform:uppercase}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{flex-direction:column;gap:.25rem}.info-label{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.info-value{color:var(--color-heading);font-size:.95rem;font-weight:500}.info-value.vat-active{color:var(--color-success-dark)}.info-value.vat-inactive{color:var(--color-text-muted)}.minimal-form-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.minimal-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.minimal-button-primary{background:var(--color-primary);color:#fff}.minimal-button-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.minimal-button-secondary{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.minimal-button-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted);color:var(--color-text)}.minimal-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-icon{font-size:1rem}.loading-card{padding:3rem;text-align:center}.minimal-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:2.5rem;margin:0 auto 1rem;width:2.5rem}.loading-text{color:var(--color-text-secondary);margin:0}@media (max-width:480px){.minimal-container{padding:1rem}.minimal-header{padding:1rem 1.25rem}.minimal-form{padding:1.25rem}.form-grid{gap:1rem}.form-grid,.info-grid{grid-template-columns:1fr}.info-grid{gap:.75rem}.minimal-form-actions{align-items:stretch;flex-direction:column}.minimal-button{width:100%}.minimal-toggle-switch,.minimal-toggle-switch .toggle-animate,.minimal-toggle-switch input{height:28px;width:72px}.minimal-toggle-switch .toggle-animate:before{height:20px;left:4px;top:4px;width:20px}.minimal-toggle-switch input:checked+.toggle-animate:before{left:48px}.toggle-off,.toggle-on{font-size:11px;padding-top:6px}}@media (min-width:481px) and (max-width:768px){.minimal-container{padding:1.5rem}.form-grid{gap:1.25rem}.form-grid,.info-grid,.toggle-row{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.minimal-card{max-width:700px}.form-grid{gap:1.25rem}}@media (min-width:1025px) and (max-width:1400px){.minimal-card{max-width:800px}}@media (min-width:1401px){.minimal-card{max-width:900px}.minimal-title{font-size:1.75rem}.minimal-input,.minimal-select{font-size:1rem;padding:.875rem 1.25rem}.minimal-button{font-size:1rem;padding:.875rem 2rem}}@media print{.minimal-container{background:none;padding:0}.minimal-form-actions,.minimal-icon-button{display:none}}.items-table-container{margin:2rem auto;max-width:1400px;padding:0 1.25rem 2rem}.items-table-header{background:linear-gradient(90deg,var(--color-surface) 0,var(--color-surface-hover) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.4rem 1.6rem}.items-table-title{color:var(--color-heading);font-size:1.5rem}.filters-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);gap:.85rem;margin-bottom:1.1rem;padding:1rem 1.1rem}.items-search{flex:1 1 280px;min-width:220px}.items-search input{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.8rem 2.7rem .8rem 2.8rem}.items-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.search-icon{left:.95rem}.clear-search{color:var(--color-text-muted);padding:.25rem;right:.65rem}.clear-search:hover{background:var(--color-border);color:var(--color-text)}.filter-dropdown{flex:1 1 180px;min-width:180px}.filter-select{background:var(--color-surface-hover);padding:.8rem 1rem}.minimal-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;overflow:hidden}.minimal-table table{border-collapse:collapse;width:100%}.minimal-table th{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8rem;letter-spacing:.04em;padding:1rem 1.25rem}.minimal-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);padding:1rem 1.25rem;vertical-align:middle}.minimal-table tbody tr:last-child td{border-bottom:none}.minimal-table tbody tr:hover{background:var(--color-surface-hover);transition:background-color .2s ease}.minimal-table tbody tr:nth-child(2n){background:#f7f4f073}.item-code-badge{background:var(--color-primary-soft);border:1px solid var(--color-primary-muted);border-radius:var(--radius-full);color:var(--color-primary-dark);display:inline-block;font-family:var(--font-mono);font-size:.85rem;padding:.28rem .7rem}.item-name-cell{font-weight:600}.item-name{color:var(--color-heading)}.unit-badge{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-block;font-size:.85rem;padding:.28rem .6rem}.vat-status-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.28rem .7rem;text-transform:uppercase}.vat-status-badge.applicable{background:var(--color-success-light);color:var(--color-success-dark)}.vat-status-badge.not-applicable{background:var(--color-surface-hover);color:var(--color-text-muted)}.auto-add-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.03em;padding:.28rem .7rem;text-transform:uppercase}.auto-add-badge.enabled{background:var(--color-info-light);color:var(--color-info-dark)}.auto-add-badge.disabled{background:var(--color-danger-light);color:var(--color-danger-dark)}.status-badge{border-radius:var(--radius-full);letter-spacing:.03em;padding:.28rem .7rem}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.inactive{background:var(--color-danger-light);color:var(--color-danger-dark)}.reorder-level{color:var(--color-heading);font-weight:600}.table-actions{gap:.5rem;justify-content:flex-start;min-width:6rem}.minimal-table td:last-child,.minimal-table th:last-child{min-width:7rem;text-align:center}.btn-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000a;color:var(--color-text);display:inline-flex;height:2.25rem;transition:all .2s ease;width:2.25rem}.btn-icon:hover{background:var(--color-border-light);transform:translateY(-1px)}.btn-icon.edit:hover{background:var(--color-info-light);color:var(--color-info-dark)}.btn-icon.delete:hover{background:var(--color-danger-light);color:var(--color-danger-dark)}.table-footer{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem .25rem 0}.table-stats{flex-wrap:wrap}.stat-item strong{color:var(--color-heading)}.text-muted{color:var(--color-text-muted)}.table-export{display:flex;gap:.5rem}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-weight:600;margin:0 0 .5rem}.empty-state p{color:var(--text-muted);margin:0 auto 1.5rem;max-width:400px}@media (max-width:480px){.items-table-container{padding:0 .75rem 1.5rem}.items-table-header{padding:1.1rem 1rem}.filters-section,.items-table-header{align-items:stretch;flex-direction:column}.items-search input{width:100%}.filter-dropdown{min-width:100%}.minimal-table{overflow-x:auto}.minimal-table table{min-width:800px}.table-footer{flex-direction:column;gap:1rem;text-align:center}.table-stats{flex-wrap:wrap;justify-content:center}}@media (min-width:481px) and (max-width:768px){.items-search input{width:100%}.minimal-table{overflow-x:auto}.minimal-table table{min-width:800px}.filters-section{align-items:stretch;flex-direction:column}.filter-dropdown,.items-search{min-width:auto}.clear-filters{width:100%}}@media (min-width:769px) and (max-width:1024px){.items-search input{width:100%}.minimal-table table{min-width:100%}.minimal-table td,.minimal-table th{padding:.875rem 1rem}}@media (min-width:1025px) and (max-width:1400px){.items-table-container{padding:0 3rem}}@media (min-width:1401px){.items-table-container{max-width:1600px;padding:0 4rem}}@media print{.btn-add,.btn-icon,.items-search{display:none}}.minimal-table tbody tr{animation:fadeIn .3s ease forwards;position:relative}.minimal-table tbody tr:after{background:var(--border-color);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.minimal-table tbody tr:last-child:after{display:none}.toggle-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.toggle-column{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:all .2s ease}.toggle-column:hover{border-color:var(--border-focus);box-shadow:0 2px 8px #00000005}.toggle-column .minimal-toggle-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.toggle-column .minimal-helper-text{border-left:2px solid var(--border-color);color:var(--text-muted);display:block;font-size:.75rem;font-style:italic;margin-top:.5rem;padding-left:.25rem}@media (max-width:640px){.toggle-row{gap:1rem;grid-template-columns:1fr}}.filters-section{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.25rem}.items-search{flex:2 1;min-width:300px;position:relative}.items-search input{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;padding:.85rem 1rem .85rem 2.8rem;transition:all .2s ease;width:100%}.items-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.items-search input::placeholder{color:var(--text-muted);font-size:.9rem}.search-icon{font-size:.9rem;pointer-events:none;transition:color .2s ease}.items-search:focus-within .search-icon{color:#2563eb}.clear-search{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center;padding:.35rem;right:.75rem;transition:all .2s ease}.clear-search:hover{background:#fee2e2;color:#dc2626}.filter-dropdowns{align-items:center;display:flex;flex:3 1;flex-wrap:wrap;gap:.75rem}.filter-item{flex:1 1;min-width:180px;position:relative}.filter-select{background:var(--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;padding:.85rem 2.5rem .85rem 1rem;transition:all .2s ease;width:100%}.filter-select:hover{border-color:var(--border-focus)}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.025em;margin-bottom:.25rem}.clear-filters{align-items:center;background:#fee2e2;border:none;border-radius:var(--radius-lg);color:#dc2626;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.85rem 1.5rem;transition:all .2s ease;white-space:nowrap}.clear-filters:hover{background:#fecaca;box-shadow:0 4px 8px #dc26261a;transform:translateY(-1px)}.clear-filters:active{transform:translateY(0)}.items-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.items-table-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin:0}.items-table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btn-add,.minimal-button-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.85rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-add:hover,.minimal-button-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb4d;transform:translateY(-1px)}.btn-add:active,.minimal-button-primary:active{transform:translateY(0)}.btn-add:disabled,.minimal-button-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1024px){.filters-section{align-items:stretch;flex-direction:column;padding:1rem}.items-search{min-width:auto;width:100%}.filter-dropdowns{width:100%}.filter-item{min-width:140px}.clear-filters{justify-content:center;width:100%}}@media (max-width:640px){.filter-dropdowns{flex-direction:column;gap:.75rem}.filter-item{min-width:auto;width:100%}.items-table-header{align-items:stretch;flex-direction:column;text-align:center}.items-table-actions{width:100%}.items-table-actions .minimal-button-primary{justify-content:center;width:100%}}.filters-section{animation:slideDown .3s ease forwards}.filter-item.has-value .filter-select{background-color:#eff6ff;border-color:#2563eb}.filter-item.has-value .filter-label{color:#2563eb}.table-stats{align-items:center;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:.5rem;padding:.5rem 1rem}.stat-item{align-items:center;display:inline-flex;font-size:.9rem}.stat-item strong{color:#2563eb;font-size:1.1rem;font-weight:600;margin-right:.25rem}.text-muted{font-size:.85rem}.filters-section{align-items:stretch;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.filters-section .filter-dropdown,.filters-section .items-search{flex:none;min-width:0;width:100%}.filters-section .items-search input{box-sizing:border-box;width:100%}@media (min-width:768px) and (max-width:1023px){.filters-section{gap:.85rem;grid-template-columns:repeat(2,1fr)}.filters-section .items-search{grid-column:1/-1}.filters-section .clear-filters{grid-column:1/-1;justify-content:center;width:100%}}@media (max-width:767px){.filters-section{gap:.75rem;grid-template-columns:1fr}.filters-section .clear-filters{justify-content:center;width:100%}}.change-password-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:50px auto;max-width:600px;padding:40px;transition:all .3s ease}.change-password-container h2{color:#343a40;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.btn-back{background-color:#6c757d;display:inline-flex;gap:6px;margin-bottom:20px;padding:8px 16px;transition:background-color .3s ease}.btn-back:hover{background-color:#5a6268}.form{display:flex;flex-direction:column}.form-group input,.form-group select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:6px;font-size:15px;padding:12px;transition:border .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 6px #007bff4d}.form-group small{margin-top:5px}.btn-save{background-color:#007bff;border-radius:6px;font-weight:500;gap:10px;justify-content:center;padding:14px 20px;transition:background-color .3s ease}.btn-save:hover{background-color:#0056b3}.message{border-radius:6px;font-size:15px;font-weight:500;margin-top:25px;padding:14px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-button-wrapper{display:flex;justify-content:center}.sidebar{background:#1a0f06f4;background:var(--sidebar-bg,#1a0f06f4);box-shadow:4px 0 24px #0000002e;box-shadow:var(--shadow-sidebar,4px 0 24px #0000002e);display:flex;flex-direction:column;height:100vh;min-width:272px;min-width:var(--sidebar-width,272px);overflow:hidden;position:sticky;top:0;transition:width .26s cubic-bezier(.4,0,.2,1),min-width .26s cubic-bezier(.4,0,.2,1);width:272px;width:var(--sidebar-width,272px);z-index:100}.toggle-button{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;color:#ffffff73;cursor:pointer;display:flex;font-size:1rem;justify-content:flex-end;min-height:48px;padding:.85rem 1.1rem;transition:color .3s ease,background .3s ease}.toggle-button:hover{background:#ffffff0a;color:#fff}.logo-container{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:center;padding:1.1rem 1.25rem 1rem}.logo-image{border-radius:14px;box-shadow:0 4px 16px #00000059,0 0 0 3px #d2691e4d;display:block;flex-shrink:0;height:64px;object-fit:cover;transition:box-shadow .3s ease;width:64px}.logo-image:hover{box-shadow:0 6px 22px #0006,0 0 0 3px #d2691e80}.nav-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.65rem .6rem .5rem;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:#0000}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#d2691e73}.nav-menu ul{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.nav-menu li{margin-bottom:1px}.dropdown-header,.nav-link{align-items:center;border-radius:10px;color:#eae5dfb3!important;cursor:pointer;display:flex;font-size:.88rem;font-weight:500;letter-spacing:.01em;overflow:hidden;padding:.72rem .9rem;position:relative;text-decoration:none;text-overflow:ellipsis;transition:background .3s ease,color .3s ease,padding-left .3s ease;white-space:nowrap}.dropdown-header:hover,.nav-link:hover{background:#ffffff0f;color:#fff!important}.nav-link.active{background:linear-gradient(135deg,#d2691e38,#a0522d2e);border-left:3px solid #d2691e;border-left:3px solid var(--color-primary,#d2691e);padding-left:calc(.9rem - 3px)}.nav-link.active,.section-toggle.active{color:#fff!important;font-weight:600!important}.section-toggle.active{background:#d2691e1f}.nav-menu .icon-container{align-items:center;color:#eae5dfb3!important;display:inline-flex;flex-shrink:0;font-size:.92rem;justify-content:center;margin-right:.75rem;min-width:22px;transition:color .3s ease;width:22px}.dropdown-header:hover .icon-container,.nav-link.active .icon-container,.nav-link:hover .icon-container{color:#fff!important}.dropdown-header{position:relative}.dropdown-header .chevron,.section-toggle .chevron{color:#eae5df80!important;flex-shrink:0;font-size:.72rem;position:absolute;right:.9rem;transition:transform .3s ease,color .3s ease}.dropdown.active .dropdown-header .chevron,.section-toggle .chevron.rotated{color:#d2691e;color:var(--color-primary,#d2691e);transform:rotate(180deg)}.dropdown-menu{background:#ffffff08;border-radius:8px;list-style:none;margin:2px 0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .3s ease-out,opacity .3s ease}.dropdown.active .dropdown-menu{max-height:600px;opacity:1}.dropdown-menu li{margin:0}.dropdown-menu a.nav-link{border-radius:8px;color:#eae5dfb3!important;font-size:.83rem;padding:.6rem .9rem .6rem 2.6rem}.dropdown-menu a.nav-link:hover{background:#ffffff0d;color:#fff!important;padding-left:2.75rem}.dropdown-menu a.nav-link.active{background:#d2691e29;border-left:3px solid #d2691e;border-left:3px solid var(--color-primary,#d2691e);color:#fff!important;font-weight:600!important;padding-left:calc(2.6rem - 3px)}.dropdown-menu .icon-container{font-size:.78rem;left:.9rem;position:absolute;width:18px}.nav-section{display:flex;flex-direction:column;margin-bottom:.2rem}.section-separator{background:#ffffff0f;border-radius:1px;height:1px;margin:.5rem .4rem}.section-toggle{cursor:pointer;position:relative}.logout-container{border-top:1px solid #ffffff0f;flex-shrink:0;padding:.85rem .9rem 1rem}.logout-btn{align-items:center;background:linear-gradient(135deg,#dc2626cc,#b91c1cd9);border:1px solid #dc262659;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:.6rem;justify-content:center;letter-spacing:.01em;padding:.75rem 1rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.logout-btn:hover{background:linear-gradient(135deg,#dc2626e6,#b91c1cf2);box-shadow:0 8px 22px #dc262659;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.sidebar.collapsed{min-width:72px;min-width:var(--sidebar-collapsed-width,72px);width:72px;width:var(--sidebar-collapsed-width,72px)}.sidebar.collapsed .logo-container{padding:.85rem .5rem}.sidebar.collapsed .logo-image{border-radius:10px;height:44px;width:44px}.sidebar.collapsed .dropdown-header span:not(.icon-container),.sidebar.collapsed .logout-btn span,.sidebar.collapsed .nav-link span:not(.icon-container){display:none}.sidebar.collapsed .nav-menu .icon-container{font-size:1rem;margin-right:0}.sidebar.collapsed .dropdown-header .chevron,.sidebar.collapsed .section-toggle .chevron{display:none}.sidebar.collapsed .dropdown-menu{display:none!important}.sidebar.collapsed .dropdown-header,.sidebar.collapsed .nav-link{justify-content:center;padding:.72rem}.sidebar.collapsed .logout-btn{gap:0;padding:.72rem}.sidebar.collapsed .toggle-button{justify-content:center}.nav-menu a.nav-link:not(.section-toggle):not(.active):hover{padding-left:1.05rem}@media (max-width:900px){.sidebar{min-width:220px;position:sticky;width:220px}.logo-image{height:54px;width:54px}}@media (max-width:640px){.sidebar{height:auto;min-width:100%;position:relative;width:100%}.nav-menu{max-height:55vh}.logo-container{padding:.75rem 1rem}.logo-image{height:48px;width:48px}}@media (min-width:1440px){.sidebar{min-width:288px;width:288px}}.module-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:4px;transition:all .3s ease}.module-item:hover{background:#ffffff14;border-color:#d2691e4d}.module-item.active-module{background:linear-gradient(135deg,#d2691e40,#a0522d33);border-color:#d2691e;border-color:var(--color-primary,#d2691e);box-shadow:0 2px 8px #d2691e26}.module-item.active-module .icon-container{color:#fff!important}.module-item.active-module span:not(.icon-container){color:#fff!important;font-weight:600}.module-item .chevron{margin-left:auto;transition:transform .3s ease}.module-item .chevron.rotated{color:#d2691e;color:var(--color-primary,#d2691e);transform:rotate(180deg)}.module-content{animation:slideDown .3s ease;border-left:2px solid #d2691e33;margin:4px 0 8px;padding-left:8px}.module-content .dropdown-header{font-size:.85rem;padding-left:.8rem}.module-content .dropdown-menu a.nav-link{font-size:.82rem;padding-left:2.2rem}.module-content .nav-link{font-size:.85rem;padding:.6rem .8rem}.sidebar.collapsed .module-item{justify-content:center;padding:.72rem}.sidebar.collapsed .module-item .chevron{display:none}.sidebar.collapsed .module-content{display:none!important}@media (max-width:640px){.module-item{padding:.6rem .8rem}.module-content{padding-left:4px}}.layout-container{background:var(--color-background);display:flex;min-height:100vh}.main-content{background:#0000;flex:1 1;min-width:0;overflow-y:auto;padding:1.75rem 2rem 3rem;transition:padding var(--transition)}.main-content>.container{margin:0 auto;width:min(1360px,calc(100% - 1rem))}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}@media (max-width:900px){.layout-container{flex-direction:column}.main-content{padding:1.25rem 1rem 2rem}}@media (max-width:640px){.main-content{padding:1rem .75rem 1.5rem}}@media (min-width:1440px){.main-content{padding:2rem 2.5rem 3.5rem}}@media (min-width:1920px){.main-content{padding:2.5rem 3rem 4rem}}.opening-balance-minimal{align-items:center;background:#fafbfc;border-radius:12px;box-shadow:0 2px 16px #00000012;display:flex;flex-direction:column;margin:40px auto;max-width:400px;padding:32px 24px}.ob-title{color:#222;font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.ob-minimal-form{gap:18px;width:100%}.ob-field,.ob-minimal-form{display:flex;flex-direction:column}.ob-field{gap:6px}.ob-label{color:#444;font-size:1rem;margin-bottom:2px}.ob-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:8px 10px;transition:border-color .2s}.ob-input:focus{border-color:#6722e6;outline:none}.ob-btn{align-items:center;background:#6722e6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;margin-top:10px;padding:12px 0;transition:background .2s;width:100%}.ob-btn:disabled{background:#ccc;cursor:not-allowed}.opening-balance-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:1000px;padding:20px}.header-buttons{justify-content:flex-end;margin-bottom:20px}.btn-add{background-color:#4caf50;font-size:14px;padding:10px 15px}.opening-balance-table{border-collapse:collapse;margin-top:20px;width:100%}.opening-balance-table td,.opening-balance-table th{border:1px solid #ddd;padding:12px;text-align:left}.opening-balance-table th{background-color:#f2f2f2;font-weight:700}.opening-balance-table tr:nth-child(2n){background-color:#f9f9f9}.opening-balance-table tr:hover{background-color:#f1f1f1}.form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group label{font-weight:700}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.form-button-wrapper{grid-column:span 2;text-align:right}.btn-save{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border-radius:8px;box-shadow:0 2px 8px #6722e612;font-size:16px;font-weight:600;padding:11px 22px;transition:background .2s,box-shadow .2s}.btn-save:hover:not(:disabled){background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);box-shadow:0 4px 16px #6722e61a}.btn-save:disabled{background-color:#e0e0e0;color:#aaa}.message{margin-top:15px}.error,.message{border-radius:4px;padding:10px;text-align:center}.opening-balance-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.ob-box-container{background:#fefefe;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #0000000a;font-family:Inter,sans-serif;margin:60px auto;max-width:480px;padding:32px}.ob-heading{color:#1f1f1f;font-size:1.6rem;font-weight:600;margin-bottom:28px;text-align:center}.ob-form-box{gap:24px}.ob-form-box,.ob-form-group{display:flex;flex-direction:column}.ob-form-group label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:6px}.ob-form-group input,.ob-form-group select{background:#fff;border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s}.ob-form-group input:focus,.ob-form-group select:focus{border-color:#6722e6;outline:none}.ob-form-group small{color:#888;font-size:.85rem;margin-top:6px}.ob-button-wrapper{display:flex;justify-content:flex-end}.ob-btn-submit{background:#6722e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background .2s ease}.ob-btn-submit:hover{background:#7a3cf7}.search-bar{margin-bottom:16px}.search-bar input{font-size:16px;padding:8px;width:300px}.issuance-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;margin:20px auto;overflow:hidden;padding:24px 28px;width:min(100% - 32px,1180px)}.issuance-container h2{color:#1a1a2e;font-size:24px;font-weight:600;letter-spacing:-.3px;margin-bottom:24px}.issuance-container .header-with-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.form-row{background:#f8f9fb;border-radius:10px;flex-wrap:wrap;gap:16px 20px;margin-bottom:24px;padding:20px 24px}.form-group{min-width:160px}.form-group label{color:#4a4a6a;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #e2e6ee;color:#1a1a2e;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6c5ce71f}.section-title{align-items:center;border-bottom:2px solid #f0f2f7;color:#1a1a2e;display:flex;font-size:17px;font-weight:600;gap:8px;margin:28px 0 16px;padding-bottom:10px}.section-title .badge{background:#6c5ce7;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 10px}.table-responsive{background:#fafbfc;border-radius:10px;padding:4px;width:100%}.item-table{border-radius:10px;min-width:720px;overflow:hidden}.item-table thead th{background:#f0f2f7;border:none;border-bottom:2px solid #e2e6ee;color:#6b6b8a;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:center;text-transform:uppercase}.item-table tbody tr{background:#fff;transition:background .15s ease}.item-table tbody tr:hover{background:#f8f9fe}.item-table tbody td{border:none;border-bottom:1px solid #f0f2f7;color:#1a1a2e;font-size:14px;padding:12px 16px;text-align:center;vertical-align:middle}.item-table tbody tr:last-child td{border-bottom:none}.item-table .col-item-name{min-width:220px;text-align:center}.item-table .col-stock{min-width:100px;text-align:center}.item-table .col-quantity{min-width:130px;text-align:center}.item-table .col-unit{min-width:100px;text-align:center}.item-table .col-action{min-width:90px;text-align:center}.item-table .item-select-container{margin:0 auto;max-width:320px;min-width:220px}.item-table .item-select-container .select__control{background:#fff;border:1.5px solid #e2e6ee;border-radius:8px;box-shadow:none;min-height:40px;transition:border-color .2s,box-shadow .2s}.item-table .item-select-container .select__control:hover{border-color:#b8bdd0}.item-table .item-select-container .select__control--is-focused{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71f}.item-table .item-select-container .select__value-container{overflow:visible;padding:2px 8px}.item-table .item-select-container .select__single-value{color:#1a1a2e;font-size:14px;font-weight:500;max-width:100%;overflow:visible;position:relative;text-overflow:clip;top:auto;transform:none;white-space:normal;word-break:break-word}.item-table .item-select-container .select__menu{border:1px solid #e2e6ee;border-radius:10px;box-shadow:0 8px 24px #00000026;overflow:hidden}.item-table .item-select-container .select__menu-list{max-height:280px;padding:4px 0}.item-table .item-select-container .select__option{color:#1a1a2e;font-size:14px;line-height:1.4;padding:10px 14px;white-space:normal;word-break:break-word}.item-table .item-select-container .select__option--is-focused{background:#f0f2fe;color:#1a1a2e}.item-table .item-select-container .select__option--is-selected{background:#6c5ce7;color:#fff}.item-table .item-select-container .select__option--is-selected.select__option--is-focused{background:#5a4bd1}.item-table .item-select-container .select__placeholder{color:#a0a0b8;font-size:14px}.item-table .item-select-container .select__input-container{margin:0;padding:0}.item-table .item-select-container .select__indicator{padding:6px 8px}.stock-display{background:#f5f6fa;border:1.5px solid #e8eaf0;border-radius:8px;color:#1a1a2e;display:block;font-size:14px;margin:0 auto;max-width:110px;min-width:80px;padding:8px 12px}.stock-display.stock-low{background:#fee8e8;border-color:#f5c6c6;color:#c0392b}.unit-display{background:#f5f6fa;border:1.5px solid #e8eaf0;border-radius:8px;color:#4a4a6a;cursor:default;max-width:100px;min-width:70px;padding:8px 12px}.quantity-input,.unit-display{display:block;font-size:14px;margin:0 auto}.quantity-input{background:#fff;border:1.5px solid #e2e6ee;border-radius:8px;font-weight:500;max-width:120px;padding:8px 10px;text-align:center;transition:border-color .2s,box-shadow .2s}.quantity-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71f;outline:none}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{opacity:.5}.btn-remove{background:#0000;border:1.5px solid #fdd0cc;border-radius:8px;color:#e74c3c;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 14px;transition:all .2s}.btn-remove:hover{background:#fee8e8;border-color:#e74c3c;color:#c0392b}.btn-remove:disabled{opacity:.4}.btn-submit{background:linear-gradient(135deg,#6c5ce7,#5a4bd1);border-radius:10px;box-shadow:0 4px 14px #6c5ce74d;display:inline-block;font-size:15px;letter-spacing:.3px;margin-top:20px;padding:12px 32px;transition:all .25s ease}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #6c5ce759}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f0f2f7;color:#4a4a6a;font-size:14px;gap:6px;padding:8px 18px;transition:background .2s}.btn-secondary:hover{background:#e2e6ee}.issuance-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:9998}.issuance-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;left:50%;max-height:90vh;max-width:95vw;overflow-y:auto;padding:28px 32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:900px;z-index:9999}.loading{color:#6c5ce7;font-weight:500;margin-top:60px}@media (max-width:768px){.issuance-container{margin:10px auto;padding:16px 18px;width:calc(100% - 16px)}.issuance-container .header-with-actions{align-items:stretch;flex-direction:column;gap:12px}.form-row{flex-direction:column;gap:12px;padding:16px}.form-group{min-width:100%}.item-table{min-width:600px}.item-table thead th{font-size:11px;padding:10px 12px}.item-table tbody td{font-size:13px;padding:10px 12px}.item-table .item-select-container{max-width:200px;min-width:150px}.item-table .col-item-name{min-width:160px}.btn-submit{justify-content:center;width:100%}.btn-remove{font-size:12px;padding:4px 10px}}@media (max-width:480px){.issuance-modal-content{padding:20px 16px;width:calc(100vw - 16px)}.item-table .item-select-container .select__single-value{font-size:13px}}.issuance-table.styled-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 1px 3px #0000000d;font-size:.95rem;margin:20px 0;min-width:100%;overflow:hidden}.issuance-table.styled-table thead tr{background:#f0f2f7;color:#4a4a6a;text-align:left}.issuance-table.styled-table td,.issuance-table.styled-table th{border-bottom:1px solid #f0f2f7;padding:12px 16px}.issuance-table.styled-table tbody tr{transition:background .15s}.issuance-table.styled-table tbody tr:hover{background:#f8f9fe}.issuance-table.styled-table tbody tr:last-of-type td{border-bottom:none}.btn-view{background:#6c5ce7;border-radius:6px;font-size:12px;font-weight:500;padding:5px 14px;transition:background .2s}.btn-view:hover{background:#5a4bd1}.btn-edit{background:#00b894;font-size:12px;padding:5px 14px;transition:background .2s}.btn-edit:hover{background:#00a381}.filters-bar.single-line{align-items:center;background:#f8f9fb;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 20px;padding:14px 20px}.filters-bar.single-line label{align-items:center;color:#4a4a6a;display:flex;font-size:13px;font-weight:500;gap:8px}.filter-input{background:#fff;border:1.5px solid #e2e6ee;font-size:13px;min-width:150px;transition:border-color .2s}.filter-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.issuance-detail-modal{padding:4px 0}.detail-modal-header{align-items:center;border-bottom:2px solid #f0f2f7;display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.detail-modal-title{align-items:center;display:flex;gap:14px}.detail-modal-title h2{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.detail-id{background:#f0f2fe;border-radius:20px;color:#6c5ce7;font-size:14px;font-weight:500;letter-spacing:.3px;padding:4px 14px}.btn-close-modal{background:#0000;border:none;border-radius:6px;color:#8a8aa8;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:all .2s}.btn-close-modal:hover{background:#f0f2f7;color:#1a1a2e}.detail-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}.detail-info-card{background:#f8f9fb;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 18px}.detail-info-card .detail-label{color:#8a8aa8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-info-card .detail-value{color:#1a1a2e;font-size:15px;font-weight:500}.detail-items-section{margin-top:4px}.detail-items-section h3{border-bottom:2px solid #f0f2f7;color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 14px;padding-bottom:10px}.detail-table-responsive{border:1px solid #f0f2f7;border-radius:10px;overflow-x:auto}.detail-items-table{border-collapse:collapse;font-size:14px;width:100%}.detail-items-table thead th{background:#f8f9fb;border-bottom:2px solid #e2e6ee;color:#6b6b8a;font-size:12px;font-weight:600;letter-spacing:.4px;padding:12px 16px;text-align:left;text-transform:uppercase}.detail-items-table tbody td{border-bottom:1px solid #f0f2f7;color:#1a1a2e;padding:11px 16px}.detail-items-table tbody tr:last-child td{border-bottom:none}.detail-items-table tbody tr:hover{background:#f8f9fe}.detail-items-table .item-code-badge{background:#f0f2fe;border-radius:12px;color:#6c5ce7;display:inline-block;font-size:12px;font-weight:500;padding:2px 10px}.detail-items-table .quantity-cell{color:#2d2d4a;font-weight:600}.detail-items-table .no-items-message{color:#a0a0b8;padding:30px 16px;text-align:center}.detail-modal-footer{border-top:1px solid #f0f2f7;display:flex;justify-content:flex-end;margin-top:22px;padding-top:20px}.detail-modal-footer .btn-secondary{background:#f0f2f7;border:none;border-radius:8px;color:#4a4a6a;cursor:pointer;font-size:14px;font-weight:500;padding:10px 28px;transition:background .2s}.detail-modal-footer .btn-secondary:hover{background:#e2e6ee}.modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:50px 20px}.modal-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #f0f2f7;border-radius:50%;border-top-color:#6c5ce7;height:40px;width:40px}.modal-loading p{color:#6b6b8a;font-size:15px;margin:0}.modal-error{padding:40px 20px;text-align:center}.modal-error p{color:#e74c3c;font-size:16px;margin-bottom:20px}@media (max-width:768px){.detail-modal-header{align-items:flex-start;flex-direction:column;gap:12px}.detail-modal-title h2{font-size:18px}.detail-info-grid{gap:10px;grid-template-columns:1fr 1fr}.detail-info-card{padding:12px 14px}.detail-info-card .detail-value{font-size:14px}.detail-items-table{font-size:13px}.detail-items-table tbody td,.detail-items-table thead th{padding:8px 12px}}@media (max-width:480px){.detail-info-grid{grid-template-columns:1fr}.detail-modal-title{flex-wrap:wrap}.detail-modal-title h2{font-size:16px}.detail-items-table{font-size:12px}.detail-items-table tbody td,.detail-items-table thead th{padding:6px 10px}.detail-modal-footer{flex-direction:column}.detail-modal-footer .btn-secondary{text-align:center;width:100%}}.btn-delete{font-size:13px;padding:5px 12px}@media (max-width:768px){.search-item{flex-wrap:wrap;gap:4px}.search-item-code{min-width:auto}.item-table{font-size:13px}}.item-search-container{position:relative;width:100%}.item-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 10px;width:100%}.item-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.search-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .15s ease}.search-item:hover{background-color:#f0f7ff}.search-item-code{color:#007bff;font-size:12px;font-weight:700;min-width:60px}.search-item-name{color:#333;flex:1 1}.search-item-unit{color:#666;font-size:12px}.search-item-price{color:#28a745;font-size:13px;font-weight:600;min-width:80px;text-align:right}.search-no-results{color:#666;font-style:italic;padding:12px;text-align:center}.estimated-loss-display{background-color:#f0f7ff;border:1px solid #cce5ff;border-radius:4px;color:#004085;cursor:not-allowed;font-weight:700;padding:8px;width:100%}.price-hint{color:#6c757d;display:block;font-size:10px;margin-top:2px}.remarks-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.remarks-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.search-item{flex-wrap:wrap;gap:4px}.search-item-code,.search-item-price{min-width:auto}.item-table{font-size:13px}.item-table td,.item-table th{padding:6px 4px}}.header-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h2{color:#2c3e50;font-size:24px;margin:0}.record-count{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:14px;padding:4px 12px}.table-responsive{box-shadow:0 2px 8px #00000014}.wastage-table{background:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.wastage-table thead{background:#f8f9fa}.wastage-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.wastage-table td{border-bottom:1px solid #e9ecef;padding:14px 16px;vertical-align:middle}.wastage-row{transition:background-color .2s ease}.wastage-row:hover{background-color:#f8f9fa}.wastage-row:last-child td{border-bottom:none}.note-number{color:#007bff;font-family:Courier New,monospace;font-size:14px;font-weight:600}.reason-badge{border:1px solid;border-radius:20px;padding:4px 12px}.remarks-cell{color:#495057;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-remarks{color:#adb5bd}.actions-cell,.actions-header{min-width:150px;text-align:center}.actions-cell{white-space:nowrap}.action-btn{font-size:14px;height:36px;margin:0 3px;position:relative;transition:all .25s ease;width:36px}.action-btn:after{background:#000c;border-radius:4px;bottom:-28px;color:#fff;content:attr(title);font-size:11px;left:50%;opacity:0;padding:2px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.action-btn:hover:after{opacity:1}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover{background:#1976d2;box-shadow:0 4px 12px #1976d24d;transform:translateY(-2px)}.edit-btn{background:#fff3e0;color:#f57c00}.edit-btn:hover{background:#f57c00;box-shadow:0 4px 12px #f57c004d;color:#fff;transform:translateY(-2px)}.delete-btn{background:#fbe9e7;color:#d32f2f}.delete-btn:hover{background:#d32f2f;box-shadow:0 4px 12px #d32f2f4d;color:#fff;transform:translateY(-2px)}.no-records{border-radius:8px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.no-records-icon{margin-bottom:16px}.no-records p{color:#6c757d;font-size:16px;margin-bottom:20px}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{background:#f8f9fa}.modal-header h2{color:#2c3e50}.modal-header h2 svg{color:#007bff}.modal-close{border-radius:6px;color:#6c757d;padding:4px 8px;transition:all .2s}.modal-close:hover{background:#e9ecef;color:#343a40}.detail-header{border-bottom:2px solid #e9ecef}.detail-header h3{color:#007bff}.detail-status{background:#e9ecef;border-radius:20px;color:#495057;display:inline-flex;font-weight:500;gap:6px;padding:4px 16px}.detail-item label{color:#6c757d;letter-spacing:.5px}.detail-item span{color:#2c3e50;font-size:15px;font-weight:500}.remarks-section{background:#f8f9fa;margin:16px 0 24px;padding:16px}.remarks-section label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px}.remarks-section p{color:#495057;line-height:1.6}.items-table-wrapper{margin-top:16px}.items-table-wrapper h4{color:#2c3e50;font-size:16px}.items-details-table{font-size:14px}.items-details-table thead{background:#f8f9fa}.items-details-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:10px 12px;text-align:left}.items-details-table td{border-bottom:1px solid #e9ecef;padding:10px 12px}.items-details-table tbody tr:hover{background:#f8f9fa}.items-details-table tfoot{background:#f8f9fa;font-weight:600}.items-details-table tfoot td{border-top:2px solid #dee2e6;padding:12px}.item-code{color:#6c757d;font-size:12px}.loss-amount{font-weight:500}.loss-amount,.total-loss-amount{color:#dc3545}.loading-container{gap:12px;padding:40px}.loading-spinner{border:3px solid #e9ecef}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:16px}@media (max-width:768px){.header-section{align-items:stretch;flex-direction:column}.header-left{justify-content:space-between}.header-left h2{font-size:20px}.wastage-table{font-size:13px}.wastage-table td,.wastage-table th{padding:10px 12px}.actions-cell{min-width:120px}.action-btn{font-size:12px;height:32px;width:32px}.action-btn:after{display:none}.modal-content{height:100%;max-height:100vh;width:100%}.modal-content,.modal-header{border-radius:0}.details-grid{grid-template-columns:1fr}.detail-header{align-items:flex-start;flex-direction:column;gap:8px}.reason-badge{font-size:11px}.remarks-cell{max-width:100px}}@media (max-width:576px){.wastage-table td,.wastage-table th{font-size:12px;padding:8px 6px}.actions-cell{min-width:100px}.action-btn{font-size:11px;height:28px;margin:0 2px;width:28px}.note-number{font-size:12px}}.modal-content.modal-large{max-height:92vh;max-width:1100px;width:95%}@media (max-width:768px){.modal-content.modal-large{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.modal-body{padding:16px}}.items-table-scroll{border:1px solid var(--erp-border);border-radius:var(--erp-radius-sm);max-height:400px;overflow-x:auto;overflow-y:auto}.items-table-scroll .items-details-table{border-collapse:collapse;font-size:14px;width:100%}.items-table-scroll .items-details-table thead{background:var(--erp-bg);position:sticky;top:0;z-index:10}.items-table-scroll .items-details-table th{background:var(--erp-bg);border-bottom:2px solid var(--erp-border);color:var(--erp-text-muted);font-weight:600;padding:12px 16px}.items-table-scroll .items-details-table td{border-bottom:1px solid var(--erp-border);padding:10px 16px}.items-table-scroll .items-details-table tbody tr:hover{background:var(--erp-bg)}.items-table-scroll .items-details-table tfoot{background:var(--erp-bg);bottom:0;font-weight:600;position:sticky;z-index:10}.items-table-scroll .items-details-table tfoot td{background:var(--erp-bg);border-top:2px solid var(--erp-border);padding:12px 16px}.modal-body{padding:24px 28px}.detail-header{border-bottom:2px solid var(--erp-border);flex-wrap:wrap;gap:12px;margin-bottom:20px}.detail-header h3{color:var(--erp-primary);font-family:Courier New,monospace;font-size:18px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.modal-overlay{animation:fadeIn .3s ease;background:#0009}@media (max-width:768px){.modal-overlay{padding:0}.modal-content.modal-large{border-radius:0;height:100vh;max-height:100vh}.modal-body{padding:16px 20px}.items-table-scroll{max-height:300px}}@media (max-width:480px){.items-table-scroll{max-height:250px}.items-table-scroll .items-details-table{font-size:12px}.items-table-scroll .items-details-table td,.items-table-scroll .items-details-table th{padding:6px 8px}}.report-container{background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;padding:24px}.report-header{margin-bottom:32px}.report-header h2{color:#1a1a1a;font-size:32px;letter-spacing:-.5px;margin:0 0 8px}.report-subtitle{color:#64748b;font-size:16px}.controls-row{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;gap:24px;margin-bottom:32px;padding:24px}.form-group{flex:1 1 220px;max-width:100%}.form-group label{color:#475569;gap:8px;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.form-group input,.form-group select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:14px;height:48px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.item-search-container{min-width:0}.react-select__control{border:1.5px solid #e2e8f0!important;border-radius:10px!important;font-size:14px;min-height:48px!important;transition:all .2s ease}.react-select__control:hover{border-color:#cbd5e1!important}.action-buttons-container{min-width:0}.action-buttons-row{align-items:center;flex-wrap:wrap;gap:12px}.action-buttons-row .btn{flex:1 1 120px;min-width:0}.btn{box-sizing:border-box;letter-spacing:.3px;min-width:140px;padding:12px 24px}.btn-generate{background:#3b82f6}.btn-generate:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-generate:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none}.btn-pdf{background:#ef4444}.btn-pdf:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-excel{background:#10b981}.btn-excel:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.summary-card{border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease}.summary-label{color:#64748b;letter-spacing:.5px}.summary-value{color:#1e293b;font-size:28px}.summary-value.positive{color:#10b981}.summary-value.negative{color:#ef4444}.table-container{border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d}.report-table{background:#fff}.report-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.report-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover{background:#f8fafc}.clickable-row{transition:background-color .15s ease}.clickable-row:hover{background-color:#f1f5f9!important}.positive{color:#10b981}.negative{color:#ef4444}.btn-view-small{align-items:center;background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-view-small:hover{background:#475569;transform:translateY(-1px)}.loading{background:#fff;border-radius:16px;color:#64748b;padding:60px 20px}.empty-state,.loading{box-shadow:0 1px 3px #0000000d}.empty-state p{font-size:16px}.modal-overlay{background-color:#0f172a99}.modal-content{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 25px 50px #0f172a33;max-height:95vh;max-width:95%;padding:0}.large-modal{max-width:1200px;width:90%}.modal-header{background:#f8fafc}.modal-header h3{color:#1e293b;font-size:20px;font-weight:700}.btn-close{border-radius:8px;color:#64748b;font-size:20px;height:40px;padding:8px;transition:all .2s ease;width:40px}.btn-close:hover{background:#e2e8f0;color:#475569}.transaction-tabs{display:flex;flex-direction:column;gap:32px;padding:24px}.transaction-section h4{border-bottom:2px solid #3b82f6;color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}@media (max-width:1600px){.controls-row{gap:20px}}@media (max-width:1200px){.action-buttons-container,.item-search-container{flex-basis:100%}}@media (max-width:900px){.controls-row{gap:16px;padding:20px}}@media (max-width:600px){.report-container{padding:16px}.report-header h2{font-size:24px}.controls-row{flex-direction:column;gap:16px;padding:16px}.form-group{min-width:100%}.action-buttons-container,.item-search-container{flex-basis:auto}.action-buttons-row{flex-direction:column}.action-buttons-row .btn{min-width:auto;width:100%}.summary-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.report-table{min-width:800px}.modal-content{margin:10px;max-width:100%}}@media (max-width:420px){.controls-row{padding:14px}.form-group input,.form-group select{height:44px}}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.report-table tr{animation:fadeIn .3s ease}.modern-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.modern-modal{animation:fadeIn .25s ease-out;background:#ffffffee;border-radius:14px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1050px;overflow:hidden;width:90%}.modern-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;padding:20px 25px}.modal-subtitle{color:#777;font-size:14px;margin-top:4px}.modern-close-btn{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:6px 12px;transition:.2s}.modern-close-btn:hover{background:#ddd}.modern-modal-body{overflow-y:auto;padding:15px 25px 25px}.modal-section{margin-bottom:25px}.modal-section-title{border-radius:8px;color:#fff;font-weight:600;margin-bottom:10px;padding:10px 14px}.purchases-bg{background:#007bff}.issuance-bg{background:#17a2b8}.wastage-bg{background:#dc3545}.returns-bg{background:#28a745}.modern-table-wrapper{border:1px solid #e7e7e7;border-radius:8px;overflow-x:auto}.modern-table{background:#fff}.modern-table th{background:#f8f9fa;border-bottom:1px solid #ddd;padding:10px}.modern-table td{border-bottom:1px solid #eee;padding:9px}.modern-table tr:hover{background:#f4faff}.no-data{color:#777;padding:12px}.register-container{animation:cardEntrance .4s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #d2691e1f;border-radius:28px;border-radius:var(--radius-xl,28px);box-shadow:0 24px 56px #1c19171f,0 4px 12px #d2691e0f,inset 0 1px 0 #ffffffe6;margin:2rem auto;max-width:460px;padding:2.25rem 2rem;text-align:center;width:100%}@keyframes cardEntrance{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.logo-header{align-items:center;display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.75rem}.logo-header .logo-image,.register-container .logo-image{animation:logoFloat 3s ease-in-out infinite;border-radius:20px;box-shadow:0 8px 24px #d2691e38,0 0 0 4px #d2691e1f;display:block;height:80px;margin:0 auto;object-fit:cover;width:80px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.register-container h2{color:var(--color-heading);font-size:1.65rem;font-weight:800;letter-spacing:-.025em;margin:0}.form-group{gap:.45rem;text-align:left}.register-container .form-group label,.register-container label{color:#44403c;color:var(--color-text-secondary,#44403c);display:block;font-size:.84rem;font-weight:700;letter-spacing:.01em;margin-bottom:0}.register-container .form-group input,.register-container input{background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.92rem;min-height:48px;outline:none;padding:.8rem 1rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.register-container .form-group input:focus,.register-container input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #d2691e29}.register-container input::placeholder{color:#a8a29e;color:var(--color-text-placeholder,#a8a29e);font-size:.88rem}.register-container button,.register-container button[type=submit]{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 28px #d2691e47;color:#fff;cursor:pointer;display:flex;font-size:.98rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.01em;margin-top:.5rem;min-height:52px;overflow:hidden;position:relative;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);width:100%}.register-container button:before{background:linear-gradient(135deg,#ffffff26,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.register-container button:hover:not(:disabled){box-shadow:0 16px 36px #d2691e57;transform:translateY(-2px)}.register-container button:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;opacity:.7;transform:none}.login-link{margin-top:1.25rem;text-align:center}.login-link h4{color:var(--color-text-muted);font-size:.88rem;font-weight:400;margin:0}.login-link a{color:var(--color-primary);font-weight:700;text-decoration:none;transition:color var(--transition)}.login-link a:hover{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:3px}@media (max-width:640px){.register-container{border-radius:var(--radius-lg);margin:1rem;padding:1.75rem 1.25rem}.register-container h2{font-size:1.45rem}}@media (max-width:360px){.register-container{padding:1.25rem 1rem}}.report-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px auto}.report-header{align-items:baseline;gap:16px;margin-bottom:18px}.report-header h2{color:#0f172a}.filter-row{grid-gap:16px;align-items:start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr auto;margin-bottom:24px;padding:20px 20px 16px}.filter-group{align-items:stretch;gap:6px}.filter-label{align-items:center;align-self:stretch;box-sizing:border-box;color:#374151;display:flex;font-weight:600;gap:6px;height:20px;justify-content:flex-start;letter-spacing:.5px;line-height:1;margin:0;padding:0;text-transform:uppercase;width:100%}.filter-icon,.filter-label{flex-shrink:0;font-size:12px}.filter-icon{color:#6b7280;height:14px;text-align:center;width:14px}.filter-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;height:42px;line-height:1.4;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input:hover{border-color:#9ca3af}.filter-group .react-select-container{align-self:stretch!important;width:100%!important}.filter-group .react-select__control{background-color:#fff!important;border-color:#d1d5db!important;border-radius:8px!important;box-shadow:none!important;height:42px!important;min-height:42px!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.filter-group .react-select__control:hover{border-color:#9ca3af!important}.filter-group .react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.filter-group .react-select__value-container{padding:0 12px!important}.filter-group .react-select__indicators,.filter-group .react-select__value-container{align-items:center!important;display:flex!important;height:42px!important}.filter-group .react-select__indicator-separator{display:none!important}.filter-group .react-select__input{color:#1f2937!important;margin:0!important;padding:0!important}.filter-group .react-select__single-value{color:#1f2937!important}.filter-group .react-select__placeholder,.filter-group .react-select__single-value{font-size:14px!important;line-height:1.4!important;margin:0!important;padding:0!important}.filter-group .react-select__placeholder{color:#9ca3af!important}.filter-group .react-select__menu{border-radius:8px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;z-index:9999!important}.filter-group .react-select__option{font-size:14px!important;padding:8px 12px!important}.filter-group .react-select__option--is-selected{background-color:#3b82f6!important;color:#fff!important}.filter-group .react-select__option--is-focused{background-color:#eff6ff!important;color:#1f2937!important}.filter-group .react-select__option--is-selected.react-select__option--is-focused{background-color:#3b82f6!important;color:#fff!important}.filter-buttons{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:row;gap:8px;height:42px;padding:0}.filter-buttons .btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:42px;justify-content:center;margin:0;min-width:100px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.filter-buttons .btn-primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 1px 2px #0000000d;color:#fff}.filter-buttons .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#1d4ed8,#1e40af);box-shadow:0 4px 6px -1px #2563eb33;transform:translateY(-1px)}.filter-buttons .btn-primary:active:not(:disabled){transform:translateY(0)}.filter-buttons .btn-primary:disabled{cursor:not-allowed;opacity:.5}.filter-buttons .btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.filter-buttons .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 2px #0000000d}.filter-buttons .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.filter-buttons .btn svg{font-size:14px;margin-right:6px}.empty-state,.loading{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;padding:32px 20px;text-align:center}.report-summary{border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;overflow:hidden}.report-summary>div{overflow-x:auto;padding:4px 0}.report-table{font-size:13px;min-width:1000px}.report-table thead th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;letter-spacing:.5px;padding:12px 16px}.report-table tbody td{border-bottom:1px solid #f3f4f6;padding:10px 16px}.report-table tbody tr:hover td{background:#f9fafb}.report-table tbody tr:last-child td{border-bottom:none}.report-table tfoot td{background:#f9fafb;border-top:2px solid #e5e7eb;color:#1f2937;font-weight:600;padding:12px 16px}.report-table td:nth-child(8){color:#059669;font-weight:600}@media (max-width:1100px){.filter-row{gap:12px;grid-template-columns:1fr 1fr 1fr;padding:16px}.filter-buttons{align-items:center;flex-direction:row;gap:8px;grid-column:span 3;height:42px;justify-content:flex-start}}@media (max-width:768px){.filter-row{gap:12px;grid-template-columns:1fr 1fr;padding:16px}.filter-buttons{align-items:stretch;flex-direction:row;gap:8px;grid-column:span 2;height:auto}.filter-buttons .btn{flex:1 1}.report-header{align-items:flex-start;flex-direction:column;gap:6px}.report-header h2{font-size:18px}}@media (max-width:480px){.filter-row{gap:12px;grid-template-columns:1fr;padding:12px}.filter-buttons{align-items:stretch;flex-direction:column;grid-column:span 1;height:auto}.filter-buttons .btn{min-width:0;min-width:auto;width:100%}.report-container{padding:12px}.report-table{font-size:12px;min-width:700px}.report-table tbody td,.report-table tfoot td,.report-table thead th{padding:8px 12px}}.purchasing-report-container{--bg:#fff;--muted:#6c757d;--border:#e9ecef;--accent:#007bff;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;background:#f8f9fa;border-radius:16px;color:#1a1d21;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.report-header{background:#0000;border-bottom:2px solid #00000014;margin-bottom:28px;padding-bottom:16px}.report-header h2{color:#1a1d21;font-size:28px;gap:12px}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:inline-block;font-size:32px;padding:8px}.controls-section{border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a;gap:16px;margin-bottom:24px}.control-group{gap:8px;min-width:140px}.control-group label{font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.control-input{background:#fff;border:1.5px solid #e9ecef;border-radius:10px;font-family:inherit;padding:10px 14px;transition:all .2s ease}.control-input:focus{border-color:var(--accent)}.control-input:hover{border-color:#adb5bd}.btn{font-family:inherit;font-size:16px;height:42px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#06c,#0052a3);box-shadow:0 2px 4px #007bff33}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #007bff4d;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34)}.btn-success:hover{box-shadow:0 6px 20px #28a7454d}.btn-excel{background:linear-gradient(135deg,#28a745,#1e7e34)}.btn-excel:hover{box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62)}.btn-secondary:hover{box-shadow:0 6px 20px #6c757d4d;transform:translateY(-2px)}.button-group{align-items:flex-end!important;display:flex;flex-direction:row!important;gap:12px}.button-group .btn{margin:0}.search-group{flex:1 1;min-width:200px}.report-actions{gap:12px;justify-content:flex-end}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.summary-label{font-size:13px;letter-spacing:1.5px;margin-bottom:12px;opacity:.9}.summary-value{font-size:32px;font-weight:800}.table-container{background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a}.purchasing-report-table{border-collapse:collapse;font-size:13px;min-width:1200px;table-layout:auto;width:100%}.purchasing-report-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border);color:#1a1d21;font-size:12px;font-weight:700;letter-spacing:.8px;padding:14px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.purchasing-report-table td{border-bottom:1px solid #f1f3f4;color:#2c3e50;padding:12px;vertical-align:middle}.purchasing-report-table tbody tr{transition:all .2s ease}.purchasing-report-table tbody tr:hover{background:linear-gradient(90deg,#f8f9fa,#fff);box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.purchasing-report-table tbody tr:last-child td{border-bottom:none}tfoot.total-row{background:linear-gradient(135deg,#e7f3ff,#d4e6f1);border-top:2px solid var(--accent);font-weight:800}tfoot.total-row td{font-size:15px;padding:18px 12px}.total-label{color:#1a1d21;font-weight:800}.total-value{background:#0066cc1a;color:#06c;font-weight:800}.total-value.due{background:#dc35451a;color:var(--danger)}.old-bill-row{background:#fffbf0;border-left:4px solid var(--warning)}.old-bill-amount{color:#e67e22;font-weight:600}.vat-yes{color:var(--success);font-weight:600}.vat-no{color:var(--danger);font-style:italic}.warning-badge{background:var(--warning);border-radius:12px;color:#856404;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:3px 8px;text-transform:uppercase}.due-amount{color:var(--danger);font-weight:700}.paid-amount{color:var(--success);font-weight:600}.empty-state{border:2px dashed var(--border);border-radius:16px;margin-top:24px;padding:80px 20px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state p{color:var(--muted);font-size:18px;font-weight:500;margin-bottom:24px}.loading-overlay{background:#fff;border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:80px}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:1024px){.purchasing-report-container{padding:16px}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.purchasing-report-container{padding:12px}.report-header{align-items:flex-start;flex-direction:column;gap:16px}.report-header h2{font-size:24px}.controls-section{align-items:stretch;flex-direction:column}.control-group{min-width:auto;width:100%}.button-group{flex-direction:column!important}.button-group .btn{width:100%}.report-actions{justify-content:flex-start;width:100%}.summary-cards{gap:12px;grid-template-columns:1fr}.summary-value{font-size:24px}.purchasing-report-table thead{display:none}.purchasing-report-table tbody tr{background:#fff;border:1px solid var(--border);border-radius:12px;display:block;margin-bottom:16px;padding:8px 0}.purchasing-report-table tbody tr td{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;font-size:12px;justify-content:space-between;padding:10px 16px}.purchasing-report-table tbody tr td:last-child{border-bottom:none}.purchasing-report-table tbody tr td:before{color:#495057;content:attr(data-label);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;width:45%}tfoot.total-row td{display:table-cell!important}tfoot.total-row td:before{display:none!important}}@media print{.btn,.button-group,.controls-section,.report-actions,.summary-cards{display:none!important}.purchasing-report-container{background:#fff;padding:0}.table-container{border:1px solid #000;box-shadow:none;overflow-x:visible}.purchasing-report-table th{background:#f0f0f0;color:#000}.purchasing-report-table td{color:#000}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-container{animation:fadeIn .3s ease-out}.btn[title]{position:relative}.btn:focus-visible,.control-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.font-bold{font-weight:700}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.purchasing-report-container .react-select-container{position:relative;width:100%}.purchasing-report-container .react-select__control{appearance:none;background:#fff}.purchasing-report-container select.react-select__control{display:none}.purchasing-report-container .react-select__indicator{color:#6c757d;padding:8px}.purchasing-report-container .react-select__indicator-separator{display:none}.purchasing-report-container .react-select__dropdown-indicator{color:#6c757d}.purchasing-report-container .react-select__dropdown-indicator:hover{color:#007bff}.control-group.search-group select,.search-group .control-input[type=text]{display:none}.purchasing-report-container .react-select__clear-indicator{color:#6c757d;cursor:pointer;padding:8px}.purchasing-report-container .react-select__clear-indicator:hover{color:#dc3545}@media (max-width:768px){.purchasing-report-container .react-select__menu{left:16px;margin:0;position:fixed;right:16px;top:auto;width:calc(100% - 32px)}}@media (min-width:769px) and (max-width:1024px){.purchasing-report-container .react-select__menu{left:16px;margin:0;position:fixed;right:16px;top:auto;width:calc(100% - 32px)}}@media (min-width:1025px){.purchasing-report-container .react-select__menu{left:0;margin:0;position:absolute;right:0;top:100%;width:auto}}.report-footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;margin-top:24px;padding-top:16px;text-align:center}:root{--wr-primary:#4f46e5;--wr-primary-dark:#3730a3;--wr-primary-light:#eef2ff;--wr-danger:#dc2626;--wr-success:#16a34a;--wr-text:#1f2937;--wr-text-muted:#6b7280;--wr-border:#e5e7eb;--wr-bg:#f9fafb;--wr-surface:#fff;--wr-radius:12px;--wr-radius-sm:8px;--wr-shadow-sm:0 1px 2px #1018280f;--wr-shadow-md:0 4px 12px #10182814;--wr-shadow-lg:0 12px 32px #10182824;--wr-transition:all 0.18s ease}.report-container{background:#f9fafb;background:var(--wr-bg);color:#1f2937;color:var(--wr-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;padding:28px 32px 60px}.report-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--wr-border);margin-bottom:24px;padding-bottom:18px}.report-header h2{color:#1f2937;color:var(--wr-text);font-size:26px;font-weight:700;letter-spacing:-.02em;padding-left:16px;position:relative}.report-header h2:before{background:linear-gradient(180deg,#4f46e5,#3730a3);background:linear-gradient(180deg,var(--wr-primary),var(--wr-primary-dark));border-radius:4px;bottom:2px;content:"";left:0;position:absolute;top:2px;width:5px}.filters-section{background:#fff;background:var(--wr-surface);border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:12px;border-radius:var(--wr-radius);box-shadow:0 1px 2px #1018280f;box-shadow:var(--wr-shadow-sm);margin-bottom:24px;padding:20px 24px}.filters-grid{width:100%}.filters-row{grid-gap:24px;align-items:flex-end;display:grid;gap:24px;grid-template-columns:1.7fr 1fr auto}.filter-group{min-width:0}.filter-group label{color:#6b7280;color:var(--wr-text-muted);font-size:13px;gap:8px;letter-spacing:.04em}.filter-icon{color:#4f46e5;color:var(--wr-primary);font-size:13px}.date-range-group{min-width:0}.date-range-inputs{flex-wrap:wrap;gap:10px}.date-range-inputs .filter-input{flex:1 1 110px;min-width:110px}.date-separator{color:#6b7280;color:var(--wr-text-muted);font-size:13px;font-weight:500}.filter-input,.filter-select{background:#fff;background:var(--wr-surface);border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:8px;border-radius:var(--wr-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--wr-text);font-size:14px;outline:none;padding:10px 14px;transition:all .18s ease;transition:var(--wr-transition);width:100%}.filter-input:hover,.filter-select:hover{border-color:#c7c9f5}.filter-input:focus,.filter-select:focus{border-color:#4f46e5;border-color:var(--wr-primary);box-shadow:0 0 0 3px #4f46e526}.filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.filter-actions{min-width:0}.btn-clear{background:#fff;background:var(--wr-surface);border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:8px;border-radius:var(--wr-radius-sm);color:#6b7280;color:var(--wr-text-muted);display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .18s ease;transition:var(--wr-transition)}.btn-clear:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;color:var(--wr-danger)}.no-records{align-items:center;background:#fff;background:var(--wr-surface);border:1px dashed #e5e7eb;border:1px dashed var(--wr-border);border-radius:12px;border-radius:var(--wr-radius);color:#6b7280;color:var(--wr-text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:70px 20px}.no-records-icon{font-size:48px;opacity:.6}.no-records p{font-size:15px;font-weight:500;margin:0}.table-responsive{background:#fff;background:var(--wr-surface);border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:12px;border-radius:var(--wr-radius);box-shadow:0 1px 2px #1018280f;box-shadow:var(--wr-shadow-sm);overflow:auto}.report-table{min-width:900px}.report-table thead th{background:linear-gradient(180deg,#f4f5ff,#edeeff);border-bottom:2px solid #dfe0fb;color:#3730a3;color:var(--wr-primary-dark);font-size:12.5px;font-weight:700;letter-spacing:.04em;padding:14px 16px;position:sticky;text-transform:uppercase;top:0;z-index:1}.actions-header{width:90px}.report-table tbody td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--wr-border);color:#1f2937;color:var(--wr-text);padding:13px 16px;vertical-align:middle}.report-row{transition:all .18s ease;transition:var(--wr-transition)}.report-row:hover{background:#eef2ff;background:var(--wr-primary-light)}.center-align{text-align:center}.loss-amount{color:var(--wr-danger);font-weight:600}.report-table tfoot td{background:#f8f9fe;border-top:2px solid #dfe0fb;font-size:14.5px;padding:16px}.total-loss-amount{color:#dc2626;color:var(--wr-danger);font-size:16px;font-weight:700}.reason-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12.5px;gap:6px;padding:5px 12px;white-space:nowrap}.reason-icon{font-size:11px}.action-btn{background:#fff;background:var(--wr-surface);border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:8px;border-radius:var(--wr-radius-sm);color:#4f46e5;color:var(--wr-primary);height:34px;transition:all .18s ease;transition:var(--wr-transition);width:34px}.view-btn:hover{background:#4f46e5;background:var(--wr-primary);border-color:#4f46e5;border-color:var(--wr-primary);box-shadow:0 1px 2px #1018280f;box-shadow:var(--wr-shadow-sm);color:#fff;transform:translateY(-1px)}.loading-container{color:#6b7280;color:var(--wr-text-muted);gap:16px;padding:90px 20px}.loading-spinner{animation:wr-spin .8s linear infinite;border:4px solid #eef2ff;border-top-color:#4f46e5;border:4px solid var(--wr-primary-light);border-top-color:var(--wr-primary);height:40px;width:40px}@keyframes wr-spin{to{transform:rotate(1turn)}}.modal-overlay{animation:wr-fade-in .15s ease;background:#1118278c}@keyframes wr-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:wr-scale-in .18s ease;background:var(--wr-surface);border-radius:var(--wr-radius);box-shadow:0 12px 32px #10182824;box-shadow:var(--wr-shadow-lg);max-height:85vh;max-width:640px}.modal-large{max-width:880px}@keyframes wr-scale-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--wr-border);padding:20px 26px}.modal-header h2{align-items:center;color:#1f2937;color:var(--wr-text);display:flex;font-size:18px;font-weight:700;gap:10px}.modal-header h2 svg{color:#4f46e5;color:var(--wr-primary)}.modal-close{background:#f3f4f6;border-radius:50%;color:#6b7280;color:var(--wr-text-muted);display:flex;height:34px;transition:all .18s ease;transition:var(--wr-transition);width:34px}.modal-close:hover{background:#fee2e2;color:#dc2626;color:var(--wr-danger)}.modal-body{padding:24px 26px}.wastage-details-modal{display:flex;flex-direction:column;gap:20px}.detail-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--wr-border);display:flex;justify-content:space-between;padding-bottom:16px}.detail-header h3{font-size:20px;font-weight:700;margin:0}.detail-header h3,.detail-status{color:#3730a3;color:var(--wr-primary-dark)}.detail-status{align-items:center;background:#eef2ff;background:var(--wr-primary-light);border-radius:999px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px}.details-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}.detail-item{background:#f9fafb;background:var(--wr-bg);border:1px solid var(--wr-border);border-radius:8px;border-radius:var(--wr-radius-sm);padding:12px 14px}.detail-item label{color:#6b7280;color:var(--wr-text-muted);font-size:11.5px;font-weight:700;letter-spacing:.04em}.detail-item span{color:#1f2937;color:var(--wr-text);font-size:14.5px}.remarks-section{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;border-radius:var(--wr-radius-sm);padding:14px 16px}.remarks-section label{color:#92400e;display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.remarks-section p{color:#78350f;font-size:14px;line-height:1.5;margin:0}.items-table-wrapper h4{color:#1f2937;color:var(--wr-text);font-size:15px;font-weight:700;margin:0 0 12px}.items-table-scroll{border:1px solid #e5e7eb;border:1px solid var(--wr-border);border-radius:8px;border-radius:var(--wr-radius-sm);max-height:320px;overflow:auto}.items-details-table{border-collapse:collapse;font-size:13.5px;width:100%}.items-details-table thead th{background:#f4f5ff;border-bottom:2px solid #dfe0fb;color:#3730a3;color:var(--wr-primary-dark);font-size:12px;font-weight:700;letter-spacing:.03em;padding:10px 14px;position:sticky;text-transform:uppercase;top:0}.items-details-table tbody td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--wr-border);padding:10px 14px}.items-details-table tbody tr:hover{background:#eef2ff;background:var(--wr-primary-light)}.items-details-table tfoot td{background:#f8f9fe;border-top:2px solid #dfe0fb;padding:12px 14px}@media (max-width:1600px){.filters-row{gap:18px}}@media (max-width:1200px){.filters-row{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}}@media (max-width:900px){.report-container{padding:20px 16px 40px}.filters-row{gap:16px;grid-template-columns:1fr}.filter-actions{grid-column:auto}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.filters-section{padding:16px}.date-range-inputs{align-items:stretch;flex-direction:column;gap:8px}.date-separator{display:none}.filter-input,.filter-select{box-sizing:border-box;min-width:0;width:100%}.filter-group{min-width:0}.btn-clear{justify-content:center;width:100%}}.manage-users-container{animation:fadeIn var(--transition-slow);display:flex;flex-direction:column;font-family:var(--font-family);gap:1.5rem;padding:2rem}.manage-users-header{display:flex;flex-direction:column;gap:1rem}.manage-users-header h2{color:var(--color-heading);font-size:1.75rem;font-weight:700;margin:0}.manage-users-actions{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-between;padding:1rem 1.5rem}.mu-search-filter{display:flex;flex:1 1;flex-wrap:nowrap;gap:1rem;min-width:0}.mu-search-box{flex:1 1 200px;min-width:0;position:relative}.mu-search-icon{color:var(--color-text-placeholder);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.mu-search-input{background-color:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:.95rem;padding:.6rem 1rem .6rem 2.5rem;transition:all var(--transition);width:100%}.mu-search-input:focus{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.mu-filter-select{background-color:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:.95rem;outline:none;padding:.6rem 1rem;transition:all var(--transition)}.mu-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.mu-btn-add{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all var(--transition);white-space:nowrap}.mu-btn-add:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.mu-table-container{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.mu-table-wrapper{overflow-x:auto}.mu-data-table{border-collapse:collapse;text-align:left;width:100%}.mu-data-table th{background-color:var(--color-surface-strong);border-bottom:2px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase}.mu-data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:.95rem;padding:1rem 1.5rem;vertical-align:middle}.mu-data-table tbody tr{transition:background-color var(--transition-fast)}.mu-data-table tbody tr:hover{background-color:var(--color-surface-hover)}.mu-user-info{gap:1rem}.mu-user-avatar,.mu-user-info{align-items:center;display:flex}.mu-user-avatar{background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary-dark);font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mu-user-details{display:flex;flex-direction:column}.mu-user-name{color:var(--color-heading);font-weight:600}.mu-user-username{color:var(--color-text-muted);font-size:.85rem}.mu-role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.25rem .75rem;text-transform:capitalize}.role-admin{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.role-manager{background-color:var(--color-info-light);color:var(--color-info-dark)}.role-user{background-color:var(--color-success-light);color:var(--color-success-dark)}.role-default{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.mu-actions{display:flex;gap:.5rem}.mu-btn-delete,.mu-btn-edit{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mu-btn-edit{background-color:var(--color-info-light);color:var(--color-info-dark)}.mu-btn-edit:hover{background-color:var(--color-info);color:#fff}.mu-btn-delete{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.mu-btn-delete:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.mu-btn-delete:disabled{cursor:not-allowed;opacity:.5}.mu-pagination{align-items:center;background-color:var(--color-surface);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1rem 1.5rem}.mu-pagination-info{color:var(--color-text-muted);font-size:.9rem}.mu-pagination-controls{display:flex;gap:.25rem}.mu-page-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;display:flex;font-weight:500;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mu-page-btn:hover:not(:disabled):not(.active){background-color:var(--color-surface-hover);border-color:var(--color-primary-light);color:var(--color-primary)}.mu-page-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.mu-page-btn:disabled{background-color:var(--color-bg-warm);cursor:not-allowed;opacity:.5}.mu-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.mu-modal-content{animation:slideUp var(--transition-bounce);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90%;overflow:hidden;width:450px}.mu-modal-header{align-items:center;background-color:var(--color-bg-warm);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.mu-modal-header h3{color:var(--color-heading);font-size:1.25rem;font-weight:600;margin:0}.mu-btn-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;transition:color var(--transition-fast)}.mu-btn-close:hover{color:var(--color-danger)}.mu-modal-body{padding:1.5rem}.mu-form-group{margin-bottom:1.25rem}.mu-form-group label{color:var(--color-text-secondary);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.mu-form-group input,.mu-form-group select{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:.95rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.mu-form-group input:focus,.mu-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.mu-modal-footer{background-color:var(--color-bg-warm);border-top:1px solid var(--color-border-light);display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.mu-btn-cancel{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.mu-btn-cancel:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.mu-btn-submit{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.mu-btn-submit:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.mu-empty-state{color:var(--color-text-muted);padding:3rem 1rem;text-align:center}.mu-card-grid{display:none;gap:1rem;grid-template-columns:1fr}.mu-user-card{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mu-card-header{align-items:flex-start}.mu-card-footer,.mu-card-header{display:flex;justify-content:space-between}.mu-card-footer{align-items:center;border-top:1px solid var(--color-border-light);padding-top:1rem}@media (max-width:900px){.manage-users-actions{flex-wrap:wrap}.mu-search-filter{flex-wrap:wrap;min-width:100%}.mu-btn-add{justify-content:center;width:100%}}@media (max-width:768px){.mu-table-wrapper{display:none}.mu-card-grid{display:grid}.manage-users-actions{align-items:stretch;flex-direction:column}.mu-search-filter{flex-direction:column}.mu-btn-add{justify-content:center}}.rm-overlay{--rm-paper:#faf8fc;--rm-surface:#fff;--rm-ink:#201a2c;--rm-ink-soft:#6f6580;--rm-ink-faint:#9c93ac;--rm-line:#e9e4f3;--rm-brand:#6722e6;--rm-brand-deep:#4b18a3;--rm-brand-light:#a98cf7;--rm-brand-wash:#f1ecfc;--rm-danger:#dc3545;--rm-danger-wash:#fcebec;--rm-radius-sm:8px;--rm-radius-md:12px;--rm-radius-lg:18px;--rm-font-display:"Sora","Inter",sans-serif;--rm-font-body:"Inter",sans-serif;align-items:center;animation:rm-fade-in .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#201a2c73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes rm-fade-in{0%{opacity:0}to{opacity:1}}.rm-form-container{animation:rm-pop-in .2s cubic-bezier(.22,1,.36,1);background:var(--rm-surface);border-radius:var(--rm-radius-lg);box-shadow:0 24px 60px #201a2c47;color:var(--rm-ink);display:flex;flex-direction:column;font-family:var(--rm-font-body);max-width:480px;overflow:hidden;width:100%}@keyframes rm-pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rm-form-header{align-items:center;border-bottom:1px solid var(--rm-line);display:flex;justify-content:space-between;padding:1.15rem 1.5rem;position:relative}.rm-form-header:before{background:linear-gradient(90deg,var(--rm-brand-deep),var(--rm-brand-light));content:"";height:3px;left:0;position:absolute;right:0;top:0}.rm-form-header h3{color:var(--rm-ink);font-family:var(--rm-font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.rm-close-btn{align-items:center;background:none;border:none;border-radius:var(--rm-radius-sm);color:var(--rm-ink-faint);cursor:pointer;display:inline-flex;font-size:1.4rem;height:30px;justify-content:center;line-height:1;transition:color .18s ease,background .18s ease;width:30px}.rm-close-btn:hover{background:var(--rm-brand-wash);color:var(--rm-ink)}.rm-close-btn:focus-visible{outline:2px solid var(--rm-brand);outline-offset:2px}.rm-form-body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem 1.5rem}.rm-input-label{color:var(--rm-ink);font-size:.88rem;font-weight:600;margin-bottom:2px}.rm-input-field{background:var(--rm-paper);border:1px solid var(--rm-line);border-radius:var(--rm-radius-sm);box-sizing:border-box;color:var(--rm-ink);font-family:var(--rm-font-body);font-size:1rem;padding:.8rem 1rem;transition:border .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.rm-input-field::placeholder{color:var(--rm-ink-faint)}.rm-input-field:focus{background:var(--rm-surface);border-color:var(--rm-brand);box-shadow:0 0 0 3px var(--rm-brand-wash);outline:none}.rm-input-field.rm-input-error{background:var(--rm-danger-wash);border-color:var(--rm-danger)}.rm-field-error{color:var(--rm-danger);font-size:.83rem;font-weight:500;margin:-2px 0 .4rem}.rm-input-note{color:var(--rm-ink-soft);font-size:.83rem;line-height:1.4;margin-bottom:1rem}.rm-form-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:.75rem}.rm-btn{border:none;border-radius:var(--rm-radius-sm);cursor:pointer;font-family:var(--rm-font-body);font-size:.92rem;font-weight:600;padding:.75rem 1.4rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.rm-btn:focus-visible{outline:2px solid var(--rm-brand-deep);outline-offset:2px}.rm-btn.rm-cancel{background-color:var(--rm-paper);border:1px solid var(--rm-line);color:var(--rm-ink-soft)}.rm-btn.rm-cancel:hover:not(:disabled){background-color:var(--rm-brand-wash);color:var(--rm-ink)}.rm-btn.rm-submit{background:linear-gradient(90deg,var(--rm-brand-deep) 15%,var(--rm-brand) 100%);box-shadow:0 6px 16px #6722e640;color:#fff}.rm-btn.rm-submit:hover:not(:disabled){box-shadow:0 10px 22px #6722e652;transform:translateY(-1px)}.rm-btn.rm-submit:active:not(:disabled){transform:translateY(0)}.rm-btn.rm-submit:disabled{background:#cfc9d9;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:480px){.rm-form-container{width:100%}.rm-form-header{padding:1rem 1.25rem}.rm-form-header h3{font-size:1.1rem}.rm-form-body{padding:1.1rem 1.25rem 1.4rem}.rm-btn{font-size:.88rem;padding:.65rem 1.1rem}}@media (min-width:1024px){.rm-form-container{max-width:500px}}@media (min-width:1440px){.rm-form-container{max-width:550px}}@media (prefers-reduced-motion:reduce){.rm-btn,.rm-close-btn,.rm-form-container,.rm-input-field,.rm-overlay{animation:none;transition:none}}.rm-mgmt-container{--rm-paper:#faf8fc;--rm-surface:#fff;--rm-surface-alt:#f5f1fb;--rm-ink:#201a2c;--rm-ink-soft:#6f6580;--rm-ink-faint:#9c93ac;--rm-line:#e9e4f3;--rm-brand:#6722e6;--rm-brand-deep:#4b18a3;--rm-brand-light:#a98cf7;--rm-brand-wash:#f1ecfc;--rm-danger:#dc3545;--rm-danger-wash:#fcebec;--rm-success:#1f9d65;--rm-radius-sm:8px;--rm-radius-md:12px;--rm-radius-lg:16px;--rm-shadow-sm:0 1px 2px #201a2c0f;--rm-shadow-md:0 8px 24px #201a2c14;--rm-font-display:"Sora","Inter",sans-serif;--rm-font-body:"Inter",sans-serif;--rm-font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;background:var(--rm-paper);color:var(--rm-ink);font-family:var(--rm-font-body);margin:0 auto;max-width:1200px;padding:28px 24px 40px}.rm-mgmt-header{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.rm-mgmt-header-top{display:flex;flex-direction:column;gap:16px}.rm-mgmt-header h2{color:var(--rm-ink);font-family:var(--rm-font-display);font-size:1.65rem;font-weight:700;letter-spacing:-.01em;margin:0;padding-left:16px;position:relative}.rm-mgmt-header h2:before{background:linear-gradient(180deg,var(--rm-brand) 0,var(--rm-brand-light) 100%);border-radius:3px;bottom:4px;content:"";left:0;position:absolute;top:4px;width:4px}.rm-mgmt-subtitle{color:var(--rm-ink-soft);font-size:.92rem;line-height:1.4;margin:6px 0 0 16px}.btn-add-rm{align-items:center;align-self:flex-start;background:linear-gradient(90deg,var(--rm-brand-deep),var(--rm-brand));border:none;border-radius:var(--rm-radius-sm);box-shadow:var(--rm-shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--rm-font-body);font-size:.92rem;font-weight:600;gap:6px;letter-spacing:.01em;padding:11px 20px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.btn-add-rm:hover{box-shadow:0 10px 20px #6722e647;transform:translateY(-2px)}.btn-add-rm:active{transform:translateY(0)}.btn-add-rm:focus-visible{outline:2px solid var(--rm-brand-deep);outline-offset:2px}.rm-mgmt-search{max-width:340px;position:relative;width:100%}.rm-mgmt-search svg{color:var(--rm-ink-faint);font-size:15px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rm-mgmt-search input{background:var(--rm-surface);border:1px solid var(--rm-line);border-radius:var(--rm-radius-sm);box-sizing:border-box;color:var(--rm-ink);font-family:var(--rm-font-body);font-size:.92rem;padding:11px 14px 11px 38px;transition:border .18s ease,box-shadow .18s ease;width:100%}.rm-mgmt-search input::placeholder{color:var(--rm-ink-faint)}.rm-mgmt-search input:focus{border-color:var(--rm-brand);box-shadow:0 0 0 3px var(--rm-brand-wash);outline:none}.rm-mgmt-table-container{background:var(--rm-surface);border:1px solid var(--rm-line);border-radius:var(--rm-radius-lg);box-shadow:var(--rm-shadow-md);overflow-x:auto;padding:6px}.rm-mgmt-table{border-collapse:collapse;min-width:420px;width:100%}.rm-mgmt-table td,.rm-mgmt-table th{padding:14px 16px;text-align:left}.rm-mgmt-table th{background:var(--rm-surface-alt);border-bottom:1px solid var(--rm-line);color:var(--rm-ink-soft);font-family:var(--rm-font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rm-mgmt-table td:first-child,.rm-mgmt-table th:first-child{border-bottom-left-radius:var(--rm-radius-md);border-top-left-radius:var(--rm-radius-md)}.rm-th-index{width:64px}.rm-mgmt-table tbody tr{border-bottom:1px solid var(--rm-line);position:relative;transition:background-color .15s ease}.rm-mgmt-table tbody tr:last-child{border-bottom:none}.rm-mgmt-table tbody tr:before{background:var(--rm-brand);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .15s ease;width:3px}.rm-mgmt-table tbody tr:hover{background-color:var(--rm-brand-wash)}.rm-mgmt-table tbody tr:hover:before{transform:scaleY(1)}.rm-index-cell{color:var(--rm-ink-faint);font-family:var(--rm-font-mono);font-size:.82rem;font-weight:500;white-space:nowrap}.rm-name-cell{align-items:center;color:var(--rm-ink);display:flex;font-weight:500;gap:12px}.rm-avatar{align-items:center;background:var(--rm-brand-wash);border-radius:8px;color:var(--rm-brand-deep);display:inline-flex;flex:0 0 auto;font-family:var(--rm-font-display);font-size:.85rem;font-weight:700;height:30px;justify-content:center;width:30px}.rm-name-text{font-size:.96rem}.rm-id-cell{color:var(--rm-brand);font-weight:600}.rm-date-cell,.rm-id-cell{font-family:var(--rm-font-mono)}.rm-date-cell{color:var(--rm-ink-soft);font-size:.85rem}.rm-mgmt-loading,.rm-mgmt-no-data{align-items:center;color:var(--rm-ink-soft);display:flex;flex-direction:column;font-size:.95rem;gap:10px;justify-content:center;padding:56px 20px;text-align:center}.rm-spinner{animation:rm-spin .7s linear infinite;border:2.5px solid var(--rm-brand-wash);border-radius:50%;border-top-color:var(--rm-brand);height:20px;width:20px}@keyframes rm-spin{to{transform:rotate(1turn)}}.rm-empty-icon{background:var(--rm-brand-wash);border-radius:50%;color:var(--rm-brand-light);font-size:26px;padding:14px}.rm-mgmt-no-data p{margin:0;max-width:320px}.rm-count-badge{background:var(--rm-surface-alt);border:1px solid var(--rm-line);border-radius:999px;color:var(--rm-ink-soft);display:inline-block;font-family:var(--rm-font-mono);font-size:.8rem;font-weight:500;margin-top:14px;padding:5px 12px}@media (min-width:768px){.rm-mgmt-header-top{align-items:center;flex-direction:row;justify-content:space-between}}@media (max-width:576px){.rm-mgmt-container{padding:20px 14px 32px}.rm-mgmt-table td,.rm-mgmt-table th{font-size:14px;padding:12px 10px}.rm-avatar{font-size:.78rem;height:26px;width:26px}.btn-add-rm{justify-content:center;width:100%}.rm-mgmt-search{max-width:100%}}@media (prefers-reduced-motion:reduce){.btn-add-rm,.rm-mgmt-table tbody tr,.rm-mgmt-table tbody tr:before,.rm-spinner{animation:none;transition:none}}:root{--background-light:var(--color-surface-hover);--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d}.finished-goods-container,.finished-goods-management-container{background:var(--color-background);background:var(--background);margin:0 auto;max-width:1200px;min-height:100vh;overflow:visible!important;padding:2rem;position:relative}.header-section{margin-bottom:2rem}.back-button{border-radius:8px;border-radius:var(--radius);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease}.back-button:hover{background:var(--color-surface-hover);background:var(--background-light);border-color:var(--text-muted)}.header-actions{align-items:flex-start}.form-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;overflow:visible!important;padding:2rem;position:relative}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.form-group label{color:var(--color-text);color:var(--text-primary)}.form-input{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-sizing:border-box;font-size:.875rem;padding:.75rem 1rem;transition:all .15s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-light);box-shadow:0 0 0 3px var(--primary-light)}.btn{line-height:1}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);background:var(--background-light)}.btn-ghost:hover:not(:disabled){border-color:var(--border)}.btn-icon{align-items:center;border:1px solid var(--border);color:var(--color-text-secondary);color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.btn-icon:hover:not(:disabled){background:var(--color-surface-hover);background:var(--background-light);color:var(--color-text);color:var(--text-primary)}.btn-icon.error{border-color:var(--error)}.btn-icon.error:hover:not(:disabled){background:var(--color-danger);background:var(--error);color:#fff}.ingredients-section{background:var(--color-surface-hover);background:var(--background-light);border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin:2rem 0;overflow:visible!important;padding:1.5rem;position:relative}.section-header{margin-bottom:1.5rem}.ingredients-table-container{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);overflow-x:auto;padding:.6rem;position:relative;width:100%}.ingredients-table{position:relative;table-layout:auto}.ingredients-table th{background:var(--color-background);background:var(--background);border-bottom:1px solid var(--border);color:var(--color-text);color:var(--text-primary);font-size:.75rem;letter-spacing:.05em;text-align:left;text-transform:uppercase}.ingredients-table td,.ingredients-table th{padding:1rem;white-space:normal;word-break:break-word}.ingredients-table td{border-bottom:1px solid var(--border-light);overflow:visible;position:relative}.ingredients-table tr:last-child td{border-bottom:none}.ingredients-table tr:hover{background:var(--color-surface-hover);background:var(--background-light)}.ingredients-table input,.ingredients-table select{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-sizing:border-box;font-size:.875rem;padding:.5rem .75rem;width:100%}.ingredients-table input:focus,.ingredients-table select:focus{border-color:var(--primary);outline:none}.unit-input{background:var(--color-background)!important;background:var(--background)!important;color:var(--color-text-muted);color:var(--text-muted);cursor:not-allowed}.ingredients-table .react-select__control{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.875rem;min-height:42px;position:relative;transition:all .15s ease;z-index:1}.ingredients-table .react-select__control--is-focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-light);box-shadow:0 0 0 3px var(--primary-light)}.ingredients-table .react-select__menu{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:2px;position:absolute!important;z-index:9999!important}.ingredients-table .react-select__menu-list{background:var(--color-surface);background:var(--surface);max-height:200px;padding:0}.ingredients-table .react-select__option{background:var(--color-surface);background:var(--surface);color:var(--color-text);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1rem}.ingredients-table .react-select__option--is-focused{background-color:var(--color-surface-hover);background-color:var(--background-light)}.ingredients-table .react-select__option--is-selected{background-color:var(--color-primary);background-color:var(--primary);color:#fff}.ingredients-table .react-select__indicator-separator{background-color:var(--color-border);background-color:var(--border)}.ingredients-table .react-select__dropdown-indicator{color:var(--color-text-muted);color:var(--text-muted);padding:6px 8px}.ingredients-table .react-select__dropdown-indicator:hover{color:var(--color-text);color:var(--text-primary)}.ingredients-table .react-select__value-container{padding:2px 8px}.ingredients-table .react-select__input,.ingredients-table .react-select__single-value{color:var(--color-text);color:var(--text-primary)}.ingredients-table .react-select__placeholder{color:var(--color-text-muted);color:var(--text-muted)}.cost-section{background:var(--color-surface);background:var(--surface);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius);margin:2rem 0;padding:1.5rem}.cost-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.cost-item{align-items:center;background:var(--color-surface-hover);background:var(--background-light);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem}.cost-item.highlight{background:var(--color-primary-light);background:var(--primary-light);border-color:var(--primary);font-weight:600}.cost-label{color:var(--color-text);color:var(--text-primary);font-size:.875rem;font-weight:500}.cost-value{color:var(--color-primary);color:var(--primary);font-size:1rem;font-weight:600}.formula-display{background:var(--color-surface-hover);background:var(--background-light);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:var(--color-text-secondary);color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-top:1rem;padding:1rem}.form-actions{border-top:1px solid var(--border-light);padding-top:1.5rem}.empty-state,.loading-state,.no-ingredients{background:var(--color-surface);background:var(--surface);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius);color:var(--color-text-muted);color:var(--text-muted);padding:3rem 2rem;text-align:center}.loading-state{gap:.5rem}.no-ingredients{background:var(--color-surface-hover);background:var(--background-light)}@media (max-width:768px){.finished-goods-container,.finished-goods-management-container{padding:1rem}.header-actions{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.cost-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.ingredients-table{font-size:.875rem}.ingredients-table td,.ingredients-table th{padding:.75rem .5rem}}.form-input[readonly]{background-color:var(--color-surface-hover)!important;background-color:var(--background-light)!important;border-color:var(--border-light);color:var(--color-text-muted)!important;color:var(--text-muted)!important;cursor:not-allowed}.fg-container{color:var(--color-text);color:var(--text-primary);margin:auto;max-width:1100px;padding:2rem}.fg-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.fg-title{font-size:1.75rem;font-weight:600}.fg-subtitle{color:var(--color-text-muted);color:var(--text-muted);font-size:.9rem}.fg-btn-primary{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:.15s}.fg-btn-primary:hover{background:#1e4fc8}.fg-search-box{margin-bottom:1.5rem;position:relative}.fg-search-icon{color:var(--color-text-muted);color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.fg-search-input{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.fg-search-input:focus{background:#fff;border-color:#2563eb;outline:none}.fg-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1rem}.fg-table{border-collapse:collapse;width:100%}.fg-table th{border-bottom:1px solid #eee;color:var(--color-text-muted);color:var(--text-muted);font-weight:600;padding:.75rem;text-align:left}.fg-table td{border-bottom:1px solid #f2f2f2;padding:.85rem}.fg-bold{font-weight:600}.fg-tag{background:#eff6ff;color:#2563eb}.fg-badge,.fg-tag{border-radius:6px;font-size:.75rem;padding:.35rem .6rem}.fg-badge{background:#e9faef;color:#10b981}.fg-empty-text{color:var(--color-text-muted);color:var(--text-muted);font-size:.85rem}.fg-actions{display:flex;gap:.75rem}.fg-icon-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;transition:.15s}.fg-icon-btn:hover{color:#2563eb}.fg-icon-btn.danger:hover{color:#dc2626}.fg-empty{color:var(--color-text-muted);color:var(--text-muted);padding:3rem 1rem;text-align:center}.fg-empty h3{color:var(--color-text);color:var(--text-primary);font-size:1.2rem;margin-top:1rem}.fg-empty p{font-size:.9rem;margin-bottom:1.2rem}.mt{margin-top:1rem}.fg-loading{color:var(--color-text-muted);color:var(--text-muted);padding:2.5rem;text-align:center}.fg-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:26px;margin:0 auto 1rem;width:26px}.fg-count{color:var(--color-text-muted);color:var(--text-muted);font-size:.85rem;margin-top:1rem;text-align:center}.fg-ob-box-container{background:#fefefe;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #0000000a;font-family:Inter,sans-serif;margin:60px auto;max-width:480px;padding:32px}.fg-ob-heading{color:#1f1f1f;font-size:1.6rem;font-weight:600;margin-bottom:28px;text-align:center}.fg-ob-form-box{gap:24px}.fg-ob-form-box,.fg-ob-form-group{display:flex;flex-direction:column}.fg-ob-form-group label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:6px}.fg-ob-form-group input,.fg-ob-form-group select{background:#fff;border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s}.fg-ob-form-group input:focus,.fg-ob-form-group select:focus{border-color:#6722e6;outline:none}.fg-ob-form-group small{color:#888;font-size:.85rem;margin-top:6px}.fg-ob-button-wrapper{display:flex;justify-content:flex-end}.fg-ob-btn-submit{background:#6722e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background .2s ease}.fg-ob-btn-submit:hover{background:#7a3cf7}.fg-opening-balance-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.fg-header-buttons{display:flex;justify-content:flex-end;margin-bottom:20px}.fg-btn-add{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.fg-btn-add:hover{background-color:#45a049}.fg-opening-balance-table{border-collapse:collapse;margin-top:20px;width:100%}.fg-opening-balance-table td,.fg-opening-balance-table th{border:1px solid #ddd;padding:12px;text-align:left}.fg-opening-balance-table th{background-color:#f2f2f2;font-weight:700}.fg-opening-balance-table tr:nth-child(2n){background-color:#f9f9f9}.fg-opening-balance-table tr:hover{background-color:#f1f1f1}.fg-edit-input{border:1px solid #ddd;border-radius:4px;padding:6px;width:100%}.fg-btn-cancel,.fg-btn-delete,.fg-btn-edit,.fg-btn-save{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px;padding:6px 10px}.fg-btn-edit{background-color:#ffc107;color:#212529}.fg-btn-save{background-color:#28a745;color:#fff}.fg-btn-cancel{background-color:#6c757d;color:#fff}.fg-btn-delete{background-color:#dc3545;color:#fff}.fg-btn-edit:hover{background-color:#e0a800}.fg-btn-save:hover{background-color:#218838}.fg-btn-cancel:hover{background-color:#5a6268}.fg-btn-delete:hover{background-color:#c82333}.fg-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;padding:10px;text-align:center}.fg-opening-balance-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.minimalist-popup-overlay{align-items:center;background:#f5f5fad9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.minimalist-popup{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 4px 32px #00000014;font-family:Inter,Segoe UI,Arial,sans-serif;max-width:420px;padding:32px 28px 24px;position:relative;width:100%}.minimalist-close-btn{background:none;border:none;color:#b0b0b0;cursor:pointer;font-size:1.6rem;line-height:1;position:absolute;right:18px;top:18px;transition:color .2s}.minimalist-close-btn:hover{color:#333}.minimalist-header{margin-bottom:28px;text-align:left}.minimalist-header h2{color:#232323;font-size:1.35rem;font-weight:600;letter-spacing:.01em;margin:0}.minimalist-details{margin-bottom:28px}.minimalist-detail-row{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.minimalist-detail-row:last-child{border-bottom:none}.minimalist-label{color:#888;font-weight:500;min-width:120px}.minimalist-items-section{margin-top:18px}.minimalist-items-section h3{color:#232323;font-size:1.08rem;font-weight:600;margin-bottom:10px}.minimalist-items-table{background:#fafbfc;border-collapse:collapse;border-radius:8px;font-size:.98rem;overflow:hidden;width:100%}.minimalist-items-table td,.minimalist-items-table th{padding:8px 10px;text-align:left}.minimalist-items-table th{background:#f5f5f7;border-bottom:1px solid #ececec;color:#666;font-weight:500}.minimalist-items-table td{border-bottom:1px solid #f0f0f0}.minimalist-items-table tr:last-child td{border-bottom:none}.minimalist-items-table tr:hover{background:#f7f7fa}.minimalist-empty{color:#aaa;font-size:1rem;padding:18px 0 8px;text-align:center}@media (max-width:600px){.minimalist-popup{max-width:98vw;padding:18px 6vw 16px}.minimalist-header h2{font-size:1.1rem}.minimalist-items-section h3{font-size:1rem}}.production-management-container{margin:0 auto;max-width:1200px;padding:20px}.production-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.production-header h2{color:#333;margin:0}.btn-add-production{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:10px 15px}.btn-add-production:hover{background:#218838}.production-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow:hidden;width:100%}.production-table td,.production-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.production-table th{color:#495057;font-weight:600}.production-table th,.production-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 8px}.status-draft{background-color:#fff3cd;color:#856404}.status-completed{background-color:#d4edda}.status-cancelled{background-color:#f8d7da;color:#721c24}.actions{min-height:40px;width:100%}.btn-delete,.btn-edit,.btn-view{box-sizing:border-box;display:flex;flex-shrink:0;font-size:16px;height:40px;line-height:1;min-height:40px;min-width:40px;position:relative;transition:all .2s ease;width:40px}.btn-delete .svg-inline--fa,.btn-edit .svg-inline--fa,.btn-view .svg-inline--fa{align-items:center;display:flex;height:18px;justify-content:center;margin:0;padding:0;width:18px}.btn-delete:hover,.btn-view:hover{transform:translateY(-1px)}.production-table td.actions{padding:12px;vertical-align:middle}.production-table tbody tr{height:64px}.production-table tbody td{padding:12px;vertical-align:middle}.popup-overlay{background-color:#00000080}.production-popup{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.popup-header{border-bottom:1px solid #e0e0e0;justify-content:space-between}.popup-header h3{color:#333}.close-btn{color:#6c757d;padding:5px}.close-btn:hover{color:#495057}.production-form{padding:20px}.form-row{grid-template-columns:1fr 1fr 1fr}.form-group input,.form-group select,.form-group textarea{padding:10px}.form-group textarea{min-height:60px}.production-items-section{background-color:#f8f9fa;border-radius:6px;margin:20px 0;padding:15px}.production-items-section h4{color:#495057;margin:0 0 15px}.production-item-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 120px 40px;margin-bottom:10px}.item-select,.quantity-input{display:flex;flex-direction:column}.quantity-input input{border:1px solid #ced4da;border-radius:6px;font-size:14px;height:36px;padding:0 10px}.production-item-row .react-select-container .react-select__control{border-radius:6px;height:36px;min-height:36px}.production-item-row .react-select-container .react-select__value-container{padding:0 8px}.remove-item-btn{align-items:center;display:flex;display:inline-flex;height:36px;justify-content:center;padding:8px;padding:0;width:36px}.remove-item-btn:hover:not(:disabled){background:#c82333}.btn-save{background:#28a745}.btn-save:hover:not(:disabled){background:#218838}.btn-save:disabled{background:#6c757d}@media (max-width:768px){.form-row,.production-item-row{grid-template-columns:1fr}.production-item-row{gap:5px}.production-popup{margin:20px;width:95%}.popup-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.production-details{margin-bottom:20px}.detail-row{border-bottom:1px solid #eee;margin-bottom:10px;padding:8px}.detail-row label{color:#555;font-weight:600;min-width:120px}.detail-row span{flex:1 1}.items-table td,.items-table th{border:1px solid #ddd}.items-table tr:nth-child(2n){background-color:#f8f9fa}.items-table tr:hover{background-color:#e9ecef}.form-row .form-group{flex:1 1}.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.actions{gap:5px}.btn-delete,.btn-edit,.btn-view{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;height:36px;justify-content:center;padding:0;width:36px}.btn-view{background-color:#17a2b8}.btn-view:hover{background-color:#138496}.btn-edit{background-color:#ffc107;color:#212529}.btn-edit:hover{background-color:#e0a800}.production-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.filter-group{align-items:center}.filter-select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px}@media (max-width:600px){.production-controls{align-items:stretch;flex-direction:column;gap:10px}.btn-add-production,.filter-select{width:100%}}.transfers-management-container{margin:0 auto;max-width:1200px;padding:20px}.transfers-header{align-items:center;display:flex;justify-content:between;margin-bottom:20px}.btn-add-transfer{background:#28a745;border-radius:5px;font-size:14px;padding:10px 20px}.btn-add-transfer:hover{background:#218838}.transfers-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.transfers-table td,.transfers-table th{border-bottom:1px solid silver;padding:12px;text-align:left}.transfers-table th{background:#b5b5b5;font-weight:600}.transfers-table tr:hover{background:#f5f5f5}.btn-delete,.btn-edit,.btn-view{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px}.btn-view{background:#17a2b8}.btn-edit{background:#ffc107}.btn-delete{background:#dc3545}.btn-view:hover{background:#138496}.btn-edit:hover{background:#e0a800}.btn-delete:hover{background:#c82333}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transfer-popup{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.popup-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:between;padding:20px}.popup-header h3{margin:0}.close-btn{color:#666;font-size:18px}.transfer-form{padding:20px}.form-row{grid-gap:15px}.form-group{margin-bottom:15px}.transfer-items-section{border:1px solid #eee;border-radius:5px}.transfer-items-section h4{color:#333;margin:0 0 15px}.transfer-item-row{grid-gap:10px;display:grid;grid-template-columns:1fr 100px 40px}.remove-item-btn{padding:6px}.popup-actions{border-top:1px solid #eee;padding-top:20px}.btn-cancel,.btn-save{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.btn-save:hover{background:#0056b3}.view-popup{max-width:800px}.transfer-details{background-color:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.detail-group.full-width{flex:0 0 100%}.detail-group span{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;display:block;min-height:38px;padding:8px 12px}.items-table{margin-top:10px}.items-table td,.items-table th{border:1px solid #585859;padding:10px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1 1}.form-input{border:1px solid #ddd;font-size:14px;padding:8px 12px}.form-input:focus{border-color:#007bff;outline:none}.react-select__control{border:1px solid #ddd;border-radius:4px;min-height:38px}.react-select__control:hover{border-color:#ccc}.react-select__control--is-focused{border-color:#007bff;box-shadow:0 0 0 1px #007bff}.transfer-items-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px}.transfer-item-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.item-select{flex:2 1}.quantity-input{flex:1 1}.remove-item-btn{background:#dc3545;border-radius:4px}.remove-item-btn:disabled{background:#6c757d}.add-item-btn{background:#28a745;border-radius:4px;gap:5px;padding:8px 15px}.popup-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.btn-cancel{border-radius:4px}.btn-save{background:#007bff;padding:10px 20px}.btn-save:disabled{background:#ccc}.view-popup .transfer-details{margin-bottom:20px}.detail-row{display:flex;gap:20px;margin-bottom:15px}.detail-group{flex:1 1}.detail-group label{color:#495057;display:block;font-weight:600;margin-bottom:5px}.detail-group span{color:#333}.full-width{flex:100% 1}.items-table td,.items-table th{border-bottom:1px solid #ddd;padding:8px 12px}.items-table th{background-color:#f8f9fa}.no-items{color:#6c757d;padding:20px}.minimal-container{background:#f8fafc;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.minimal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.minimal-back-btn{align-items:center;background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.minimal-back-btn:hover{background:#475569;transform:translateY(-1px)}.minimal-title{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.title-icon{color:#3b82f6}.minimal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.card-title{color:#1e293b;font-size:18px;font-weight:600;gap:8px}.card-header,.card-title{align-items:center;display:flex;margin-bottom:20px}.card-header{justify-content:space-between}.type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;transition:all .2s ease}.type-btn:hover{border-color:#3b82f6;transform:translateY(-2px)}.type-btn.active{background:#f0f9ff;border-color:#3b82f6;color:#1e40af}.type-btn svg{color:#64748b;font-size:24px}.type-btn.active svg{color:#3b82f6}.type-btn span{font-size:16px;font-weight:600}.type-btn small{color:#64748b;font-size:12px}.minimal-form{display:flex;flex-direction:column;gap:24px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.full-width{grid-column:1/-1}.input-group label{color:#374151;font-size:14px;font-weight:600}.input-group input,.input-group select,.input-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group textarea{min-height:80px;resize:vertical}.minimal-select .select__control{border:1px solid #d1d5db;border-radius:6px;min-height:42px;transition:all .2s ease}.minimal-select .select__control:hover{border-color:#9ca3af}.minimal-select .select__control--is-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.items-table{display:flex;flex-direction:column;gap:16px}.item-row{grid-gap:16px;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr auto;padding:16px}.item-field{display:flex;flex-direction:column;gap:6px}.item-field label{color:#64748b;font-size:12px;font-weight:600}.remove-item-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .2s ease}.remove-item-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.remove-item-btn:disabled{cursor:not-allowed;opacity:.5}.add-item-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.add-item-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-item-btn:disabled{cursor:not-allowed;opacity:.5}.total-loss{align-items:center;background:#fef2f2;border-radius:8px;display:flex;font-size:18px;justify-content:space-between;margin-top:20px;padding:20px}.loss-amount{color:#dc2626;font-size:24px}.form-actions{border-top:1px solid #e2e8f0;gap:16px;padding-top:24px}.cancel-btn{background:#64748b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#475569}.submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.info-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:16px 0;padding:16px}.info-banner h4{color:#0369a1;margin:0 0 8px}.info-grid{grid-gap:8px;display:grid;font-size:14px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.warning-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-weight:500;margin-bottom:16px;padding:12px 16px}.filter-toggle{align-items:center;background:#3b82f6;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.filter-toggle.active,.filter-toggle:hover{background:#2563eb}.filter-card,.filter-grid{margin-bottom:20px}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-actions{gap:12px;justify-content:flex-end}.primary-btn{background:#3b82f6;border-radius:6px;padding:10px 20px}.secondary-btn{background:#64748b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.close-filters{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:4px}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr auto auto;padding:20px;transition:all .2s ease}.record-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.record-main{display:flex;flex-direction:column;gap:8px}.record-header{align-items:center;display:flex;gap:12px}.record-number{color:#1e293b;font-size:16px;font-weight:700}.record-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.record-type.general{background:#f0f9ff;color:#0369a1}.record-type.production{background:#f0fdf4;color:#166534}.record-details{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.record-reason{color:#475569;font-size:14px}.record-stats{display:flex;gap:20px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#64748b;font-size:12px;font-weight:600}.stat-value{color:#1e293b;font-weight:700}.stat-value.loss{color:#dc2626}.record-actions{display:flex;gap:8px}.action-btn{border-radius:6px;padding:8px;transition:all .2s ease}.view-btn{background:#dbeafe;color:#1e40af}.view-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-width:600px}.modal-header{border-bottom:1px solid #e2e8f0;padding:24px}.modal-header h2{color:#1e293b;font-size:20px}.modal-close{background:none;color:#64748b;font-size:24px;padding:4px}.modal-subtitle{color:#1e293b;font-size:18px;margin:24px 0 16px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.detail-item label{color:#64748b;font-size:12px}.type-tag{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;width:fit-content}.type-tag.general{background:#f0f9ff;color:#0369a1}.type-tag.production{background:#f0fdf4;color:#166534}.items-list{gap:12px;margin-bottom:24px}.item-detail{background:#f8fafc;border-radius:6px;padding:12px}.item-info{gap:4px}.item-numbers{font-size:14px;gap:12px}.item-loss{color:#dc2626;font-weight:600}.modal-total{background:#fef2f2;border-radius:6px;font-size:18px;padding:16px}.total-loss{color:#dc2626;font-size:20px}.loading-state{color:#64748b;font-size:16px}.empty-state{color:#64748b}.results-info{color:#64748b;font-size:14px;margin-bottom:16px}@media (max-width:768px){.minimal-container{padding:16px}.minimal-header{align-items:stretch;flex-direction:column;gap:16px}.form-grid,.item-row,.type-selector{grid-template-columns:1fr}.item-row{gap:12px}.record-item{gap:16px;grid-template-columns:1fr;text-align:center}.record-actions,.record-stats{justify-content:center}.form-actions{flex-direction:column}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}}.finished-goods-stock-report-container{color:#333;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1100px;padding:2rem}h2{color:#2c3e50;font-size:1.8rem}.report-controls,h2{margin-bottom:1.5rem}.report-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.control-group{align-items:center;flex-wrap:wrap;gap:1rem}.control-group label{flex-direction:column;font-size:.9rem}input[type=date]{border:1px solid #ccc;border-radius:6px;min-width:180px;padding:.5rem .75rem}button{background-color:#2c3e50;border-radius:5px;color:#fff;transition:background-color .2s ease-in-out}button:hover{background-color:#1a242f}button.download-btn{background-color:#27ae60}button.download-btn:hover{background-color:#1e8449}.report-header{background-color:#f9f9f9;border-left:4px solid #2980b9;border-radius:8px;margin-bottom:1rem;padding:1rem}.report-header h3{color:#2980b9;font-size:1.2rem;margin-top:0}.item-details p{font-size:.95rem;margin:.25rem 0}.table-responsive{margin-top:1rem}.finished-goods-stock-table{border-collapse:collapse;font-size:.9rem;width:100%}.finished-goods-stock-table td,.finished-goods-stock-table th{border-bottom:1px solid #e0e0e0;padding:.75rem;text-align:left}.finished-goods-stock-table th{background-color:#ecf0f1;color:#2c3e50;font-weight:600}.finished-goods-stock-table tr:hover{background-color:#f2f6f9}.positive{color:#27ae60;font-weight:500}.negative{color:#c0392b;font-weight:500}.closing-balance{color:#2c3e50}.no-data{color:#888;font-size:1rem;margin-top:2rem}.report-container{color:#2c3e50;font-family:Segoe UI,sans-serif;max-width:1200px;padding:2rem}.report-header h2{font-size:1.8rem}button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s ease}.btn-export{background-color:#2980b9}.btn-export:hover{background-color:#21618c}.btn-apply-filters{background-color:#27ae60}.btn-apply-filters:hover{background-color:#1e8449}.report-filters{align-items:flex-end;margin-bottom:1.5rem}.filter-group{flex:1 1 200px;font-size:.85rem}.filter-group label{color:#555;margin-bottom:.3rem}.filter-group input,.filter-group select{border:1px solid #ccc;border-radius:6px;font-size:.9rem}.report-content{overflow-x:auto}.report-table{font-size:.9rem;margin-top:1rem}.report-table td,.report-table th{border-bottom:1px solid #eaeaea;padding:.75rem 1rem;text-align:left}.report-table th{background-color:#f5f6f7;color:#2c3e50}.report-table tr:hover{background-color:#f9f9f9}.status-badge{border-radius:12px;padding:.3rem .6rem;text-transform:capitalize}.status-approved{background-color:#d4efdf;color:#239b56}.status-pending{background-color:#fdebd0;color:#d68910}.status-rejected{background-color:#f5b7b1;color:#c0392b}.loading{color:#888;font-size:1.1rem;margin-top:2rem}@media (max-width:768px){.report-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-filters{align-items:stretch;flex-direction:column}.btn-apply-filters{width:100%}}.minimal-report-container{background:#fafbfc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.report-title{color:#1a1a1a;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.report-subtitle{color:#666;font-weight:400}.control-card,.item-card,.table-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.card-header{margin-bottom:1rem}.card-header h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0}.control-grid{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.control-field{display:flex;flex-direction:column}.field-label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.date-input{background:#fff;border-radius:8px;font-size:.95rem;transition:all .2s ease}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.select-input{font-size:.95rem}.react-select__control{border:1px solid #d1d5db!important;border-radius:8px!important;min-height:44px!important;transition:all .2s ease!important}.react-select__control:hover{border-color:#9ca3af!important}.react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.control-actions{gap:1rem}.download-btn,.generate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.generate-btn{background:#3b82f6;color:#fff}.generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.generate-btn.loading{background:#93c5fd}.download-btn{background:#10b981;color:#fff}.download-btn:hover{background:#059669;transform:translateY(-1px)}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.item-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.item-detail{flex-direction:column;gap:.25rem}.detail-label{color:#6b7280;font-size:.85rem;font-weight:500}.detail-value{color:#1a1a1a;font-weight:600}.minimal-table{border-collapse:collapse;font-size:.9rem;width:100%}.minimal-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.minimal-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;padding:1rem}.minimal-table tr:hover{background:#f9fafb}.minimal-table tr:last-child td{border-bottom:none}.date-cell{color:#374151}.positive-change{color:#10b981;font-weight:500}.negative-change{color:#ef4444;font-weight:500}.closing-balance{color:#1a1a1a;font-weight:700}.empty-icon{color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{font-size:.95rem;margin:0}@media (max-width:768px){.minimal-report-container{padding:1rem}.control-grid{grid-template-columns:1fr}.control-actions{align-items:stretch;flex-direction:column}.item-grid{grid-template-columns:1fr}.minimal-table{font-size:.8rem}.minimal-table td,.minimal-table th{padding:.75rem .5rem}}@media (max-width:480px){.report-title{font-size:1.5rem}.control-card,.item-card,.table-card{padding:1rem}}.report-container{margin:0 auto;max-width:1400px;padding:1.5rem}.report-header h2{align-items:center;display:flex}.report-filters{border:1px solid var(--border);gap:1.5rem;padding:1.5rem}.filter-group input,.filter-group select{min-width:150px;padding:.5rem .75rem}.btn-apply-filters,.btn-export{align-items:center;align-self:flex-end;border:none;border-radius:var(--radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.location-info{border-left:4px solid var(--info)}.location-info h3{color:var(--text-primary)}.location-info p{font-size:.875rem}.table-wrapper{border:1px solid var(--border)}.stock-report-table th{white-space:nowrap}.stock-report-table td{vertical-align:top}.stock-report-table .item-code{color:var(--primary);font-family:Courier New,monospace;font-weight:600}.stock-report-table .item-name{color:var(--text-primary);font-weight:500}.stock-report-table .category-badge{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.stock-report-table .number{font-family:Courier New,monospace;font-weight:500;text-align:right}.stock-report-table .positive{color:var(--success)}.stock-report-table .negative{color:var(--error)}.stock-report-table .closing-balance{color:var(--primary);font-weight:600}.totals-row{background:var(--bg-secondary)!important;border-top:2px solid var(--border)}.totals-row td{font-weight:600;padding:1rem .75rem}.no-data{color:var(--text-muted);padding:3rem}.no-data svg{margin-bottom:1rem;opacity:.5}.report-summary{margin-top:2rem}.summary-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1rem}.summary-card h4{color:var(--text-primary);margin:0 0 .5rem}.summary-card p{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.875rem;margin:0}.loading{padding:3rem}@media (max-width:768px){.report-filters{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.btn-apply-filters{align-self:stretch;justify-content:center}.report-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-actions{justify-content:flex-end;width:100%}}.cost-calculator-container{margin:0 auto;max-width:1200px;padding:2rem}.cost-calculator-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-header h3{color:#374151;margin:0}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-input.readonly{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.ingredients-table{border-collapse:collapse;margin-top:1rem;width:100%}.ingredients-table td,.ingredients-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.ingredients-table th{background-color:#f9fafb;color:#374151;font-weight:600}.ingredients-table td{vertical-align:top}.react-select-container{width:100%}.cost-summary{background-color:#f8fafc;border-radius:6px;margin:2rem 0;padding:1.5rem}.summary-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem}.summary-item.highlight{background-color:#eff6ff;border-color:#3b82f6;font-size:1.1rem;font-weight:600}.summary-item label{font-weight:600;margin:0}.summary-item span{color:#059669;font-weight:600}.form-actions{gap:1rem;margin-top:2rem}.btn-add{align-items:center;background-color:#10b981;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.btn-add:hover{background-color:#059669}.btn-remove{background-color:#ef4444;padding:.5rem}.btn-remove:disabled{background-color:#9ca3af}.btn-remove:hover:not(:disabled){background-color:#dc2626}.btn-save{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-save:hover:not(:disabled){background-color:#2563eb}.btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-state{padding:2rem}@media (max-width:768px){.cost-calculator-container,.cost-calculator-form{padding:1rem}.summary-row{grid-template-columns:1fr}.ingredients-table{font-size:.9rem}.ingredients-table td,.ingredients-table th{padding:.5rem}}.header-actions{justify-content:space-between;margin-bottom:2rem}.btn-primary{background-color:#3b82f6;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-secondary:hover{background-color:#4b5563}.btn-back{align-items:center;background-color:#6b7280;border-radius:4px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.btn-back:hover{background-color:#4b5563}.details-header{margin-bottom:2rem}.calculation-details{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.detail-section h3{border-bottom:2px solid #e5e7eb;color:#374151;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;padding:1rem}.detail-item label{margin:0}.detail-item span{color:#059669;font-weight:600}.calculations-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.calculations-table td,.calculations-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.calculations-table th{background-color:#f9fafb;color:#374151;font-weight:600}.calculations-table td{vertical-align:middle}.btn-view{align-items:center;background-color:#10b981;display:flex;justify-content:center;padding:.5rem}.btn-view:hover{background-color:#059669}.btn-delete{align-items:center;background-color:#ef4444;display:flex;justify-content:center;padding:.5rem}.btn-delete:hover{background-color:#dc2626}.empty-state{box-shadow:0 2px 10px #0000001a}.empty-state p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}@media (max-width:768px){.header-actions{align-items:stretch;flex-direction:column;gap:1rem}.calculations-table{font-size:.9rem}.calculations-table td,.calculations-table th{padding:.5rem}.detail-grid{grid-template-columns:1fr}}.button-container{display:flex;justify-content:center;margin-top:20px}.save-btn{background-color:#007bff;font-size:15px;padding:10px 18px;transition:background-color .2s ease}.save-btn:hover{background-color:#0056b3}.department-usage-report-container{margin:0 auto;max-width:1400px;padding:20px}.report-header{text-align:center}.report-header h2{color:#2c3e50;font-size:2rem;margin-bottom:8px}.report-subtitle{color:#7f8c8d;font-size:1.1rem}.controls-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:24px;padding:24px}.controls-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.control-group label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:6px;margin-bottom:8px}.control-input{border:2px solid #e9ecef;border-radius:8px}.control-input:focus{border-color:#3498db}.select-control{font-size:14px}.control-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn{padding:10px 20px}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-success{background:#27ae60}.btn-success:hover:not(:disabled){background:#219a52}.generate-btn{justify-content:center;min-width:140px}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.summary-card{border-left:4px solid #3498db}.summary-card:nth-child(2){border-left-color:#27ae60}.summary-card:nth-child(3){border-left-color:#e74c3c}.summary-card:nth-child(4){border-left-color:#f39c12}.summary-label{font-size:12px;margin-bottom:8px}.summary-value{font-size:24px}.summary-value.negative{color:#e74c3c}.report-table th{background:#34495e;border:none;color:#fff;padding:16px 12px}.report-table td{border-bottom:1px solid #ecf0f1;padding:14px 12px}.report-table tfoot{background:#f8f9fa}.report-table tfoot td{border-bottom:none;border-top:2px solid #bdc3c7}.item-code{font-family:Courier New,monospace}.item-code,.item-name{color:#2c3e50}.unit{color:#7f8c8d;font-weight:500}.opening-balance{color:#27ae60}.issuance,.opening-balance{font-weight:600;text-align:right}.issuance.negative{color:#e74c3c}.due-balance{font-weight:700;text-align:right}.due-balance.positive{color:#27ae60}.due-balance.negative{color:#e74c3c}.due-balance.zero{color:#f39c12}.loading-overlay{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.empty-state{color:#7f8c8d}.empty-icon{opacity:.5}.empty-state h3{color:#2c3e50;margin-bottom:8px}@media (max-width:768px){.department-usage-report-container{padding:12px}.controls-grid{grid-template-columns:1fr}.control-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center}.table-container{overflow-x:auto}.report-table{min-width:800px}.summary-cards{grid-template-columns:repeat(2,1fr)}}:root{--primary-hover:var(--color-primary-dark);--text-muted:var(--color-text-muted);--bg-primary:var(--color-surface);--bg-secondary:var(--color-background);--bg-hover:var(--color-surface-hover);--border-light:var(--color-border-light);--radius:8px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--error:var(--color-danger)}.finished-goods-sales-container,.sales-page{background:var(--color-background);background:var(--bg-secondary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.page-header{gap:1rem;margin-bottom:2rem}.page-header h1{color:var(--text-primary);font-size:1.875rem}.header-buttons{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{color:var(--color-text);color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0}.card{background:var(--color-surface);background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:2rem}.grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.form-group{gap:.5rem}label{color:var(--color-text);color:var(--text-primary);font-size:.875rem;font-weight:500}.react-select__control,input,textarea{background:var(--color-surface);background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.875rem;padding:.75rem;transition:all .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}textarea{min-height:80px;resize:vertical}.btn{border-radius:var(--radius)}.btn-primary{background:var(--color-primary);background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-background);background:var(--bg-secondary);color:var(--color-text);color:var(--text-primary)}.btn-secondary:hover{background:var(--color-surface-hover);background:var(--bg-hover)}.btn-ghost{background:#0000;border:1px solid #0000;color:var(--color-text-secondary);color:var(--text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);background:var(--bg-hover);color:var(--color-text);color:var(--text-primary)}.btn-icon{background:#0000;border:none;border-radius:8px;border-radius:var(--radius);color:var(--color-text-muted);color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .2s}.btn-icon:hover{background:var(--color-surface-hover);background:var(--bg-hover);color:var(--color-text);color:var(--text-primary)}.btn-icon.error,.btn-icon.error:hover{color:var(--color-danger);color:var(--error)}.btn-icon.error:hover{background:#fef2f2}.table-responsive{border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin:1.5rem 0}.modern-table{background:var(--color-surface);background:var(--bg-primary);border-collapse:collapse;width:100%}.modern-table th{background:var(--color-background);background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--color-text);color:var(--text-primary);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.modern-table td{border-bottom:1px solid var(--border-light);font-size:.875rem;padding:1rem}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background:var(--color-surface-hover);background:var(--bg-hover)}.sales-table{background:var(--color-surface);background:var(--bg-primary);border-collapse:collapse;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden;width:100%}.sales-table th{background:var(--color-background);background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--color-text-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.sales-table td{border-bottom:1px solid var(--border-light);font-size:.875rem;padding:1rem}.items-badge{border-radius:20px;color:var(--color-text-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.items-badge,.total-bar{background:var(--color-background);background:var(--bg-secondary)}.total-bar{align-items:center;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:var(--color-text);color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.actions{gap:.5rem}.search-container{margin-bottom:1.5rem;max-width:500px;position:relative}.search-input{background:var(--color-surface);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem}.search-icon{color:var(--color-text-muted);color:var(--text-muted);left:1rem}.loading-state{color:var(--color-text-secondary);color:var(--text-secondary);gap:1rem;padding:4rem 2rem}.spinner{border:2px solid var(--border);border-left-color:var(--primary);height:2rem;width:2rem}.empty-state{color:var(--color-text-secondary);color:var(--text-secondary);padding:4rem 2rem}.modal-overlay{background:linear-gradient(180deg,#02061773,#02061799);padding:1.25rem}.modal-content{animation:modalIn .22s cubic-bezier(.2,.9,.3,1) forwards;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f172a0a;border-radius:calc(var(--radius) + 4px);box-shadow:0 10px 30px #02061733;max-height:88vh;max-width:720px;transform:translateY(8px) scale(.995)}.modal-header{border-bottom:1px solid #0f172a0a;padding:1.25rem 1.5rem}.modal-header h2{color:var(--color-text);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-muted);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:.35rem;transition:all .15s ease;width:2.5rem}.modal-close:hover{background:#2563eb0f;color:var(--color-primary);color:var(--primary);transform:translateY(-1px)}.modal-body{padding:1.5rem}.modal-subtitle{color:var(--color-text);color:var(--text-primary);font-size:1rem;font-weight:600;margin:1.5rem 0 1rem}.detail-grid{grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.detail-item{gap:.25rem}.detail-item label{color:var(--color-text-secondary);color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:var(--color-text);color:var(--text-primary);font-size:.875rem}.items-list{gap:.875rem}.item-detail{align-items:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f172a0a;border-radius:10px;box-shadow:0 4px 14px #0206170a;display:flex;justify-content:space-between;padding:.875rem 1rem}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-info strong{color:var(--color-text);color:var(--text-primary);font-size:.875rem}.item-info span{font-size:.75rem}.item-info span,.item-numbers{color:var(--color-text-secondary);color:var(--text-secondary)}.item-numbers{align-items:flex-end;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.item-total{color:var(--color-text);color:var(--text-primary);font-weight:600}.modal-total{align-items:center;border-top:1px solid #0f172a0a;display:flex;justify-content:space-between;margin-top:1.25rem;padding:1.25rem 0 0}.total-value{color:var(--color-success);color:var(--success);font-size:1.125rem}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:420px){.modal-content{padding:.5rem}.modal-header h2{font-size:1rem}.modal-close{height:2rem;width:2rem}.item-numbers{align-items:flex-start}}@media (max-width:768px){.finished-goods-sales-container,.sales-page{padding:1rem}.header-buttons{flex-direction:column;gap:1rem}.detail-grid,.grid-3{grid-template-columns:1fr}.item-detail{flex-direction:column;gap:.75rem}.item-numbers{align-items:flex-start}}.stock-report-container{margin:0 auto;max-width:1200px;padding:1rem}.report-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.report-header h2{color:var(--text-primary)}.report-actions{display:flex;gap:1rem}.btn-export{background:var(--success);border-radius:var(--radius);font-weight:500;gap:.5rem;padding:.5rem 1rem}.btn-export:hover{background:var(--success-dark)}.report-filters{background:var(--bg-secondary);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-group{gap:.5rem}.filter-group label{color:var(--text-primary)}.filter-group input,.filter-group select{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem}.btn-apply-filters{align-items:center;align-self:flex-end;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;height:fit-content;padding:.5rem 1rem}.btn-apply-filters:hover{background:var(--primary-dark)}.location-info{background:var(--info-light);border:1px solid var(--info);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.location-info h3{color:var(--info-dark);margin:0 0 .5rem}.location-info p{color:var(--text-secondary);margin:0}.table-wrapper{border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stock-report-table{font-size:.875rem}.stock-report-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-primary);font-weight:600;padding:.75rem;text-align:left}.stock-report-table td{border-bottom:1px solid var(--border-light);padding:.75rem}.stock-report-table tbody tr:hover{background:var(--bg-hover)}.number-cell{font-family:Courier New,monospace;font-weight:500;text-align:right}.wastage-cell{color:var(--error)}.closing-balance{color:var(--success);font-weight:600}.totals-row{background:var(--bg-secondary);font-weight:600}.totals-row td{border-bottom:none;border-top:2px solid var(--border)}.report-summary{background:var(--bg-secondary);border-radius:var(--radius);gap:2rem;margin-top:1rem;padding:1rem}.summary-item{gap:1rem;justify-content:space-between}.loading{padding:2rem}.empty-state,.loading{color:var(--text-muted)}.empty-state div{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}@media (max-width:768px){.report-header{align-items:flex-start;gap:1rem}.report-filters,.report-header{flex-direction:column}.btn-apply-filters{align-self:stretch}.report-summary{flex-direction:column;gap:1rem}.stock-report-table{font-size:.75rem}.stock-report-table td,.stock-report-table th{padding:.5rem}}.returns-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.return-details{padding:0}.returns-table td,.returns-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.returns-table th{background-color:#bfb9c7;color:#fff}.returns-table tbody tr:hover{background-color:#f1f7ff}.reason-badge{border-radius:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.reason-expired{background:#e2e3e5;color:#383d41}.reason-other{background:#cce7ff;color:#004085}.stock-display{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;display:inline-block;font-weight:600;min-width:70px;padding:4px 12px;text-align:center}.stock-display.stock-zero{background-color:#ffebee;border-color:#ffcdd2;color:#c62828}.stock-display.stock-low{background-color:#fff3e0;border-color:#ffe0b2;color:#e65100}.stock-badge{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#0d47a1;display:inline-block;font-weight:600;min-width:70px;padding:4px 12px;text-align:center}.stock-badge.stock-zero{background-color:#ffebee;border-color:#ffcdd2;color:#c62828}.stock-badge.stock-low{background-color:#fff3e0;border-color:#ffe0b2;color:#e65100}.item-table{border-collapse:collapse;margin-top:10px;width:100%}.item-table th{background-color:#e8e0f0;border-bottom:2px solid #d0c8d8;font-weight:600;padding:10px 12px;text-align:left}.item-table td{border-bottom:1px solid #e8e8e8;padding:8px 12px;vertical-align:middle}.item-table tbody tr:hover{background-color:#f5f0fa}.details-table{border-collapse:collapse;margin-top:10px;width:100%}.details-table th{background-color:#e8e0f0;border-bottom:2px solid #d0c8d8;font-weight:600;padding:10px 12px;text-align:left}.details-table td{border-bottom:1px solid #e8e8e8;padding:10px 12px;vertical-align:middle}.form-actions{border-top:1px solid #eee}.form-row{margin-bottom:20px}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border-radius:4px;padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7e57c2;box-shadow:0 0 0 2px #7e57c233}.header-with-actions{align-items:center;border-bottom:2px solid #e8e0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.header-with-actions h2{color:#333;margin:0}.btn-primary{background-color:#7e57c2;border-radius:4px;display:inline-block;padding:8px 16px}.btn-primary:hover{background-color:#6a41a8}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;font-weight:600;padding:8px 16px}.btn-secondary:hover{background-color:#5a6268}.btn-submit{background-color:#28a745;border-radius:4px;font-size:16px}.btn-submit:hover{background-color:#218838}.btn-add{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.btn-add:hover{background-color:#138496}.btn-remove{background-color:#dc3545;border-radius:4px;padding:4px 12px}.btn-remove:hover:not(:disabled){background-color:#c82333}.btn-remove:disabled{opacity:.5}.btn-view{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 12px}.btn-view:hover{background-color:#0069d9}.btn-close{padding:0 8px}.btn-close:hover{color:#333}.quantity-input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;text-align:right;width:100%}.unit-display{background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;color:#555;padding:6px 8px;text-align:center;width:100%}.reason-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 8px;width:100%}.filters-bar{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px 0}.filters-bar label{align-items:center;color:#555;display:flex;font-weight:500;gap:8px}.filter-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.filter-input:focus{border-color:#7e57c2;box-shadow:0 0 0 2px #7e57c233;outline:none}.modal-overlay{padding:20px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:900px;padding:30px}.details-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.details-list li{border-bottom:1px solid #f0f0f0;padding:8px 0}.details-list strong{color:#555;margin-right:8px}.items-table{margin-top:20px}.items-table h3{color:#333;margin-bottom:10px}.empty-state{color:#888;padding:40px}.actions-column{text-align:center}@media (max-width:768px){.returns-container{margin:10px;padding:10px}.form-row{gap:15px;grid-template-columns:1fr}.header-with-actions{align-items:flex-start;flex-direction:column;gap:10px}.filters-bar{align-items:stretch;flex-direction:column;gap:10px}.filters-bar label{flex-wrap:wrap}.modal-content{margin:10px;padding:15px}.details-list{grid-template-columns:1fr}.details-table td,.details-table th,.item-table td,.item-table th{font-size:.9rem;padding:6px 8px}.stock-badge,.stock-display{font-size:.85rem;min-width:50px;padding:2px 8px}}@media (max-width:480px){.details-table td,.details-table th,.item-table td,.item-table th{font-size:.8rem;padding:4px 6px}.btn-remove,.btn-view{font-size:.8rem;padding:2px 8px}}.btn-remove{align-items:center;background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;width:35px}.btn-remove:hover{background:#b02a37}.btn-remove:disabled{background:#ccc;cursor:not-allowed}@media (max-width:1023px){.dept-return-fields{grid-gap:15px;display:grid!important;gap:15px;grid-template-columns:repeat(2,1fr)!important}.dept-return-fields .form-group.full-width{grid-column:auto!important}}@media (max-width:767px){.dept-return-fields{gap:12px}}.bakery-report-container{background-color:#f8fafc;max-width:100%;min-height:100vh;padding:1.5rem}.report-header{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.header-content h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;gap:.75rem;margin:0 0 .5rem}.header-icon{color:#3b82f6}.report-subtitle{color:#6b7280;font-size:.875rem;margin:0}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.controls-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.date-control{flex:1 1}.date-control label{align-items:center;color:#374151;display:block;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.date-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;max-width:200px;padding:.75rem;width:100%}.date-help{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.action-buttons{gap:.75rem}.btn{border-radius:.375rem;display:flex;gap:.5rem}.btn-generate{background-color:#3b82f6}.btn-generate:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.btn-export{background-color:#6b7280}.btn-export:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.btn:disabled{opacity:.6}.loading-state{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:3rem;text-align:center}.loading-state p{margin-top:1rem}.summary-cards{grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.summary-card{border-left:4px solid #6b7280;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.summary-card.positive{border-left-color:#059669}.summary-card.negative{border-left-color:#dc2626}.summary-card.total{border-left-color:#3b82f6}.summary-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.summary-value{color:#1f2937}.summary-card.positive .summary-value{color:#059669}.summary-card.negative .summary-value{color:#dc2626}.summary-card.total .summary-value{color:#3b82f6}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.report-table{font-size:.875rem}.report-table th{background-color:#f8fafc;color:#374151;text-align:left}.report-table td,.report-table th{border-bottom:1px solid #e5e7eb;padding:1rem}.report-table tbody tr:hover{background-color:#f9fafb}.item-code{color:#1f2937;font-weight:600}.item-name{color:#374151}.unit{color:#6b7280;text-align:center}.number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.positive{color:#059669;font-weight:600}.negative{color:#dc2626;font-weight:600}.closing{color:#1f2937;font-weight:700}.table-totals{background-color:#f8fafc;font-weight:600}.table-totals td{border-top:2px solid #e5e7eb}.report-info{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:.375rem;padding:1rem}.report-info p{color:#374151;font-size:.875rem;margin:0}.empty-state{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:3rem}.empty-state h3{color:#374151;margin:1rem 0 .5rem}@media (max-width:768px){.bakery-report-container{padding:1rem}.controls-section{align-items:stretch;flex-direction:column}.date-input{max-width:100%}.action-buttons{justify-content:stretch}.btn{flex:1 1;justify-content:center}.summary-cards{grid-template-columns:1fr}.table-container{overflow-x:auto}.report-table{min-width:800px}}.overlay{background-color:#00000059;padding:1rem;z-index:1000}.form-container{border-radius:12px;box-shadow:0 10px 25px #0003;max-width:480px;overflow:hidden}.form-header{padding:1rem 1.5rem}.form-header h3{font-size:1.4rem;font-weight:600}.close-btn{background:none;border:none;color:#888;transition:color .2s}.close-btn:hover{color:#222}.form-body{gap:.5rem;padding:1rem 1.5rem 1.5rem}.input-label{color:#333;font-weight:500}.input-field{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border .2s,box-shadow .2s}.input-field:focus{border-color:#6722e6;box-shadow:0 0 0 3px #6722e61a;outline:none}.input-note{color:#666;font-size:.85rem;margin-bottom:1rem}.form-actions{gap:.75rem;margin-top:1rem}.btn{border-radius:8px;font-size:.95rem;padding:.75rem 1.5rem}.btn.cancel{background-color:#f5f5f5;color:#555}.btn.cancel:hover{background-color:#e0e0e0}.btn.submit{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);color:#fff}.btn.submit:hover:not(:disabled){background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);transform:translateY(-1px)}.btn.submit:disabled{background-color:#ccc;cursor:not-allowed;transform:none}@media (max-width:480px){.form-container{width:100%}.form-header h3{font-size:1.2rem}.btn{font-size:.9rem;padding:.6rem 1rem}}@media (min-width:1024px){.form-container{max-width:500px}}@media (min-width:1440px){.form-container{max-width:550px}}.locations-container{color:#333;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.locations-header{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.locations-header h2{font-size:1.8rem;font-weight:600;margin:0}.btn-add-location{align-self:flex-start;background:linear-gradient(90deg,#6722e6,#a98cf7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-add-location:hover{box-shadow:0 4px 14px #6722e64d;transform:translateY(-2px)}.locations-table-container{background:#fff;border-radius:8px;box-shadow:0 4px 18px #00000014;overflow-x:auto;padding:10px}.locations-table{border-collapse:collapse;min-width:600px;width:100%}.locations-table td,.locations-table th{padding:14px 12px;text-align:left}.locations-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600}.locations-table td{border-bottom:1px solid #f1f3f5}.locations-table tbody tr:hover{background-color:#f8f9fa}.location-id{color:#6722e6;font-weight:600}.location-name{font-weight:500}.created-date{color:#6c757d}.actions{align-items:center;gap:8px}.btn-delete{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.btn-delete:hover{background-color:#c82333}.loading,.no-data{color:#6c757d;font-size:16px;padding:40px}@media (min-width:768px){.locations-header{align-items:center;flex-direction:row;justify-content:space-between}}@media (max-width:576px){.locations-table td,.locations-table th{font-size:14px;padding:12px 8px}.btn-add-location{text-align:center;width:100%}.actions{flex-wrap:wrap;gap:6px}}.add-asset-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.add-asset-card{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-width:500px;padding:24px;width:100%}.add-asset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.add-asset-header h2{color:#222;font-size:1.5rem;margin:0}.btn-close{color:#999}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group textarea{padding:12px 16px;transition:border .2s,box-shadow .2s}.form-group small{color:#666;margin-top:6px}.image-upload-wrapper{border:2px dashed #ddd;border-radius:10px;cursor:pointer;padding:24px;text-align:center;transition:border-color .2s}.image-upload-wrapper:hover{border-color:#6c22e6}.image-preview img{border-radius:8px;box-shadow:0 4px 16px #0000001a;max-height:180px;max-width:180px}.btn-remove-image{height:24px;width:24px}.btn-submit{transition:transform .2s,background .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#7a3cf7,#b6a2f7)}.btn-submit:disabled{background-color:#ccc}@media (max-width:768px){.add-asset-card{padding:20px}.image-preview img{max-height:140px;max-width:140px}}@media (min-width:1200px){.add-asset-card{max-width:600px}}.assets-page{background:#fafafa;padding:24px}.assets-header{margin-bottom:24px}.assets-header h2{font-size:22px;font-weight:700}.primary-btn{background:#6d28d9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.assets-grid{grid-gap:20px;display:grid;gap:20px}@media (max-width:640px){.assets-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:1024px){.assets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.assets-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px){.assets-grid{grid-template-columns:repeat(4,1fr)}}.asset-card{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.asset-card:hover{transform:translateY(-3px)}.asset-image{align-items:center;background:#f4f4f5;cursor:pointer;display:flex;height:180px;justify-content:center}.asset-image img{height:100%;object-fit:contain;width:100%}.image-placeholder{font-size:42px;opacity:.4}.asset-body{flex:1 1;padding:14px 16px}.asset-code{color:#6d28d9;font-size:12px;font-weight:600}.asset-body h3{font-size:16px;margin:4px 0}.desc{color:#555;font-size:13px;margin-top:6px}.dates{color:#777;display:flex;flex-direction:column;font-size:11px;gap:2px;margin-top:10px}.asset-actions{display:flex;gap:10px;padding:14px}.icon-btn{border:none;border-radius:10px;flex:1 1;font-size:15px;padding:10px}.icon-btn.view{background:#3b82f6;color:#fff}.icon-btn.edit{background:#10b981;color:#fff}.icon-btn.delete{background:#ef4444;color:#fff}.empty-state{color:#777;padding:80px 0}.empty-state span{font-size:48px}.loading{font-weight:600;padding:60px}.view-asset-container{margin:0 auto;max-width:1200px;padding:20px}.view-asset-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.view-asset-header h2{color:#333;font-size:1.8rem;margin:0}.btn-back{transition:background-color .2s}.btn-back,.btn-edit-main{font-size:14px;padding:10px 20px}.btn-edit-main{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.btn-edit-main:hover{background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);transform:translateY(-1px)}.asset-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.asset-image-section{align-items:center;display:flex;flex-direction:column}.asset-image-large{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:300px;max-width:400px;overflow:hidden;width:100%}.asset-image-large img{height:100%;object-fit:cover;width:100%}.asset-placeholder-large{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;color:#6c757d;display:flex;flex-direction:column;height:300px;justify-content:center;max-width:400px;width:100%}.cutlery-icon-large{font-size:64px;margin-bottom:10px}.asset-info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:24px}.info-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.info-grid{display:flex;flex-direction:column;gap:16px}.info-item{align-items:flex-start;display:flex}.info-item.full-width{align-items:stretch;flex-direction:column}.info-item label{color:#495057;font-size:14px;font-weight:600;margin-right:15px;min-width:120px}.info-item.full-width label{margin-bottom:8px}.info-item span{color:#333;font-size:14px;word-break:break-word}.asset-id{background:#6722e6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.asset-name{color:#333;font-size:16px;font-weight:600}.asset-description{background:#f8f9fa;border-left:4px solid #6722e6;border-radius:6px;color:#6c757d;line-height:1.5;padding:12px}.action-buttons{gap:12px;margin-top:20px}.btn-edit-secondary{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-edit-secondary:hover{background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);transform:translateY(-1px)}.btn-back-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s}.btn-back-secondary:hover{background:#5a6268}@media (max-width:768px){.asset-details{gap:20px;grid-template-columns:1fr}.view-asset-header{align-items:flex-start;gap:15px}.action-buttons,.info-item,.view-asset-header{flex-direction:column}.info-item{align-items:stretch;gap:8px}.info-item label{margin-right:0;min-width:auto}}.edit-asset-wrapper{color:#333;font-family:Inter,sans-serif;margin:0 auto;max-width:900px;padding:20px}.edit-asset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.edit-asset-header h2{font-size:1.8rem;margin:0}.btn-back{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 18px;transition:background .2s}.btn-back:hover{background:#5a6268}.edit-asset-form{gap:30px}.edit-asset-form,.form-card{display:flex;flex-direction:column}.form-card{box-shadow:0 6px 16px #0000000d;gap:20px}.form-card h3{border-bottom:1px solid #eee;font-size:1.3rem;margin-bottom:10px;padding-bottom:6px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 14px;transition:.2s}.form-group input:focus,.form-group textarea:focus{border-color:#6c22e6;box-shadow:0 0 0 3px #6c22e61a}.disabled-input{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group small{font-size:12px}.image-upload{align-items:center;background:#fafafa;border:2px dashed #ddd;border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:20px;text-align:center;transition:border-color .2s,background .2s}.image-upload:hover{background:#f5f3ff;border-color:#6c22e6}.file-input{display:none}.image-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;gap:8px}.upload-icon{font-size:48px;opacity:.7}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:10px;box-shadow:0 4px 12px #00000014;max-height:240px;max-width:240px;object-fit:cover}.btn-remove-image{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;position:absolute;right:-8px;top:-8px;width:26px}.btn-remove-image:hover{background:#c82333}.form-actions{padding-top:10px}.btn-cancel{background:#6c757d}.btn-cancel:hover{background:#5a6268}.btn-submit{background:linear-gradient(90deg,#6c22e6,#a98cf7)}.btn-submit:hover:not(:disabled){transform:translateY(-2px)}.error,.loading{color:#6c757d;font-size:16px;padding:40px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.edit-asset-wrapper{padding:10px}.form-card{padding:20px}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-submit{width:100%}}.form-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.form-container{background:#fff;border-radius:14px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow-y:auto;width:100%}.form-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.form-header h3{color:#222;font-size:1.5rem;margin:0}.btn-close{transition:.2s}.btn-close:hover:not(:disabled){color:#222}.form-body{display:flex;flex-direction:column;gap:24px;padding:24px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6722e614}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa}.form-actions{margin-top:10px}.btn-cancel{background:#eee;font-weight:500}.btn-cancel:hover:not(:disabled){background:#ddd}.btn-submit{padding:10px 24px}.loading{font-size:1rem}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (min-width:1440px){.form-container{max-width:900px}}.edit-transfer-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.edit-transfer-container{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:720px;overflow-y:auto;width:100%}.edit-transfer-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.edit-transfer-header h3{font-size:1.4rem;font-weight:600;margin:0}.btn-close{background:#0000}.btn-close:disabled{opacity:.5}.edit-transfer-form{display:flex;flex-direction:column;gap:24px;padding:20px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel{background:#ccc}.btn-cancel:hover:not(:disabled){background:#b0b0b0}.loading{color:#666}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.assets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-add-asset{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-add-asset:hover:not(:disabled){background:#4338ca}.btn-add-asset:disabled{background:#ccc;cursor:not-allowed}.asset-item-row{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px;position:relative}.btn-remove-item{background:#dc2626;border-radius:4px;font-size:12px;padding:4px 12px;position:absolute;right:16px;top:16px}.btn-remove-item:hover:not(:disabled){background:#b91c1c}.btn-remove-item:disabled{background:#ccc}.transfers-table td[data-label=Asset]{max-width:200px}.asset-list{display:flex;flex-wrap:wrap;gap:4px}.asset-badge{background:#f3f4f6;border-radius:12px;font-size:12px;padding:2px 8px;white-space:nowrap}:root{--line:var(--color-border)}.transfers-page{background:var(--color-background);background:var(--bg);font-family:system-ui,sans-serif;min-height:100vh;padding:28px}.page-header{justify-content:space-between;margin-bottom:22px}.header-title-container{text-align:left}.page-header h1{color:var(--color-text);color:var(--text);font-size:24px;font-weight:700;margin:0}.page-header p{color:var(--color-text-muted);color:var(--muted);font-size:14px;margin-top:4px}.header-actions{align-items:center;gap:12px}.btn-add-transfer{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-add-transfer:hover{background:linear-gradient(90deg,#5a1bd8 70%,#9b7bf0)}.table-card{background:var(--color-surface);background:var(--card);border:1px solid var(--line);border-radius:14px;overflow-x:auto}.transfers-table{border-collapse:collapse;min-width:950px;width:100%}.transfers-table thead{background:#f1f5f9;position:sticky;top:0;z-index:1}.transfers-table th{color:var(--color-text-muted);color:var(--muted);font-size:12px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.transfers-table td,.transfers-table th{border-bottom:1px solid var(--line);padding:14px}.transfers-table td{color:var(--color-text);color:var(--text);font-size:14px}.transfers-table tbody tr:hover{background:#f8fafc}.right{text-align:right}.status-pill{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.status-pill.pending{background:#fff7ed;color:#9a3412}.status-pill.completed{background:#ecfeff;color:#065f46}.status-pill.cancelled{background:#fee2e2;color:#991b1b}.actions button{background:#0000;border:none;color:#475569;cursor:pointer;margin-left:6px;padding:6px}.actions button:hover{color:var(--color-primary);color:var(--primary)}.actions button.danger:hover{color:#dc2626}.empty-state{color:var(--color-text-muted);color:var(--muted)}.empty-state span{font-size:42px}.empty-state h3{color:var(--color-text);color:var(--text);margin:10px 0 4px}.loading{color:var(--color-text-muted);color:var(--muted)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:14px}.header-title-container{text-align:left}.header-actions{flex-direction:column;gap:10px;width:100%}.transfers-table thead{display:none}.transfers-table,.transfers-table tbody,.transfers-table td,.transfers-table tr{display:block;width:100%}.transfers-table tr{border-bottom:1px solid var(--line);margin-bottom:16px;padding:12px}.transfers-table td{display:flex;justify-content:space-between;padding:8px 0}.transfers-table td:before{color:var(--color-text-muted);color:var(--muted);content:attr(data-label);font-weight:600}.actions{justify-content:flex-start}}.view-transfer-page{animation:slideUp .3s ease-out;background-color:#f7f4f0;background-color:var(--color-background,#f7f4f0);font-family:Poppins,sans-serif;font-family:var(--font-family,"Poppins",sans-serif);min-height:100vh;padding:24px}.page-header-details{align-items:center;border-bottom:1px solid #e8e0d8;border-bottom:1px solid var(--color-border,#e8e0d8);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left{align-items:center;gap:16px}.btn-back-details{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8e0d8;border:1px solid var(--color-border,#e8e0d8);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:var(--shadow-sm);color:#44403c;color:var(--color-text-secondary,#44403c);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease-out;width:42px}.btn-back-details:hover{background:#f5f1ec;background:var(--color-surface-strong,#f5f1ec);border-color:#d6cbbf;border-color:var(--color-border-strong,#d6cbbf);color:#d2691e;color:var(--color-primary,#d2691e);transform:translateX(-3px)}.header-title-text h2{color:#0c0a09;color:var(--color-heading,#0c0a09);font-size:24px;font-weight:700;margin:0}.header-title-text .subtitle{color:#78716c;color:var(--color-text-muted,#78716c);font-size:14px;margin:2px 0 0}.header-actions-details{display:flex;gap:12px}.btn-edit-details{align-items:center;background:linear-gradient(135deg,#d2691e,sienna);background:linear-gradient(135deg,var(--color-primary,#d2691e) 0,var(--color-primary-dark,sienna) 100%);border:none;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease-out}.btn-edit-details:hover{box-shadow:var(--shadow-primary-lg);filter:brightness(1.05);transform:translateY(-2px)}.btn-edit-details:active{transform:translateY(0)}.view-transfer-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.detail-card-item{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8e0d8;border:1px solid var(--color-border,#e8e0d8);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;padding:24px}.detail-card-item.full-width-grid{grid-column:span 2}.card-header-icon{align-items:center;border-bottom:1.5px solid #f0ebe4;border-bottom:1.5px solid var(--color-border-light,#f0ebe4);display:flex;gap:10px;padding-bottom:12px}.card-header-icon h3{color:#0c0a09;color:var(--color-heading,#0c0a09);font-size:16px;font-weight:600;margin:0}.icon-header{color:#d2691e;color:var(--color-primary,#d2691e);font-size:18px}.card-body-content{display:flex;flex-direction:column;gap:14px}.info-row-item{align-items:center;border-bottom:1px dashed #f0ebe4;border-bottom:1px dashed var(--color-border-light,#f0ebe4);display:flex;font-size:14px;justify-content:space-between;padding-bottom:8px}.info-row-item:last-child{border-bottom:none;padding-bottom:0}.info-label{align-items:center;color:#44403c;color:var(--color-text-secondary,#44403c);display:flex;font-weight:500;gap:6px}.icon-small{color:#78716c;color:var(--color-text-muted,#78716c);font-size:12px}.info-value{color:#1c1917;color:var(--color-text,#1c1917);font-weight:600}.info-value.highlight{color:#d2691e;color:var(--color-primary,#d2691e);font-family:monospace;font-family:var(--font-mono,monospace);letter-spacing:.5px}.location-visual-flow{align-items:center;background:#f5f1ec;background:var(--color-surface-strong,#f5f1ec);border:1px solid #f0ebe4;border:1px solid var(--color-border-light,#f0ebe4);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:12px;justify-content:space-between;margin:8px 0;padding:20px}.location-node{display:flex;flex:1 1;flex-direction:column;gap:4px}.location-node.from{text-align:left}.location-node.to{text-align:right}.node-label{color:#78716c;color:var(--color-text-muted,#78716c);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.node-name{color:#1c1917;color:var(--color-text,#1c1917);font-size:15px;font-weight:700}.flow-arrow-indicator{animation:pulse 2s ease-in-out infinite;color:#d2691e;color:var(--color-primary,#d2691e);font-size:20px;padding:0 10px}.notes-container-content{background:#d2691e0f;background:var(--color-primary-soft,#d2691e0f);border-left:4px solid #d2691e;border-left:4px solid var(--color-primary,#d2691e);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0;color:#44403c;color:var(--color-text-secondary,#44403c);font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.notes-container-content p{margin:0}.system-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.system-info-grid .info-row-item{align-items:flex-start;border-bottom:none;flex-direction:column;gap:4px;padding-bottom:0}.assets-table-section{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8e0d8;border:1px solid var(--color-border,#e8e0d8);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--shadow-card);margin-top:24px;padding:24px}.assets-table-header{align-items:center;border-bottom:1.5px solid #f0ebe4;border-bottom:1.5px solid var(--color-border-light,#f0ebe4);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.title-left{align-items:center;display:flex;gap:10px}.title-left h3{color:#0c0a09;color:var(--color-heading,#0c0a09);font-size:18px;font-weight:700;margin:0}.assets-count-badge{background:#d2691e1a;background:var(--color-primary-light,#d2691e1a);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#d2691e;color:var(--color-primary,#d2691e);font-size:12px;font-weight:700;padding:4px 12px}.asset-details-table{border-collapse:collapse;width:100%}.asset-details-table td,.asset-details-table th{border-bottom:1px solid #f0ebe4;border-bottom:1px solid var(--color-border-light,#f0ebe4);font-size:14px;padding:12px 16px;text-align:left}.asset-details-table thead th{background:#f5f1ec;background:var(--color-surface-strong,#f5f1ec);border-bottom:2px solid #e8e0d8;border-bottom:2px solid var(--color-border,#e8e0d8);color:#44403c;color:var(--color-text-secondary,#44403c);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.asset-details-table tbody tr{transition:background-color .14s ease-out;transition:background-color var(--transition-fast,.14s ease-out)}.asset-details-table tbody tr:hover{background-color:#d2691e0f;background-color:var(--color-primary-soft,#d2691e0f)}.asset-details-table tbody tr:last-child td{border-bottom:none}.asset-code-highlight{color:#d2691e;color:var(--color-primary,#d2691e);font-family:monospace;font-family:var(--font-mono,monospace)}.text-right{text-align:right!important}.text-bold{font-weight:700}.quantity-cell{color:#1c1917;color:var(--color-text,#1c1917);font-weight:600}.quantity-total-cell{color:#d2691e;color:var(--color-primary,#d2691e);font-size:16px}.empty-assets-cell{color:#78716c;color:var(--color-text-muted,#78716c);font-style:italic;padding:32px;text-align:center}.asset-details-table tfoot td{background-color:#f5f1ec;background-color:var(--color-surface-strong,#f5f1ec);border-top:2px solid #e8e0d8;border-top:2px solid var(--color-border,#e8e0d8);font-size:15px;padding:16px}.view-transfer-loading{align-items:center;color:#44403c;color:var(--color-text-secondary,#44403c);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border:4px solid #f0ebe4;border-top:4px solid #d2691e;border:4px solid var(--color-border-light,#f0ebe4);border-top-color:var(--color-primary,#d2691e)}.view-transfer-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:24px;text-align:center}.view-transfer-error h3{color:#dc2626;color:var(--color-danger,#dc2626);font-size:20px;margin:0}.view-transfer-error p{color:#44403c;color:var(--color-text-secondary,#44403c);margin:0 0 12px}@media (max-width:992px){.system-info-grid{gap:12px;grid-template-columns:1fr}.system-info-grid .info-row-item{align-items:center;border-bottom:1px dashed #f0ebe4;border-bottom:1px dashed var(--color-border-light,#f0ebe4);flex-direction:row;justify-content:space-between;padding-bottom:8px}.system-info-grid .info-row-item:last-child{border-bottom:none;padding-bottom:0}}@media (max-width:768px){.view-transfer-grid{grid-template-columns:1fr}.detail-card-item.full-width-grid{grid-column:span 1}.location-visual-flow{align-items:flex-start;flex-direction:column;gap:8px}.location-node.to{text-align:left}.flow-arrow-indicator{align-self:center;padding:10px 0;transform:rotate(90deg)}.page-header-details{align-items:flex-start;flex-direction:column;gap:16px}.btn-edit-details,.header-actions-details{width:100%}.btn-edit-details{justify-content:center}.asset-details-table thead{display:none}.asset-details-table,.asset-details-table tbody,.asset-details-table td,.asset-details-table tr{display:block;width:100%}.asset-details-table tr{border-bottom:1.5px solid #e8e0d8;border-bottom:1.5px solid var(--color-border,#e8e0d8);margin-bottom:16px;padding:12px 0}.asset-details-table td{border-bottom:1px dashed #f0ebe4;border-bottom:1px dashed var(--color-border-light,#f0ebe4);display:flex;justify-content:space-between;padding:8px 16px}.asset-details-table td:before{color:#44403c;color:var(--color-text-secondary,#44403c);content:attr(data-label);font-weight:700}.asset-details-table td:last-child{border-bottom:none}.asset-details-table tfoot{display:block;width:100%}.asset-details-table tfoot tr{display:flex;justify-content:space-between;padding:16px}.asset-details-table tfoot td{background:#0000;border-top:none;padding:0}}.add-purchase-form-overlay{align-items:center;background-color:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.add-purchase-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;font-family:Inter,sans-serif;max-height:95vh;max-width:900px;overflow-y:auto;width:100%}.add-purchase-form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.add-purchase-form-header h3{color:#222;font-size:1.5rem;font-weight:600;margin:0}.btn-close{color:#888}.btn-close:hover{color:#222}.add-purchase-form{padding:24px}.form-section{margin-bottom:28px}.form-section h4{color:#222;font-size:1.2rem;margin-bottom:16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{background:#fff;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.readonly-input{background:#f5f5f5!important;color:#333!important;cursor:default!important;font-weight:500}.items-header{margin-bottom:16px}.items-header-left{align-items:center;display:flex;gap:12px}.items-header-left span:first-child{color:#333;font-size:15px;font-weight:500}.items-count{color:#888;font-size:13px;font-weight:400}.btn-add-item{align-items:center;background-color:#6c5ce7;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:.2s}.btn-add-item:hover{background-color:#5a4bd8;box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-1px)}.btn-add-item:active{transform:translateY(0)}.btn-add-item:disabled{transform:none}.items-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow-x:auto}.items-table{font-size:14px}.items-table thead{background:#f8f9fa;border-bottom:2px solid #e8e8e8}.items-table th{font-size:12px;letter-spacing:.5px;padding:12px 16px}.items-table td{border-bottom:1px solid #f0f0f0;padding:8px 12px}.items-table .form-group{gap:0}.items-table .form-group input,.items-table .form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:13px;min-width:60px;padding:8px 10px;transition:.2s;width:100%}.items-table .form-group input:focus,.items-table .form-group select:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce714;outline:none}.items-table .form-group input[type=number]{max-width:100px}.items-table .readonly-input{background:#f5f5f5!important;color:#333!important;cursor:default!important;font-weight:500;max-width:130px}.btn-remove-item-table{align-items:center;background:#0000;border:1px solid #ff7675;border-radius:6px;color:#ff7675;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;margin:0 auto;padding:0;transition:all .2s;width:30px}.btn-remove-item-table:hover{background:#ff7675;color:#fff}.btn-remove-item-table:disabled{cursor:not-allowed;opacity:.5}.form-total{background:#f7f7f7;border-radius:10px;font-size:16px;font-weight:600;gap:16px;padding:16px 20px}.total-amount{color:#6c5ce7;font-size:20px}.btn-cancel{background:#b2bec3;border-radius:8px;padding:10px 20px;transition:.2s}.btn-cancel:hover{background:#636e72}.btn-submit{background:#6c5ce7;border-radius:8px;font-weight:500;padding:10px 22px;transition:.2s}.btn-submit:hover{background:#5a4bd8}.btn-submit:disabled{opacity:.6}.loading{color:#777}@media (max-width:1200px){.add-purchase-form-container{max-width:700px}}@media (max-width:992px){.add-purchase-form-container{max-width:600px}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.items-table-wrapper{border:none;border-radius:0;margin:0 -16px}.items-table{font-size:13px}.items-table td,.items-table th{padding:6px 8px}.items-table .form-group input[type=number]{max-width:70px}.form-total{text-align:center}.form-actions,.form-total{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:15px;position:fixed;z-index:999}.container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow-y:auto;width:100%}.header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.header h3{color:#222;font-size:1.5rem;font-weight:600}.btn-close{color:#555}.content{padding:20px 24px}.section{margin-bottom:24px}.section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:12px}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grid div{display:flex;flex-direction:column}.overlay label{color:#555;font-size:13px;margin-bottom:4px}.overlay span{color:#222;font-size:14px}.highlight{background:#6722e6;border-radius:4px;color:#fff;font-weight:500;padding:2px 8px}.method-badge,.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-paid{background:#d4edda;color:#155724}.status-partial{background:#d1edff;color:#004085}.status-default{background:#e0e0e0;color:#555}.method-cash{background:#d1edff;color:#004085}.method-bank{background:#d4edda;color:#155724}.method-credit{background:#fff3cd;color:#856404}.method-default{background:#e0e0e0;color:#555}.overlay table{border-collapse:collapse;font-size:14px;width:100%}.overlay td,.overlay th{border-bottom:1px solid #e0e0e0;padding:10px 12px;text-align:left}.overlay th{background:#f8f8f8;color:#333;font-weight:600}.asset small{color:#888;display:block;font-size:12px}.item-total,.quantity,.total-label,.unit-price{text-align:right}.overlay tfoot tr{background:#f8f8f8;font-weight:600}.no-items,.notes{padding:12px}.notes{background:#f9f9f9;border-left:4px solid #6722e6;border-radius:6px;color:#333}.actions{border-top:1px solid #e0e0e0;justify-content:flex-end;padding:16px 24px}.btn-edit{background:#6722e6;border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px}.btn-edit:hover{background:#7a3cf7}@media (max-width:768px){.grid{grid-template-columns:1fr}table td,table th{font-size:12px;padding:8px}.actions{flex-direction:column}.btn-edit{width:100%}}@media (min-width:1200px){.container{max-width:1100px}}:root{--card:var(--color-surface);--text:var(--color-text);--muted:var(--color-text-muted);--radius:12px}.ep-overlay{background:#0006;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.ep-card{background:var(--color-surface);background:var(--card);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:24px;max-width:1100px;padding:24px;width:100%}.ep-header{align-items:center;display:flex;justify-content:space-between}.ep-header h2{margin:0}.ep-close{background:none;border:none;cursor:pointer;font-size:24px}.ep-section h4{margin-bottom:12px}.ep-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ep-form input,.ep-form select{border:1px solid var(--border);border-radius:8px;font-size:14px;padding:10px 12px}.ep-items-header{align-items:center;display:flex;justify-content:space-between}.ep-items-header button{background:none;border:none;color:var(--color-primary);color:var(--primary);cursor:pointer;font-weight:600}.ep-item-row{grid-gap:10px;align-items:center;border-bottom:1px dashed var(--border);display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:10px 0}.ep-item-total{font-weight:600}.ep-remove{background:none;border:none;color:#dc2626;cursor:pointer;font-size:20px}.ep-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ep-footer button{background:var(--color-primary);background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px}.ep-total{font-size:1.2rem}@media (max-width:768px){.ep-item-row{gap:8px;grid-template-columns:1fr 1fr}.ep-item-total,.ep-remove{grid-column:span 2}.ep-remove{justify-self:end}.ep-footer{align-items:stretch;flex-direction:column}}.purchases-page{background:#f9fafb;min-height:100vh;padding:24px}.purchases-header h1{font-size:22px;font-weight:600;margin:0}.purchases-header p{color:#6b7280;font-size:14px;margin-top:4px}.purchases-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.purchases-title{display:flex;flex-direction:column;gap:4px}.purchases-title h1{font-size:22px;font-weight:600;margin:0}.purchases-title p{color:#6b7280;font-size:14px;margin:0}.btn-add-purchase{align-items:center;background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 16px}.btn-add-purchase:hover{background:#4338ca}.content-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000f;padding:16px}.purchases-table{border-collapse:collapse;font-size:14px;width:100%}.purchases-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:600;padding:14px 12px;text-align:left}.purchases-table td{border-bottom:1px solid #f1f5f9;padding:14px 12px}.purchases-table tr:hover{background:#f9fafb}.badge{border-radius:999px;font-size:12px;font-weight:500;padding:4px 10px}.status.pending{background:#fff7ed;color:#c2410c}.status.paid{background:#ecfdf5;color:#047857}.status.partial{background:#eff6ff;color:#1d4ed8}.method{background:#f3f4f6;color:#374151}.actions{display:flex;gap:6px;justify-content:flex-start}.icon-btn{border-radius:50%;color:#374151;height:28px;padding:0;transition:.2s;width:28px}.icon-btn svg{height:16px;width:16px}.loading,.no-data{color:#6b7280;padding:60px 0;text-align:center}.no-data span{display:block;font-size:36px;margin-bottom:10px}@media (max-width:768px){.purchases-table thead{display:none}.purchases-table,.purchases-table tbody,.purchases-table td,.purchases-table tr{display:block;width:100%}.purchases-table tr{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:12px}.purchases-table td{border:none;padding:6px 0}.actions{margin-top:8px}}.add-damage-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-damage-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.add-damage-form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.add-damage-form-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0}.add-damage-form{padding:24px}.loading{color:#6c757d;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.add-damage-form-overlay{padding:10px}.add-damage-form-container{max-height:95vh}.form-row{gap:15px}.form-row,.item-fields{grid-template-columns:1fr}.item-fields{gap:10px}.item-row{flex-direction:column}.btn-remove-item{align-self:flex-end}.form-total{text-align:center}.form-actions,.form-total{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.view-damage-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.view-damage-container{background:#fff;border-radius:12px;box-shadow:0 12px 28px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:950px;overflow:hidden;width:100%}.view-damage-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:1rem 1.5rem}.view-damage-header h3{color:#222;font-size:1.5rem;font-weight:600;margin:0}.btn-close{color:#666;font-size:1.5rem;transition:color .2s}.btn-close:hover{color:#000}.damage-details{flex:1 1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h4{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.detail-grid{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:1fr 1fr}.detail-item label{color:#555;font-size:.875rem;font-weight:600}.detail-item span{color:#222;font-size:.95rem;margin-top:.25rem}.reason-badge,.status-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-reported{background:#fff3cd;color:#856404}.status-confirmed{background:#d1ecf1;color:#0c5460}.status-repaired{background:#d4edda;color:#155724}.reason-broken,.status-written-off{background:#f8d7da;color:#721c24}.reason-lost{background:#fff3cd;color:#856404}.reason-worn-out{background:#d1ecf1;color:#0c5460}.reason-theft{background:#e2e3e5;color:#383d41}.reason-other{background:#f5f5f5;color:#495057}.items-table{border:1px solid #eee;border-radius:8px;overflow-x:auto}.items-table table{border-collapse:collapse;font-size:.875rem;width:100%}.items-table td,.items-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left}.items-table th{background:#f9f9f9;color:#555}.index{text-align:center}.item-total,.quantity,.unit-price{text-align:right}.item-notes{color:#666}.items-table tfoot{background:#f9f9f9;font-weight:600}.grand-total,.total-label{text-align:right}.grand-total{color:#dc3545}.no-items{background:#f9f9f9;border-radius:8px;color:#888;font-style:italic;padding:1rem;text-align:center}.damage-actions{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.btn-edit{background:linear-gradient(90deg,#6722e6,#a98cf7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-edit:hover{background:linear-gradient(90deg,#7a3cf7,#b6a2f7);transform:translateY(-1px)}@media (max-width:768px){.detail-grid{gap:1rem;grid-template-columns:1fr}.damage-actions{flex-direction:column;gap:.5rem}.btn-edit{width:100%}.items-table table{font-size:.75rem}}.edit-damage-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-damage-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.edit-damage-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.edit-damage-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.btn-close:hover:not(:disabled){background-color:#e9ecef;color:#333}.btn-close:disabled{cursor:not-allowed;opacity:.6}.edit-damage-form{padding:24px}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 20px}.form-row .form-group:last-child:nth-child(3n){grid-column:1/-1}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6722e6;box-shadow:0 0 0 3px #6722e61a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.items-header span{color:#333;font-weight:600}.btn-add-item{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .2s}.btn-add-item:hover:not(:disabled){background-color:#218838}.btn-add-item:disabled{cursor:not-allowed;opacity:.6}.items-list{display:flex;flex-direction:column;gap:15px}.item-row{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:15px;padding:15px;position:relative}.item-fields{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:2fr 1fr 1fr 1.5fr}.btn-remove-item{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.btn-remove-item:hover:not(:disabled){background-color:#c82333}.btn-remove-item:disabled{cursor:not-allowed;opacity:.6}.form-total{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;gap:20px;justify-content:flex-end;margin:30px 0;padding:20px}.total-label{color:#333;font-size:16px;font-weight:600}.total-amount{color:#dc3545;font-size:24px;font-weight:700}.btn-cancel{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:background-color .2s}.btn-cancel:hover:not(:disabled){background-color:#5a6268}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:160px;padding:12px 24px;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);transform:translateY(-1px)}.btn-submit:disabled{background:#ccc;cursor:not-allowed;transform:none}.damages-container{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.damages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-add-damage{background:linear-gradient(90deg,#6722e6 70%,#a98cf7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-add-damage:hover{background:linear-gradient(90deg,#7a3cf7 70%,#b6a2f7);transform:translateY(-1px)}.table-wrapper{border-radius:12px;box-shadow:0 2px 12px #0000000d}.damages-table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.damages-table td,.damages-table th{padding:12px 16px;text-align:left;vertical-align:middle}.damages-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600}.damages-table tr:hover{background-color:#f1f3f5}.damage-id{color:#6722e6;font-weight:600}.total-loss{color:#dc3545;font-weight:600}.no-data-icon{margin-bottom:16px}.actions-col{display:flex;gap:6px;justify-content:center}.icon-btn{border:1px solid #e5e7eb;border-radius:8px;display:flex;height:34px;transition:all .2s;width:34px}.icon-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.icon-btn.danger{color:#b91c1c}.icon-btn.danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}@media (max-width:1024px){.damages-table td,.damages-table th{padding:10px 12px}}@media (max-width:768px){.damages-header{align-items:flex-start;flex-direction:column;gap:12px}.table-wrapper{box-shadow:none}.damages-table{font-size:13px;min-width:100%}.actions-col{flex-wrap:wrap;gap:4px}}.cutlery-stock-report-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.report-header{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.report-header h1{color:#2c3e50;margin:0}.report-header p{color:#7f8c8d;font-size:.9rem;margin:5px 0 0}.header-actions{display:flex;gap:10px}.btn-export{align-items:center;background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:background-color .3s}.btn-export:hover{background-color:#219653}.btn-export:disabled{background-color:#95a5a6;cursor:not-allowed}.filters-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.filter-group{flex:1 1}.filter-group label{color:#2c3e50;font-weight:500;gap:5px;margin-bottom:8px}.filter-group input{border:1px solid #ddd;border-radius:5px;font-size:.9rem;margin-bottom:10px;padding:10px}.filter-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.btn-generate{align-items:center;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:10px;transition:background-color .3s}.btn-generate:hover{background-color:#2980b9}.table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}.stock-report-table{border-collapse:collapse;min-width:800px;width:100%}.stock-report-table thead{background-color:#34495e;color:#fff}.stock-report-table th{border:1px solid #ddd;font-weight:500;padding:15px;text-align:center}.stock-report-table th.location-header{background-color:#d2d6da;font-size:.85rem}.stock-report-table tbody tr{border-bottom:1px solid #ddd;transition:background-color .3s}.stock-report-table tbody tr:hover,.stock-report-table tbody tr:nth-child(2n){background-color:#f8f9fa}.stock-report-table tbody tr:nth-child(2n):hover{background-color:#ecf0f1}.stock-report-table td{border:1px solid #ddd;padding:12px 15px;text-align:center}.stock-report-table td.serial{color:#7f8c8d;font-weight:500;width:50px}.stock-report-table td.item-code{color:#2c3e50;font-weight:500;width:120px}.stock-report-table td.item-name{min-width:200px;text-align:left}.stock-report-table td.item-desc{color:#7f8c8d;font-size:.9rem;min-width:250px;text-align:left}.stock-report-table td.stock-quantity{font-weight:500;min-width:80px}.stock-report-table tfoot{background-color:#ecf0f1;font-weight:700}.stock-report-table tfoot td{border-top:2px solid #2c3e50;padding:15px}.stock-report-table tfoot .total-label{text-align:right}.stock-report-table tfoot .total-amount{color:#2c3e50}.no-data{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:60px 20px}.no-data-icon{color:#bdc3c7;font-size:48px;margin-bottom:20px}.no-data p{color:#7f8c8d;margin:10px 0}.report-summary{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:20px}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-label{color:#7f8c8d}.summary-value{font-size:1.2rem}.loading-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.spinner{border-top-color:#3498db;margin-bottom:20px}@media (max-width:768px){.report-header{gap:20px;text-align:center}.filters-container,.report-header,.report-summary{flex-direction:column}.report-summary{gap:20px}.stock-report-table{font-size:.85rem}.stock-report-table td,.stock-report-table th{padding:8px}}.modal-overlay{animation:fadeIn .2s ease;background-color:#00000080;z-index:9999}.modal-content{animation:slideUp .3s ease;background:#fff;box-shadow:0 10px 40px #0003;max-width:1300px;width:95%}.modal-header{background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;padding:18px 24px;position:sticky;top:0;z-index:10}.modal-header h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:10px}.modal-header h3:before{content:"📋";font-size:1.5rem}.close-button{background:none;border-radius:8px;color:#6c757d;font-size:28px;line-height:1;padding:0 12px}.close-button:hover{background-color:#e9ecef;color:#343a40}.modal-body{max-height:calc(90vh - 80px)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}.modal-body{padding:16px}.modal-header{padding:14px 16px}.modal-header h3{font-size:1.2rem}}.controls-section{align-items:flex-end;background-color:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.control-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.control-group label{color:#495057;font-size:14px;font-weight:500}.control-input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.control-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn{border-radius:6px;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d}.table-container{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.vat-report-table{background-color:#fff;border-collapse:collapse;min-width:800px;width:100%}.vat-report-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:15px;text-align:left}.vat-report-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:12px 15px}.vat-report-table tbody tr:hover,.vat-report-table tfoot{background-color:#f8f9fa}.vat-report-table tfoot{font-weight:600}.vat-report-table tfoot td{border-top:2px solid #dee2e6;padding:15px}.amount-col{text-align:right}.vat-amount{color:#007bff;font-weight:500}.loading-overlay{color:#6c757d;padding:60px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:30px;margin-right:10px;width:30px}.empty-state{background-color:#f8f9fa;border-radius:8px;color:#6c757d;padding:60px;text-align:center}.report-summary{overflow-x:auto}.summary-card{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-left:auto;max-width:400px}.summary-card h3{color:#333}.summary-row{border-bottom:1px dashed #dee2e6;padding:10px 0}.summary-row.vat{color:#007bff}.summary-row.total{border-top:2px solid #dee2e6;font-size:16px;font-weight:700;margin-top:10px;padding-top:15px}@media (max-width:768px){.controls-section{align-items:stretch;flex-direction:column}.control-group{min-width:100%}.summary-card{max-width:100%}}.report-header{margin-bottom:30px}.report-header h2{font-size:24px}.btn-success{background-color:#28a745;border-radius:6px;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-success:hover{background-color:#218838;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-success span{font-size:16px}.clickable-row{transition:background-color .2s}.clickable-row:hover{background-color:#f0f7ff!important}.clickable-row td:first-child:before{margin-right:5px}.clickable-row:hover td:first-child:before{opacity:.5}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background-color:#e8f0fe!important;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.clickable-row td{transition:background-color .2s}.clickable-row td:first-child{padding-left:25px!important;position:relative}.clickable-row td:first-child:before{content:"🔍";font-size:12px;left:8px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.clickable-row:hover td:first-child:before{opacity:.6}.clickable-row td:last-child:after{background-color:#007bff;border-radius:12px;color:#fff;content:"View";font-size:11px;margin-left:8px;opacity:0;padding:2px 6px;transition:opacity .2s}.clickable-row:hover td:last-child:after{opacity:1}.vat-report-container{padding:20px}.summary-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.summary-card{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;gap:15px;transition:transform .2s}.summary-card:hover{box-shadow:0 4px 12px #00000026}.summary-icon{align-items:center;border-radius:10px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.summary-icon.return{background-color:#17a2b8;color:#fff}.summary-icon.value{background-color:#28a745;color:#fff}.summary-icon.vat{background-color:#ffc107;color:#212529}.summary-details{flex:1 1}.summary-label{display:block;font-size:.85rem;margin-bottom:5px}.summary-value{color:#212529;display:block;font-weight:600}.vat-text{color:#dc3545}.action-buttons{gap:10px;justify-content:flex-end;margin-bottom:20px}.btn-excel,.btn-pdf,.btn-print{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .2s}.btn-excel{background-color:#28a745;color:#fff}.btn-excel:hover{background-color:#218838}.btn-pdf{background-color:#dc3545;color:#fff}.btn-pdf:hover{background-color:#c82333}.btn-print{background-color:#6c757d;color:#fff}.btn-print:hover{background-color:#5a6268}.report-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow-x:auto}.report-table{min-width:1200px}.report-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px;white-space:nowrap}.report-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.report-table tbody tr:hover,.report-table tfoot{background-color:#f8f9fa}.report-table tfoot{font-weight:600}.report-table tfoot td{border-top:2px solid #dee2e6;padding:15px}.tin-badge{background-color:#17a2b8;border-radius:4px;color:#fff;font-family:monospace;font-size:.9rem}.credit-badge,.invoice-badge,.tin-badge{padding:4px 8px}.credit-badge{background-color:#28a745;border-radius:4px;color:#fff;font-size:.85rem}.credit-no{color:#17a2b8;font-family:monospace;font-weight:600}.vat-amount{color:#dc3545;font-weight:600}.no-data{color:#6c757d;font-style:italic;padding:40px!important;text-align:center}.report-info{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between;margin-top:20px;padding:15px}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.action-buttons,.report-info{flex-direction:column}.report-info{gap:5px;text-align:center}}.report-summary{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;margin-top:30px}.summary-card{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 3px 12px #00000014;max-width:550px;padding:22px;width:100%}.summary-card h3{border-bottom:1px solid #e9ecef;color:#343a40;font-size:18px;margin:0 0 15px;padding-bottom:8px}.summary-column{color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.summary-column span:last-child{font-weight:600}.summary-column.vat{color:#dc3545}.summary-column.total{border-top:2px dashed #dee2e6;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.disallowable-vat-amount{color:#ff6b6b;font-weight:500}.summary-column.disallowable-vat{color:#ff6b6b}.summary-column.disallowable-vat span:last-child{font-weight:600}.warning-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;gap:10px;margin:15px 0;padding:12px 20px}.warning-banner svg{font-size:20px}.invoice-badge{align-items:center;background-color:#007bff;border-radius:4px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;line-height:1.3;max-width:250px;padding:4px 10px;white-space:normal;word-break:break-word}.report-table td{word-wrap:break-word;max-width:200px}.text-center{vertical-align:middle}:root{--brand:var(--color-text);--brand-light:var(--color-text-secondary);--accent:var(--color-primary);--accent-soft:var(--color-primary-light);--success-soft:var(--color-success-light);--warning-soft:var(--color-warning-light);--danger-soft:var(--color-danger-light);--bg:var(--color-background);--border-focus:var(--color-primary);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--radius:10px;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 16px #00000014;--font:var(--font-family)}*{box-sizing:border-box;margin:0;padding:0}.purchase-return-container{background:var(--color-background);background:var(--bg);color:var(--color-text);color:var(--text-primary);font-family:var(--font-family);font-family:var(--font);margin:0 auto;max-width:1100px;min-height:100vh;padding:32px 24px 64px}.page-header{align-items:center;margin-bottom:28px}.back-button{flex-shrink:0}.back-button:hover{border-color:var(--accent);color:var(--color-primary);color:var(--accent)}.header-title{align-items:center;display:flex;gap:12px}.header-title h1{color:var(--color-text);color:var(--text-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.3px}.return-form{display:flex;flex-direction:column;gap:16px}.form-card{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm)}.form-card h2{color:var(--color-text-muted);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.8px;margin-bottom:20px;text-transform:uppercase}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{gap:6px}.form-group label{color:var(--color-text-secondary);font-size:.8125rem;gap:6px}.form-group label svg{font-size:.75rem}.date-input,.form-control,.return-number-input{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-text);color:var(--text-primary);font-family:var(--font-family);font-family:var(--font);font-size:.875rem;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.date-input:focus,.form-control:focus,.return-number-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control[readonly]{background:var(--color-background);background:var(--bg);cursor:default}textarea.form-control{height:auto;padding:10px 12px;resize:vertical}.vat-active{border-color:var(--success);color:var(--color-success);color:var(--success);font-weight:500}.field-note,.vat-inactive{color:var(--color-text-muted);color:var(--text-tertiary)}.field-note{font-size:.75rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{align-items:center;color:var(--color-text-muted);color:var(--text-tertiary);display:flex;font-size:.75rem;font-weight:600;gap:8px;letter-spacing:.8px;margin-bottom:0;text-transform:uppercase}.btn-add-item-header{align-items:center;background:var(--color-primary);background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-family:var(--font);font-size:.8125rem;font-weight:500;gap:6px;padding:8px 14px;transition:background .15s,transform .1s}.btn-add-item-header:hover{background:#1d4ed8}.btn-add-item-header:active{transform:scale(.97)}.items-table-container{border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);overflow-x:auto;width:100%}.items-table{border-collapse:collapse;display:block;font-family:var(--font-family);font-family:var(--font);font-size:.8125rem;min-width:900px;width:100%}.items-table thead{background:var(--color-background);background:var(--bg)}.items-table th{color:var(--color-text-muted);color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.6px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.items-table td,.items-table th{border-bottom:1px solid var(--border)}.items-table td{color:var(--color-text);color:var(--text-primary);padding:12px 14px;vertical-align:middle}.items-table tbody tr:last-child td{border-bottom:none}.items-table tbody tr:hover{background:#fafafa}.quantity-input,.quantity-input-enhanced{border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-text);color:var(--text-primary);font-family:var(--font-family);font-family:var(--font);font-size:.8125rem;height:34px;padding:0 8px;transition:border-color .15s,box-shadow .15s;width:84px}.quantity-input-enhanced:focus,.quantity-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a;outline:none}.quantity-input-enhanced:disabled,.quantity-input:disabled{background:var(--color-background);background:var(--bg);color:var(--color-text-muted);color:var(--text-tertiary);cursor:not-allowed}.quantity-control-enhanced{align-items:center;display:flex;gap:6px}.max-btn-enhanced{background:var(--color-primary-light);background:var(--accent-soft);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:var(--color-primary);color:var(--accent);cursor:pointer;font-family:var(--font-family);font-family:var(--font);font-size:.75rem;font-weight:600;height:34px;padding:0 10px;transition:all .15s;white-space:nowrap}.max-btn-enhanced:hover{background:var(--color-primary);background:var(--accent);border-color:var(--accent);color:#fff}.btn-clear-enhanced{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-text-muted);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-clear-enhanced:hover{background:var(--color-danger-light);background:var(--danger-soft);border-color:#fca5a5;color:var(--color-danger);color:var(--danger)}.quantity-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 9px}.quantity-available{background:var(--color-success-light);background:var(--success-soft);color:var(--color-success);color:var(--success)}.low-stock-badge{background:var(--color-danger-light);background:var(--danger-soft);color:var(--color-danger);color:var(--danger)}.stock-status{display:block;font-size:.7rem;font-weight:500;margin-top:3px}.stock-status.low-stock{color:var(--color-warning);color:var(--warning)}.stock-status.out-of-stock{color:var(--color-text-muted);color:var(--text-tertiary)}.unit-display{color:var(--color-text-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:500}.amount-column,.vat-amount{font-feature-settings:"tnum";color:var(--color-text);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.empty-table-message{padding:0}.empty-state-small{align-items:center;color:var(--color-text-muted);color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:40px 24px}.empty-state-small svg{font-size:1.5rem}.warning-message{align-items:center;background:var(--color-warning-light);background:var(--warning-soft);border:1px solid #fde68a;border-radius:6px;border-radius:var(--radius-sm);color:var(--color-warning);color:var(--warning);display:flex;font-size:.8125rem;font-weight:500;gap:8px;margin-top:12px;padding:10px 14px}.summary-section{border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:0;overflow:hidden}.summary-row{align-items:center;border-bottom:1px solid var(--border);color:var(--color-text-secondary);color:var(--text-secondary);font-size:.875rem;padding:12px 16px}.summary-row.vat{background:var(--color-background);background:var(--bg)}.summary-row.grand-total{background:var(--bg-light);color:#fff;font-size:.9375rem}.summary-row.grand-total .bold{font-size:1.0625rem;font-weight:700}.form-actions{gap:10px;padding-top:4px}.btn-primary{background:var(--color-text);background:var(--brand);border-radius:var(--radius-sm);font-family:var(--font);padding:10px 22px;transition:background .15s,transform .1s,opacity .15s}.btn-primary:hover{background:var(--color-text-secondary);background:var(--brand-light)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45}.btn-secondary{align-items:center;background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-family);font-family:var(--font);font-size:.875rem;gap:8px;padding:10px 20px;text-decoration:none;transition:all .15s}.btn-secondary:hover{border-color:#9ca3af;color:var(--color-text);color:var(--text-primary)}.react-select__control{border-color:var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;font-family:var(--font-family)!important;font-family:var(--font)!important;font-size:.8125rem!important;min-height:36px!important}.react-select__control--is-focused{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #2563eb1a!important}.react-select__option--is-focused{background:var(--color-primary-light)!important;background:var(--accent-soft)!important}.react-select__option--is-selected{background:var(--color-primary)!important;background:var(--accent)!important}.react-select__placeholder{color:var(--color-text-muted)!important;color:var(--text-tertiary)!important}.react-select__single-value{color:var(--color-text)!important;color:var(--text-primary)!important}@media (max-width:1024px){.purchase-return-container{padding:24px 16px 48px}}@media (max-width:768px){.purchase-return-container{padding:16px 12px 48px}.form-row{gap:12px;grid-template-columns:1fr}.form-card{padding:16px}.page-header{margin-bottom:20px}.header-title h1{font-size:1.125rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.items-table{min-width:800px}}@media (max-width:480px){.items-table{min-width:700px}.quantity-input,.quantity-input-enhanced{width:70px}}@media (min-width:1400px){.purchase-return-container{max-width:1280px}}.page-header{position:relative}.back-button{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-text-secondary);color:var(--text-secondary);cursor:pointer;height:36px;left:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s;width:36px}.back-button,.settlement-modal-overlay{align-items:center;display:flex;justify-content:center}.settlement-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.settlement-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;width:500px}.settlement-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.settlement-modal-header h3{font-size:1.5rem;margin:0}.return-summary{margin-bottom:20px}.return-summary .summary-item{display:flex;justify-content:space-between;margin-bottom:10px}:root{--prh-bg:var(--color-background);--prh-surface:var(--color-surface);--prh-border:var(--color-border);--prh-brand:var(--color-primary);--prh-brand-hover:var(--color-primary-dark);--prh-text-primary:var(--color-text);--prh-text-secondary:var(--color-text-secondary);--prh-text-tertiary:var(--color-text-muted);--prh-success:var(--color-success);--prh-success-bg:#22c55e1f;--prh-warning:var(--color-warning);--prh-warning-bg:#f59e0b1f;--prh-danger:var(--color-danger);--prh-danger-bg:#ef44441f;--prh-radius-sm:6px;--prh-radius:8px;--prh-radius-lg:12px;--prh-shadow-sm:0 1px 2px 0 #0000000d;--prh-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--prh-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--prh-font:var(--font-family);--prh-transition:all 0.2s ease-in-out}.purchase-returns-history-container{background:var(--color-background);background:var(--prh-bg);box-sizing:border-box;color:var(--color-text);color:var(--prh-text-primary);font-family:var(--font-family);font-family:var(--prh-font);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px 32px 64px}.purchase-returns-history-container *{box-sizing:border-box}.page-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.header-row-1{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.header-left{display:flex;flex-direction:column;gap:4px}.header-left h1{color:var(--color-text);color:var(--prh-text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0}.header-left .subtitle{color:var(--color-text-muted);color:var(--prh-text-tertiary);font-size:.875rem;margin:0}.header-right{display:flex}.header-row-2{display:flex;justify-content:flex-end;width:100%}.btn-primary{align-items:center;background-color:var(--color-primary);background-color:var(--prh-brand);border-radius:6px;border-radius:var(--prh-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prh-shadow-sm);display:inline-flex;font-family:var(--font-family);font-family:var(--prh-font);font-size:.875rem;font-weight:500;gap:8px;height:38px;justify-content:center;padding:0 16px;text-decoration:none;transition:all .2s ease-in-out;transition:var(--prh-transition)}.btn-primary:hover{background-color:var(--color-primary-dark);background-color:var(--prh-brand-hover)}.btn-outline{background-color:var(--color-surface);background-color:var(--prh-surface);border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prh-shadow-sm);color:var(--color-text-secondary);color:var(--prh-text-secondary);font-family:var(--font-family);font-family:var(--prh-font);font-size:.875rem;font-weight:500;gap:8px;height:38px;justify-content:center;padding:0 16px;transition:all .2s ease-in-out;transition:var(--prh-transition)}.btn-outline:hover{background-color:#f3f4f6;border-color:#d1d5db;color:var(--color-text);color:var(--prh-text-primary)}.btn-clear{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--prh-radius-sm);color:var(--color-text-secondary);color:var(--prh-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:38px;justify-content:center;padding:0 16px;transition:all .2s ease-in-out;transition:var(--prh-transition)}.btn-clear:hover{background-color:#f3f4f6;color:var(--color-text);color:var(--prh-text-primary)}.btn-settle,.btn-view{align-items:center;background:var(--color-surface);background:var(--prh-surface);border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:var(--color-text-secondary);color:var(--prh-text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;height:32px;justify-content:center;padding:0 12px;transition:all .2s ease-in-out;transition:var(--prh-transition)}.btn-settle:hover,.btn-view:hover{background:#f3f4f6;border-color:#d1d5db;color:var(--color-text);color:var(--prh-text-primary)}.filters-card{border:1px solid var(--prh-border);border-radius:12px;border-radius:var(--prh-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prh-shadow-sm);margin-bottom:24px;overflow:hidden}.filters-card,.filters-header{background:var(--color-surface);background:var(--prh-surface)}.filters-header{cursor:pointer;justify-content:space-between;padding:16px 24px;-webkit-user-select:none;user-select:none}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{gap:8px}.filters-title h3{color:var(--color-text);color:var(--prh-text-primary);font-size:.9375rem;font-weight:600;margin:0}.filters-content{background:var(--color-surface);background:var(--prh-surface);border-top:1px solid var(--prh-border);padding:0 24px 24px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px;margin-top:16px}.filter-group{gap:8px}.filter-group label{color:var(--color-text-secondary);color:var(--prh-text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.date-range-inputs input,.filter-input{background:var(--color-background);background:var(--prh-bg);border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:var(--color-text);color:var(--prh-text-primary);font-family:var(--font-family);font-family:var(--prh-font);font-size:.875rem;height:38px;padding:0 12px;transition:all .2s ease-in-out;transition:var(--prh-transition)}.date-range-inputs input:focus,.filter-input:focus{background:var(--color-surface);background:var(--prh-surface);border-color:var(--prh-brand);box-shadow:0 0 0 3px #2563eb1a;outline:none}.date-range-inputs{align-items:center;display:flex;gap:12px}.date-range-inputs span{color:var(--color-text-muted);color:var(--prh-text-tertiary);font-size:.875rem}.filter-actions{border-top:1px solid var(--prh-border);justify-content:space-between;padding-top:16px}.summary-cards{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:var(--prh-surface);border:1px solid var(--prh-border);border-radius:12px;border-radius:var(--prh-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prh-shadow-sm);display:flex;flex-direction:column;gap:8px;padding:20px}.summary-label{color:var(--color-text-secondary);color:var(--prh-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:var(--color-text);color:var(--prh-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.success-text{color:var(--color-success);color:var(--prh-success)}.warning-text{color:var(--color-warning);color:var(--prh-warning)}.table-container{background:var(--color-surface);background:var(--prh-surface);border:1px solid var(--prh-border);border-radius:12px;border-radius:var(--prh-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--prh-shadow-sm);overflow:hidden}.returns-table{border-collapse:collapse;text-align:left;width:100%}.returns-table th{background:#f9fafb;color:var(--color-text-secondary);color:var(--prh-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase}.returns-table td,.returns-table th{border-bottom:1px solid var(--prh-border)}.returns-table td{color:var(--color-text);color:var(--prh-text-primary);font-size:.875rem;padding:16px 24px;vertical-align:middle}.returns-table tbody tr{transition:background-color .15s ease}.returns-table tbody tr:hover{background-color:var(--color-background);background-color:var(--prh-bg)}.returns-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center}.status-badge{border-radius:9999px;gap:6px;white-space:nowrap}.status-fully-settled{background-color:#22c55e1f;background-color:var(--prh-success-bg);color:var(--color-success);color:var(--prh-success)}.status-partially-settled{background-color:#f59e0b1f;background-color:var(--prh-warning-bg);color:var(--color-warning);color:var(--prh-warning)}.status-pending{background-color:#ef44441f;background-color:var(--prh-danger-bg);color:var(--color-danger);color:var(--prh-danger)}.return-badge{background:var(--color-background);background:var(--prh-bg);border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:var(--color-text-secondary);color:var(--prh-text-secondary);display:inline-block;font-family:monospace;font-size:.75rem;font-weight:500;padding:4px 8px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182799;inset:0}.modal-content{background:var(--prh-surface);border-radius:12px;border-radius:var(--prh-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--prh-shadow-lg);display:flex;flex-direction:column;max-width:800px;overflow:hidden}.modal-header{align-items:center;background:var(--color-surface);background:var(--prh-surface);border-bottom:1px solid var(--prh-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--color-text);color:var(--prh-text-primary);font-size:1.125rem;font-weight:600;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:1024px){.purchase-returns-history-container{padding:24px}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;gap:16px}.header-left .subtitle{margin-top:4px}.btn-primary,.header-right{width:100%}.header-row-2{justify-content:flex-start}.btn-outline{width:100%}.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.returns-table{min-width:800px}.summary-cards{grid-template-columns:1fr}}.vat-report-container{background:var(--gray-50);margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.vat-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.vat-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.vat-header{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.vat-header-content{flex-wrap:wrap;justify-content:space-between}.vat-header-content,.vat-title-section{align-items:center;display:flex;gap:1rem}.vat-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:var(--radius-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.vat-header-icon{font-size:1.5rem}.vat-title-section h1{color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.vat-title-section p{color:var(--gray-500);font-size:.875rem;margin:0}.vat-btn-outline{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.vat-btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.vat-filters-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.vat-filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vat-filter-group{display:flex;flex-direction:column;gap:.5rem}.vat-filter-group label{align-items:center;color:var(--gray-600);display:flex;font-size:.75rem;font-weight:500;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.vat-filter-input{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:.625rem .75rem;transition:all .2s}.vat-filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.vat-search-wrapper{position:relative}.vat-search-icon{color:var(--gray-400);font-size:.875rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.vat-search-input{padding-left:2.25rem}.vat-btn-primary{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s}.vat-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.vat-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.vat-summary-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.vat-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vat-summary-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.vat-card-returns .vat-summary-icon{background:#dbeafe}.vat-card-value .vat-summary-icon{background:#dcfce7}.vat-card-vat .vat-summary-icon{background:#fef3c7}.vat-summary-info{flex:1 1}.vat-summary-label{color:var(--gray-500);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.vat-summary-value{color:var(--gray-900);display:block;font-size:1.5rem;font-weight:700}.vat-highlight{color:var(--warning)}.vat-action-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.vat-btn-excel,.vat-btn-pdf,.vat-btn-print{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.vat-btn-excel{background:#10b981;color:#fff}.vat-btn-excel:hover{background:#059669}.vat-btn-pdf{background:#ef4444;color:#fff}.vat-btn-pdf:hover{background:#dc2626}.vat-btn-print{background:var(--gray-600);color:#fff}.vat-btn-print:hover{background:var(--gray-700)}.vat-warning-banner{align-items:center;background:#fef3c7;border-left:4px solid var(--warning);border-radius:var(--radius-md);color:#92400e;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.vat-table-wrapper{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.vat-table-container{overflow-x:auto}.vat-data-table{border-collapse:collapse;font-size:.875rem;width:100%}.vat-data-table thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.vat-data-table th{color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.vat-data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:.875rem 1rem}.vat-data-table tbody tr:hover,.vat-data-table tfoot{background:var(--gray-50)}.vat-data-table tfoot{border-top:2px solid var(--gray-200);font-weight:600}.vat-data-table tfoot td{padding:1rem}.vat-tin-badge{background:var(--gray-100);font-family:monospace}.vat-credit-badge,.vat-tin-badge{border-radius:var(--radius-sm);font-size:.75rem;padding:.25rem .5rem}.vat-credit-badge{background:#dbeafe;color:var(--primary-dark);font-weight:500}.vat-credit-no{font-family:monospace;font-size:.75rem}.vat-amount-cell{font-weight:500;text-align:right}.vat-primary-amount{color:var(--warning);font-weight:600}.vat-no-data{padding:3rem!important;text-align:center}.vat-empty-state{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;gap:.5rem}.vat-empty-state span{font-size:3rem}.vat-pagination{align-items:center;background:#fff;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;justify-content:center;padding:1.25rem}.vat-page-btn{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .75rem;transition:all .2s}.vat-page-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.vat-page-btn:disabled{cursor:not-allowed;opacity:.5}.vat-page-numbers{display:flex;gap:.25rem}.vat-page-number{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .75rem;transition:all .2s}.vat-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.vat-page-number:hover:not(.active){background:var(--gray-50)}.vat-report-footer{margin-top:1.5rem;padding:1rem 0;text-align:center}.vat-footer-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:.5rem}.vat-footer-info,.vat-footer-note{color:var(--gray-500);font-size:.75rem}.vat-footer-note{margin:0}@media print{.vat-action-bar,.vat-btn-outline,.vat-filters-card,.vat-header-actions,.vat-pagination{display:none}.vat-report-container{background:#fff;padding:0}.vat-data-table td,.vat-data-table th{border:1px solid #ddd}}@media (max-width:768px){.vat-report-container{padding:1rem}.vat-header-content,.vat-title-section{align-items:flex-start;flex-direction:column}.vat-title-section{text-align:left}.vat-title-section h1{font-size:1.25rem}.vat-filters-grid,.vat-summary-grid{grid-template-columns:1fr}.vat-data-table thead,.vat-filter-action label{display:none}.vat-data-table tbody tr{border:1px solid var(--gray-200);border-radius:var(--radius-md);display:block;margin-bottom:1rem;padding:.75rem}.vat-data-table tbody td{align-items:center;border:none;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:.5rem 0}.vat-data-table tbody td:last-child{border-bottom:none}.vat-data-table tbody td:before{color:var(--gray-500);content:attr(data-label);font-size:.7rem;font-weight:600;text-transform:uppercase}.vat-data-table tfoot{display:block}.vat-data-table tfoot tr{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem}.vat-data-table tfoot td{padding:.25rem 0}.vat-footer-info{align-items:center;flex-direction:column;gap:.25rem}.vat-pagination{flex-wrap:wrap}}@media (min-width:1440px){.vat-report-container{max-width:1600px}.vat-data-table td,.vat-data-table th{padding:1.25rem}.vat-summary-value{font-size:1.75rem}}.payment-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;z-index:2000}.payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:95%}.payment-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-modal-header h3{font-size:1.4rem;font-weight:600;gap:12px}.payment-modal-header h3 svg{font-size:1.3rem}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.bill-summary{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:24px;padding:16px 20px}.summary-row{border-bottom:1px dashed #ced4da;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#495057;font-size:.95rem;font-weight:500}.summary-row .value{color:#212529;font-weight:600}.summary-row .value.invoice{color:#06c;font-family:monospace;font-size:1.1rem}.summary-row.total{border-top:2px solid #ced4da;font-size:1.1rem;margin-top:4px;padding-top:12px}.summary-row.paid .value{color:#28a745}.summary-row.balance .value.due{color:#dc3545;font-size:1.2rem;font-weight:700}.payment-form{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:20px}.payment-form h4{border-bottom:2px solid #667eea;color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.95rem}.form-group label svg{color:#667eea;margin-right:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#6c757d;display:block;font-size:.8rem;margin-top:4px}.amount-group{position:relative}.amount-input-wrapper{display:flex;gap:8px}.amount-input{flex:1 1}.max-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:0 16px;transition:all .2s}.max-button:hover{background:#5a6268}.form-actions{margin-top:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:150px;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.payment-history-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:16px}.history-toggle{align-items:center;background:none;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.95rem;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.history-toggle:hover{background:#f8f9fa;border-color:#adb5bd}.payment-history{border:1px solid #e9ecef;border-radius:8px;margin-top:16px;max-height:200px;overflow-y:auto}.history-table{border-collapse:collapse;font-size:.85rem;width:100%}.history-table th{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-weight:600;padding:10px;position:sticky;text-align:left;top:0;z-index:10}.history-table td{border-bottom:1px solid #e9ecef;padding:8px 10px}.history-table tr:last-child td{border-bottom:none}.method-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.method-badge.cash{background:#d4edda;color:#155724}.method-badge.bank_transfer{background:#cce5ff;color:#004085}.method-badge.cheque{background:#fff3cd;color:#856404}.user-badge{border-bottom:1px dotted #6c757d;cursor:help}.amount{color:#28a745;font-weight:600}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.payment-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.payment-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.payment-modal{height:100%;max-height:100vh;width:100%}.payment-modal,.payment-modal-header{border-radius:0}.amount-input-wrapper{flex-direction:column}.max-button{padding:10px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.expenses-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.expenses-header{margin-bottom:24px}.expenses-title{color:#2c3e50;font-size:24px;font-weight:600;gap:12px;margin-bottom:8px}.balance-card,.expenses-title{align-items:center;display:flex}.balance-card{border-radius:16px;box-shadow:0 4px 15px #6d22e633;color:#040404;gap:20px;margin-bottom:32px;padding:24px}.balance-card .balance-icon{align-items:center;background:#fff3;border-radius:50%;color:#020202;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.balance-card .balance-info{background:#0000!important;border:none!important;box-shadow:none!important;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0!important}.balance-card .balance-label{color:#000000e6!important;font-size:14px;margin-bottom:4px}.balance-card .balance-amount{color:#000!important;font-size:32px;font-weight:700;margin:0}.balance-card .balance-breakdown{align-items:center;color:#050505cc!important;display:flex;font-size:13px;gap:12px;margin-top:8px}.refresh-btn:hover{background:#0606064d!important;transform:rotate(30deg)}.expenses-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:8px;margin-bottom:24px}.tab-button{font-size:16px}.expenses-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-select{-moz-appearance:auto;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#495057;font-family:inherit;font-size:14px;height:44px;line-height:1.5;padding:10px 12px;width:100%}.input-with-button{display:flex;gap:8px;width:100%}.input-with-button .form-input{flex:1 1}.btn-suggest{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;padding:0 12px;white-space:nowrap}.amount-input{font-size:16px}.btn-primary,.btn-secondary{padding:10px 20px}.history-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.history-header h3{color:#2c3e50;font-size:16px;font-weight:600}.history-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.data-table th{font-size:13px;font-weight:600;text-align:left;text-transform:uppercase}.data-table td,.data-table th{color:#495057;padding:12px 16px}.data-table td{border-bottom:1px solid #e9ecef;font-size:14px}.empty-row{color:#6c757d;padding:40px!important;text-align:center}.action-buttons{align-items:center;display:flex;gap:6px}.action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.action-btn:hover{background:#e9ecef}.view-btn:hover{color:#6d22e6}.edit-btn:hover{background:#ede9fe;color:#6d22e6}.status-badge{font-size:12px;font-weight:500;padding:4px 10px}.status-completed{background:#d4edda;color:#155724}@media (max-width:768px){.expenses-container{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.balance-amount{font-size:24px}.tab-button{font-size:14px;padding:10px 16px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.cheque-expenses-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.cheque-header{margin-bottom:24px}.cheque-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:8px}.cheque-breadcrumb{color:#6c757d;font-size:14px}.cheque-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:12px;margin-bottom:24px}.tab-button{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:#6c757d;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.tab-button:hover{background:#f8f9fa;color:#6d22e6}.tab-button.active{background:#fff;border-bottom:2px solid #6d22e6;color:#6d22e6}.voucher-form-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.cheque-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payee-dropdown-wrapper,.payee-input-inner{position:relative}.clear-payee-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:18px;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.payee-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 12px 24px #00000014;left:0;margin-top:6px;max-height:260px;overflow-y:auto;position:absolute;right:0;z-index:20}.dropdown-item{align-items:center;background:#0000;border:none;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.dropdown-item.highlighted,.dropdown-item:hover{background:#f1f0ff}.dropdown-annotation{color:#6c757d;font-size:12px}.dropdown-empty,.dropdown-loading{background:#f8f9fa;padding:12px}@media (max-width:768px){.payee-dropdown{max-height:220px}}.total-amount{background:#f8f9fa;color:#28a745}.unrealised-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.search-section{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.search-box{flex:1 1;max-width:500px}.search-input{padding:10px 12px 10px 36px}.refresh-btn{padding:10px 20px}.cheque-table{border-collapse:collapse;font-size:13px;width:100%}.cheque-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.cheque-table th{color:#495057;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.cheque-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.cheque-table tbody tr:hover{background:#f8f9fa}.cheque-number,.voucher-number{color:#6d22e6;font-family:monospace;font-weight:600}.checkbox-cell{text-align:center;width:80px}.checkbox-label{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}.realise-checkbox{cursor:pointer;height:18px;width:18px}.realise-date-input{border:1px solid #dee2e6;border-radius:6px;font-size:12px;padding:6px 10px;width:130px}.realise-date-input:focus{border-color:#6d22e6;outline:none}.realise-date-input:disabled{background:#e9ecef;cursor:not-allowed}.save-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .3s}.save-btn:hover:not(:disabled){box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.cheque-expenses-container{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.cheque-tabs{flex-direction:column;gap:8px}.tab-button{justify-content:center}.search-section{flex-direction:column}.search-box{max-width:100%}.cheque-table{font-size:12px}.cheque-table td,.cheque-table th{padding:8px}.realise-date-input{width:100px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.status-badge{border-radius:20px;display:inline-block;font-size:11px}.status-badge.realised{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.bank-charges-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.bank-header{margin-bottom:24px}.bank-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:600;gap:12px}.bank-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.form-input,.form-select,.form-textarea{box-sizing:border-box;width:100%}.form-select{appearance:auto;-webkit-appearance:auto;background-color:#fff;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.bank-table{border-collapse:collapse;font-size:13px;width:100%}.bank-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.bank-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.amount-cell{color:#28a745;font-weight:600}@media (max-width:768px){.bank-charges-container{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column}.search-box{min-width:auto;width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.form-select{height:44px!important;line-height:normal!important;padding:8px 12px!important}.online-expenses-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.online-header{margin-bottom:24px}.online-title{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:8px}.online-breadcrumb{color:#6c757d;font-size:14px}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.form-title{align-items:center;border-bottom:1px solid #e9ecef;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.online-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{gap:8px}.form-group label{color:#495057;font-weight:500}.required{color:#dc3545}.form-input,.form-select,.form-textarea{border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a;outline:none}.amount-input{background:#f8f9fa;font-weight:500}.total-amount{background:#e7d7f9;color:#6d22e6;font-weight:600}.form-textarea{font-family:inherit;resize:vertical}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#6d22e6,#8b4df2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6d22e64d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn-secondary:hover{background:#e9ecef}.table-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.table-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.table-header,.table-title{align-items:center;display:flex}.table-title{color:#2c3e50;font-size:16px;font-weight:600;gap:8px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box{min-width:280px;position:relative}.search-icon{color:#6c757d;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:8px 12px 8px 36px;transition:all .3s;width:100%}.search-input:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a;outline:none}.clear-search{background:none;border:none;color:#6c757d;cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.clear-search:hover{color:#dc3545}.refresh-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s}.refresh-btn:hover:not(:disabled){background:#e9ecef;border-color:#6d22e6;color:#6d22e6}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.action-icon-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .3s;width:36px}.action-icon-btn:hover{background:#e9ecef;border-color:#6d22e6;color:#6d22e6}.online-table{border-collapse:collapse;font-size:13px;width:100%}.online-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.online-table th{color:#495057;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase;white-space:nowrap}.online-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.online-table tbody tr:hover{background:#f8f9fa}.bill-number-cell,.date-cell{font-weight:500;white-space:nowrap}.bill-number-cell{color:#6d22e6;font-family:monospace}.payee-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vat-cell{font-family:monospace;white-space:nowrap}.amount-cell{font-weight:500;text-align:right;white-space:nowrap}.amount-cell.total{color:#6d22e6;font-weight:700}.balance-cell{font-weight:600;text-align:right;white-space:nowrap}.balance-positive{color:#dc3545}.balance-zero{color:#28a745}.description-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-cell{display:flex;gap:8px;white-space:nowrap}.delete-btn,.edit-btn{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .3s;width:32px}.edit-btn{color:#6d22e6}.edit-btn:hover{background:#e7d7f9;transform:translateY(-1px)}.delete-btn{color:#dc3545}.delete-btn:hover{background:#f8d7da;transform:translateY(-1px)}.empty-row,.loading-row{color:#6c757d;padding:40px!important;text-align:center}@media (max-width:768px){.online-expenses-container{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column}.table-actions{width:100%}.search-box{flex:1 1;min-width:auto}.online-table{font-size:12px}.online-table td,.online-table th{padding:8px}.payee-cell{max-width:120px}.description-cell{max-width:80px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.amount-cell,.balance-cell{text-align:right}}.payment-action-bar{align-items:center;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}.selected-info{align-items:center;display:flex;gap:8px}.selected-count{color:#6d22e6;font-size:14px;font-weight:500}.selected-count svg{margin-right:6px}.btn-pay{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:10px 32px;transition:all .3s}.btn-pay:hover:not(:disabled){box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.btn-pay:disabled{cursor:not-allowed;opacity:.6}.select-checkbox{accent-color:#6d22e6;cursor:pointer;height:18px;width:18px}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1100px;overflow-y:auto;width:95%}.payment-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.payment-modal-header h3{align-items:center;color:#2c3e50;display:flex;gap:10px;margin:0}.payment-modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:28px;line-height:1;padding:0 8px}.payment-modal-close:hover{color:#dc3545}.payment-modal-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.payment-details-section{border-right:1px solid #e9ecef;padding-right:24px}.online-details-section{padding-left:4px}.payment-section-title{border-bottom:2px solid #ede8fc;color:#6d22e6;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.payment-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.payment-form-group{display:flex;flex-direction:column;gap:6px}.payment-form-group label{color:#495057;font-size:13px;font-weight:500}.payment-input{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .3s;width:100%}.payment-input:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a;outline:none}.payment-input:disabled,.payment-input[readOnly]{background:#f8f9fa;cursor:not-allowed}.transfer-input{background:#f8f9fa;border-color:#6d22e6;color:#6d22e6;font-size:18px;font-weight:600}.custom-select-container,.custom-select-trigger{position:relative;width:100%}.custom-select-trigger{align-items:center;display:flex}.custom-select-input{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 36px 10px 12px;transition:all .3s;width:100%}.custom-select-input:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a;outline:none}.dropdown-icon{color:#6c757d;pointer-events:none;position:absolute;right:12px}.custom-select-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.custom-select-dropdown .dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background .2s}.custom-select-dropdown .dropdown-item:hover{background:#f1f0ff}.dropdown-icon-sm{color:#6d22e6;opacity:.6}.dropdown-empty,.dropdown-loading{color:#6c757d;font-size:13px;padding:12px 14px}.online-expense-summary{background:#f8f9fa;border-radius:8px;margin-bottom:16px;max-height:260px;overflow-y:auto;padding:12px 16px}.expense-summary-item{padding:8px 0}.expense-summary-item:last-child{padding-bottom:0}.expense-summary-row{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.summary-label{color:#6c757d}.summary-value{color:#2c3e50;font-weight:500}.expense-divider{border:none;border-top:1px dashed #dee2e6;margin:8px 0}.total-row{border-top:2px solid #e9ecef;margin-top:4px;padding-top:12px}.total-row .summary-value{font-size:16px;font-weight:700}.balance-row .summary-value{color:#28a745;font-size:16px;font-weight:600}.balance-row .balance-amount{color:#dc3545}.transfer-row{margin-top:12px}.transfer-row label{color:#2c3e50;font-size:14px;font-weight:600}.payment-modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.payment-modal-footer .btn-secondary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s}.payment-modal-footer .btn-secondary:hover:not(:disabled){background:#e9ecef}.payment-modal-footer .btn-pay{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 32px;transition:all .3s}.payment-modal-footer .btn-pay:hover:not(:disabled){box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.payment-modal-footer .btn-pay:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.payment-modal-body{gap:16px;grid-template-columns:1fr}.payment-details-section{border-right:none;padding-right:0}.online-details-section{padding-left:0}.payment-form-row{grid-template-columns:1fr}.payment-modal-content{max-height:95vh;width:100%}.payment-action-bar{flex-direction:column;gap:12px}.btn-pay{justify-content:center;width:100%}}.online-expense-summary::-webkit-scrollbar{width:6px}.online-expense-summary::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.online-expense-summary::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.online-expense-summary::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.bd-container{background:#f4f6fb;min-height:100vh;padding:24px}.bd-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.bd-title{align-items:center;color:#3b1fa0;display:flex;font-size:1.7rem;font-weight:700;gap:10px;margin:0 0 4px}.bd-title-icon{color:#6d22e6}.bd-subtitle{color:#6c757d;font-size:.9rem;margin:0}.bd-btn-primary{align-items:center;background:linear-gradient(135deg,#6d22e6,#3b1fa0);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:opacity .2s,transform .1s;white-space:nowrap}.bd-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.bd-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.bd-btn-secondary{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:10px;color:#444;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s}.bd-btn-secondary:hover{background:#e2e2e2}.bd-form-card{animation:slideDown .25s ease;background:#fff;border:1px solid #ede8fc;border-radius:16px;box-shadow:0 4px 20px #6d22e614;margin-bottom:24px;padding:24px}.bd-form-header{align-items:center;border-bottom:1px solid #ede8fc;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.bd-form-header h3{align-items:center;color:#3b1fa0;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.bd-close-btn{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:background .2s,color .2s}.bd-close-btn:hover{background:#f5f0ff;color:#6d22e6}.bd-section-label{color:#6d22e6;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:18px 0 10px;text-transform:uppercase}.bd-form{display:flex;flex-direction:column;gap:0}.bd-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:8px}.bd-form-group{display:flex;flex-direction:column;gap:5px}.bd-form-group label{color:#444;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bd-required{color:#e74c3c;margin-left:2px}.bd-input,.bd-select{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#333;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.bd-input:focus,.bd-select:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a}.bd-textarea{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.bd-textarea:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a}.bd-full-width{grid-column:1/-1}.bd-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.bd-table-card{background:#fff;border:1px solid #ede8fc;border-radius:16px;box-shadow:0 4px 20px #6d22e612;overflow:hidden}.bd-table-header{align-items:center;border-bottom:1px solid #f0eaff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.bd-table-title{align-items:center;color:#3b1fa0;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.bd-count{background:#ede8fc;border-radius:20px;color:#6d22e6;font-size:.75rem;font-weight:700;padding:2px 10px}.bd-table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bd-search-box{align-items:center;display:flex;position:relative}.bd-search-icon{color:#aaa;font-size:.85rem;left:12px;position:absolute}.bd-search-input{border:1px solid #dee2e6;border-radius:8px;font-size:.875rem;outline:none;padding:9px 32px 9px 36px;transition:border-color .2s;width:280px}.bd-search-input:focus{border-color:#6d22e6}.bd-clear-search{background:none;border:none;color:#aaa;cursor:pointer;font-size:1rem;line-height:1;position:absolute;right:8px}.bd-refresh-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#555;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:9px 14px;transition:background .2s}.bd-refresh-btn:hover{background:#f8f9fa}.bd-table-container{overflow-x:auto}.bd-table{border-collapse:collapse;font-size:.875rem;width:100%}.bd-table thead tr{background:#f8f5ff}.bd-table th{border-bottom:2px solid #ede8fc;color:#6d22e6;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.bd-table td{border-bottom:1px solid #f5f0ff;color:#333;padding:13px 16px;vertical-align:middle}.bd-table tbody tr{transition:background .15s}.bd-table tbody tr:hover{background:#faf8ff}.bd-row-inactive{opacity:.55}.bd-num{color:#999;font-size:.8rem;width:36px}.bd-bank-name{align-items:center;color:#3b1fa0;display:flex;font-weight:600;gap:8px}.bd-row-icon{color:#6d22e6;font-size:.85rem;opacity:.6}.bd-balance{align-items:center;color:#1a7a4a;display:flex;font-weight:600;gap:6px}.bd-money-icon{color:#2ecc71;font-size:.8rem}.bd-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:3px 10px}.bd-badge-active{background:#d4edda;color:#155724}.bd-badge-inactive{background:#f8d7da;color:#721c24}.bd-badge-type{background:#e8f0fe;color:#3b1fa0}.bd-badge-company{background:#e0f7f4;color:#00766c;font-weight:700;letter-spacing:.05em}.bd-action-cell{align-items:center;display:flex;gap:6px}.bd-delete-btn,.bd-edit-btn,.bd-toggle-btn{border:none;border-radius:7px;cursor:pointer;font-size:.85rem;padding:7px 10px;transition:opacity .2s,transform .1s}.bd-edit-btn{background:#e8f0fe;color:#3b1fa0}.bd-delete-btn{background:#fde8e8;color:#c0392b}.bd-toggle-btn{background:#f0faf4;color:#1a7a4a;font-size:1rem}.bd-delete-btn:hover,.bd-edit-btn:hover,.bd-toggle-btn:hover{opacity:.8;transform:scale(1.05)}.bd-empty-row,.bd-loading-row{color:#999;padding:40px 16px!important;text-align:center}.bd-empty-row{display:table-cell}.bd-empty-row p{font-size:.9rem;margin:10px 0 0}@media (max-width:768px){.bd-container{padding:16px}.bd-header{align-items:flex-start;flex-direction:column}.bd-search-input{width:100%}.bd-table-header{align-items:flex-start;flex-direction:column}.bd-table-actions{width:100%}}.payees-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.payees-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.payees-title{align-items:center;color:#2c3e50;display:flex;font-size:1.7rem;font-weight:700;gap:10px;margin:0 0 4px}.title-icon{color:#6d22e6;font-size:28px}.payees-subtitle{color:#6c757d;font-size:.9rem;margin:0}.payees-btn-primary{align-items:center;background:linear-gradient(135deg,#6d22e6,#8b4df2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.payees-btn-primary:hover{box-shadow:0 4px 12px #6d22e64d;transform:translateY(-1px)}.payees-btn-primary:disabled{cursor:not-allowed;opacity:.6}.payees-btn-secondary{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;color:#495057;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s}.payees-btn-secondary:hover{background:#e9ecef}.payees-form-card{animation:slideDown .25s ease;background:#fff;border:1px solid #ede8fc;border-radius:16px;box-shadow:0 4px 20px #6d22e614;margin-bottom:24px;padding:24px}.payees-form-header{align-items:center;border-bottom:1px solid #ede8fc;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.payees-form-header h3{align-items:center;color:#3b1fa0;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.payees-close-btn{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:background .2s}.payees-close-btn:hover{background:#f5f0ff;color:#6d22e6}.payees-section-label{color:#6d22e6;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:18px 0 10px;text-transform:uppercase}.payees-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:8px}.payees-form-group{display:flex;flex-direction:column;gap:5px}.payees-form-group label{color:#444;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.required{color:#e74c3c;margin-left:2px}.payees-input,.payees-select{border:1px solid #dee2e6;border-radius:8px;color:#333;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.payees-input:focus,.payees-select:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a}.payees-textarea{border:1px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;resize:vertical}.payees-textarea:focus{border-color:#6d22e6;box-shadow:0 0 0 3px #6d22e61a}.payees-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.payees-table-card{background:#fff;border:1px solid #ede8fc;border-radius:16px;box-shadow:0 4px 20px #6d22e612;overflow:hidden}.payees-table-header{align-items:center;border-bottom:1px solid #f0eaff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.payees-table-title{align-items:center;color:#3b1fa0;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.payees-count{background:#ede8fc;border-radius:20px;color:#6d22e6;font-size:.75rem;font-weight:700;padding:2px 10px}.payees-table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.payees-search-box{align-items:center;display:flex;position:relative}.payees-search-icon{color:#aaa;font-size:.85rem;left:12px;position:absolute}.payees-search-input{border:1px solid #dee2e6;border-radius:8px;font-size:.875rem;outline:none;padding:9px 32px 9px 36px;width:280px}.payees-search-input:focus{border-color:#6d22e6}.payees-clear-search{background:none;border:none;color:#aaa;cursor:pointer;font-size:1rem;position:absolute;right:8px}.payees-refresh-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#555;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:9px 14px;transition:background .2s}.payees-refresh-btn:hover{background:#f8f9fa}.payees-table-container{overflow-x:auto}.payees-table{border-collapse:collapse;font-size:.875rem;width:100%}.payees-table thead tr{background:#f8f5ff}.payees-table th{border-bottom:2px solid #ede8fc;color:#6d22e6;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.payees-table td{border-bottom:1px solid #f5f0ff;color:#333;padding:13px 16px;vertical-align:middle}.payees-table tbody tr:hover{background:#faf8ff}.payees-num{color:#999;font-size:.8rem;width:36px}.payees-name{align-items:center;color:#3b1fa0;display:flex;font-weight:600;gap:8px}.payees-row-icon{color:#6d22e6;font-size:.85rem;opacity:.6}.payees-vat{font-family:monospace;font-size:.8rem}.payees-action-cell{align-items:center;display:flex;gap:6px}.payees-delete-btn,.payees-edit-btn{border:none;border-radius:7px;cursor:pointer;font-size:.85rem;padding:7px 10px;transition:opacity .2s}.payees-edit-btn{background:#e8f0fe;color:#3b1fa0}.payees-delete-btn{background:#fde8e8;color:#c0392b}.payees-delete-btn:hover,.payees-edit-btn:hover{opacity:.8;transform:scale(1.05)}.payees-empty-row,.payees-loading-row{color:#999;padding:40px!important;text-align:center}@media (max-width:768px){.payees-container{padding:16px}.payees-header{align-items:flex-start;flex-direction:column}.payees-search-input{width:100%}.payees-table-header{align-items:flex-start;flex-direction:column}.payees-table-actions{width:100%}}:root{--erp-primary:var(--color-primary);--erp-primary-hover:var(--color-primary-dark);--erp-success:var(--color-success);--erp-warning:var(--color-warning);--erp-danger:var(--color-danger);--erp-danger-light:var(--color-danger-light);--erp-bg:var(--color-background);--erp-card-bg:var(--color-surface);--erp-text-main:var(--color-text);--erp-text-muted:var(--color-text-secondary);--erp-border:var(--color-border);--erp-input-bg:var(--color-surface);--erp-focus-ring:var(--color-focus-ring);--erp-radius-lg:16px;--erp-radius-md:12px;--erp-radius-sm:8px;--erp-shadow-sm:0 1px 2px 0 #0000000d;--erp-shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--erp-shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;--erp-font:var(--font-family);--erp-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.erp-wastage-container{background-color:var(--color-background);background-color:var(--erp-bg);box-sizing:border-box;color:var(--color-text);color:var(--erp-text-main);font-family:var(--font-family);font-family:var(--erp-font);min-height:100vh;padding:24px 24px 100px}.erp-page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.erp-header-left,.erp-page-header{align-items:center;display:flex;gap:16px}.erp-back-btn{align-items:center;background:var(--color-surface);background:var(--erp-card-bg);border:1px solid var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--erp-shadow-sm);color:var(--color-text-secondary);color:var(--erp-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition);width:40px}.erp-back-btn:hover{background:var(--color-background);background:var(--erp-bg);color:var(--color-text);color:var(--erp-text-main)}.erp-title-group{display:flex;flex-direction:column}.erp-breadcrumbs{align-items:center;color:var(--color-text-secondary);color:var(--erp-text-muted);display:flex;font-size:13px;gap:8px;margin-bottom:4px}.erp-breadcrumb-separator{font-size:10px;opacity:.5}.erp-breadcrumb-active{color:var(--color-primary);color:var(--erp-primary);font-weight:500}.erp-title-group h1{color:var(--color-text);color:var(--erp-text-main);font-size:24px;font-weight:600;margin:0}.erp-status-badge{align-items:center;background-color:#dbeafe;border-radius:20px;color:var(--color-primary);color:var(--erp-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-left:12px;padding:6px 12px}.erp-note-number{align-items:flex-end;background:var(--color-surface);background:var(--erp-card-bg);border:1px dashed var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);display:flex;flex-direction:column;padding:8px 16px}.erp-note-label{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.erp-note-value{color:var(--color-text);color:var(--erp-text-main);font-size:16px;font-weight:700}.erp-form-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 320px}.erp-main-content{display:flex;flex-direction:column;gap:24px}.erp-card{background:var(--color-surface);background:var(--erp-card-bg);border:1px solid #e2e8f099;border-radius:16px;border-radius:var(--erp-radius-lg);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--erp-shadow-md);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition)}.erp-card:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--erp-shadow-lg)}.erp-card-header{align-items:center;background:#f8fafc80;border-bottom:1px solid var(--erp-border);display:flex;justify-content:space-between;padding:20px 24px}.erp-card-header h2{align-items:center;color:var(--color-text);color:var(--erp-text-main);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.erp-card-icon{color:var(--color-primary);color:var(--erp-primary);opacity:.8}.erp-card-body{padding:24px}.erp-form-grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.erp-input-group{display:flex;flex-direction:column;gap:8px}.erp-input-group label{align-items:center;color:var(--color-text);color:var(--erp-text-main);display:flex;font-size:14px;font-weight:500;gap:6px}.erp-label-icon{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:12px}.erp-required{color:var(--color-danger);color:var(--erp-danger)}.erp-input,.erp-number-input,.erp-select,.erp-textarea{background-color:var(--color-surface);background-color:var(--erp-input-bg);border:1px solid var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);box-sizing:border-box;color:var(--color-text);color:var(--erp-text-main);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition);width:100%}.erp-input:focus,.erp-number-input:focus,.erp-select:focus,.erp-textarea:focus{background-color:var(--color-surface);background-color:var(--erp-card-bg);border-color:var(--erp-primary);box-shadow:0 0 0 3px var(--color-focus-ring);box-shadow:0 0 0 3px var(--erp-focus-ring);outline:none}.erp-textarea{resize:vertical}.erp-char-count{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:12px;margin-top:8px;text-align:right}.erp-table-container{overflow-x:auto}.erp-data-table{border-collapse:collapse;text-align:left;width:100%}.erp-data-table th{background-color:var(--color-background);background-color:var(--erp-bg);color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:10}.erp-data-table td,.erp-data-table th{border-bottom:1px solid var(--erp-border);padding:16px}.erp-data-table td{vertical-align:middle}.erp-table-row{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition)}.erp-table-row:hover{background-color:#f8fafccc}.erp-table-row:nth-child(2n){background-color:#f8fafc4d}.erp-readonly-badge{background:var(--color-background);background:var(--erp-bg);border:1px solid var(--erp-border);border-radius:8px;border-radius:var(--erp-radius-sm);color:var(--color-text-secondary);color:var(--erp-text-muted);display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.erp-price-input-group{align-items:center;display:flex;position:relative}.erp-currency{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute}.erp-price-input{padding-left:36px}.erp-latest-price-hint{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:11px;margin-top:4px}.erp-loss-highlight{background:var(--color-danger-light);background:var(--erp-danger-light);border-radius:8px;border-radius:var(--erp-radius-sm);color:var(--color-danger);color:var(--erp-danger);display:inline-block;font-weight:600;padding:8px 12px}.erp-table-footer{background:var(--color-surface);background:var(--erp-card-bg);border-top:1px solid var(--erp-border);padding:16px 24px}.erp-search-widget{position:relative}.erp-search-icon{color:var(--color-text-secondary);color:var(--erp-text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.erp-search-input{background-color:var(--color-surface);background-color:var(--erp-input-bg);border:1px solid var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);box-sizing:border-box;font-size:14px;padding:10px 16px 10px 36px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition);width:100%}.erp-search-input:focus{background-color:var(--color-surface);background-color:var(--erp-card-bg);border-color:var(--erp-primary);box-shadow:0 0 0 3px var(--color-focus-ring);box-shadow:0 0 0 3px var(--erp-focus-ring);outline:none}.erp-dropdown-menu{animation:slideDown .2s ease-out;background:var(--color-surface);background:var(--erp-card-bg);border:1px solid var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--erp-shadow-lg);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.erp-dropdown-item{border-bottom:1px solid var(--erp-border);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition)}.erp-dropdown-item:last-child{border-bottom:none}.erp-dropdown-item:hover{background-color:var(--color-background);background-color:var(--erp-bg)}.erp-item-info{align-items:center;display:flex;gap:8px}.erp-item-code{background:var(--color-primary);background:var(--erp-primary);border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 6px}.erp-item-name{color:var(--color-text);color:var(--erp-text-main);font-size:14px;font-weight:500}.erp-item-meta{font-size:12px;justify-content:space-between}.erp-dropdown-empty,.erp-item-meta{color:var(--color-text-secondary);color:var(--erp-text-muted);display:flex}.erp-dropdown-empty{align-items:center;gap:8px;justify-content:center;padding:16px;text-align:center}.erp-sidebar{position:sticky;top:24px}.erp-summary-panel{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-background) 100%);background:linear-gradient(180deg,var(--erp-card-bg) 0,var(--erp-bg) 100%);border:1px solid var(--erp-border);border-radius:16px;border-radius:var(--erp-radius-lg);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--erp-shadow-md);overflow:hidden}.erp-summary-header{border-bottom:1px solid #e2e8f099;padding:24px;text-align:center}.erp-summary-icon-wrapper{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;box-shadow:inset 0 2px 4px #ffffff80;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.erp-summary-header-icon{color:var(--color-primary);color:var(--erp-primary);font-size:20px}.erp-summary-header h3{color:var(--color-text);color:var(--erp-text-main);font-size:18px;font-weight:600;margin:0}.erp-summary-body{gap:16px;padding:24px}.erp-stat-card,.erp-summary-body{display:flex;flex-direction:column}.erp-stat-card{background:var(--color-surface);background:var(--erp-card-bg);border:1px solid var(--erp-border);border-radius:12px;border-radius:var(--erp-radius-md);gap:8px;padding:16px}.erp-stat-primary{background:var(--color-primary);background:var(--erp-primary);border-color:var(--erp-primary)}.erp-stat-primary .erp-stat-label{color:#fffc}.erp-stat-primary .erp-stat-value{color:#fff;font-size:24px}.erp-text-danger.erp-stat-value{color:#fff}.erp-stat-label{color:var(--color-text-secondary);color:var(--erp-text-muted);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.erp-stat-value{color:var(--color-text);color:var(--erp-text-main);font-size:20px;font-weight:700}.erp-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--erp-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition)}.erp-btn-primary{background-color:var(--color-primary);background-color:var(--erp-primary);box-shadow:0 4px 6px -1px #2563eb33;color:#fff}.erp-btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);background-color:var(--erp-primary-hover);box-shadow:0 6px 8px -1px #2563eb4d;transform:translateY(-1px)}.erp-btn-secondary{background-color:var(--color-surface);background-color:var(--erp-input-bg);border:1px solid var(--erp-border);color:var(--color-text);color:var(--erp-text-main)}.erp-btn-secondary:hover{background-color:#f1f5f9}.erp-btn-ghost{background:#0000;color:var(--color-text-secondary);color:var(--erp-text-muted)}.erp-btn-ghost:hover{background:var(--color-surface);background:var(--erp-input-bg);color:var(--color-text);color:var(--erp-text-main)}.erp-icon-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--erp-radius-sm);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--erp-transition);width:36px}.erp-btn-danger{background-color:var(--color-danger-light);background-color:var(--erp-danger-light);color:var(--color-danger);color:var(--erp-danger)}.erp-btn-danger:hover:not(:disabled){background-color:var(--color-danger);background-color:var(--erp-danger);color:#fff}.erp-btn-danger:disabled{cursor:not-allowed;opacity:.5}.erp-action-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-top:1px solid var(--erp-border);bottom:0;box-shadow:0 -4px 6px -1px #0000000d;left:0;padding:16px 24px;position:fixed;right:0;z-index:100}.erp-action-bar-content{display:flex;gap:16px;justify-content:flex-end;margin:0 auto;max-width:1200px}.erp-skeleton-container{padding:24px}.erp-skeleton-header{margin-bottom:32px}.erp-skeleton-title{border-radius:8px;height:32px;margin-bottom:8px;width:200px}.erp-skeleton-breadcrumb,.erp-skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%}.erp-skeleton-breadcrumb{border-radius:4px;height:16px;width:150px}.erp-skeleton-card{background:#fff;border:1px solid var(--erp-border);border-radius:16px;margin-bottom:24px;padding:24px}.erp-skeleton-row{border-radius:8px;height:48px;margin-bottom:16px}.erp-skeleton-row,.erp-skeleton-tall{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%}.erp-skeleton-tall{height:300px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.erp-form-layout{grid-template-columns:1fr}.erp-sidebar{position:static}.erp-summary-body{flex-direction:row;flex-wrap:wrap}.erp-stat-card{flex:1 1;min-width:200px}}@media (max-width:768px){.erp-form-grid-3{grid-template-columns:1fr}.erp-data-table{min-width:800px}.erp-summary-body{flex-direction:column}.erp-stat-card{width:100%}}:root{--primary:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-light:var(--color-primary-light);--primary-gradient:linear-gradient(135deg,var(--primary),var(--primary-dark));--success:var(--color-success);--success-light:var(--color-success-light);--success-border:#22c55e2e;--warning:var(--color-warning);--warning-light:var(--color-warning-light);--warning-border:#f59e0b2e;--danger:var(--color-danger);--danger-light:var(--color-danger-light);--danger-border:#ef44442e;--info:var(--color-info);--info-light:var(--color-info-light);--background:var(--color-background);--surface:var(--color-surface);--surface-hover:var(--color-surface-hover);--border:var(--color-border);--border-dark:var(--color-border-light);--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--text-white:#fff;--heading-primary:#2c3e50;--heading-secondary:#4a5568;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 15px #0000000d;--shadow-lg:0 10px 30px #00000014;--shadow-xl:0 20px 50px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--input-height:48px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.35s ease}.adjustments-container{background-color:var(--color-background);background-color:var(--background);color:#2d3748;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);margin:0 auto;max-width:1600px;min-height:calc(100vh - 60px);padding:24px;padding:var(--spacing-xl)}.adjustments-header{align-items:flex-start;border-left:5px solid var(--primary);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding-left:16px;padding-left:var(--spacing-lg)}.adjustments-header-left{flex:1 1}.adjustments-header h1{color:#2c3e50;color:var(--heading-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.025em;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.adjustments-header p{color:#718096;color:var(--text-muted);font-size:1rem;font-size:var(--font-size-md);font-weight:400;margin:0}.adjustments-header-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.summary-cards{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.summary-card{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.summary-card:hover{box-shadow:0 4px 15px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-card.primary:before{background:var(--color-primary);background:var(--primary)}.summary-card.success:before{background:var(--color-success);background:var(--success)}.summary-card.danger:before{background:var(--color-danger);background:var(--danger)}.summary-card.warning:before{background:var(--color-warning);background:var(--warning)}.summary-card-label{color:#718096;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.summary-card-value{color:#2d3748;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.summary-card-sub{color:#a0aec0;color:var(--text-light);font-size:.75rem;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--spacing-xs)}.summary-card-icon{font-size:1.5rem;font-size:var(--font-size-2xl);opacity:.15;position:absolute;right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg)}.filter-card{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-xl)}.filter-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.filter-header,.filter-header h4{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.filter-header h4{color:#4a5568;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);font-weight:600;margin:0}.filter-toggle{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#718096;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.filter-toggle:hover{background:var(--color-surface-hover);background:var(--surface-hover);color:#2d3748;color:var(--text-primary)}.filter-form{grid-gap:16px;grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.filter-group{flex-direction:column}.filter-group,.filter-group label{display:flex;gap:4px;gap:var(--spacing-xs)}.filter-group label{align-items:center;color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.filter-group input,.filter-group select{background:var(--color-surface);background:var(--surface);border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#2d3748;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);height:48px;height:var(--input-height);padding:0 12px;padding:0 var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3498db1f;outline:none}.filter-group input::placeholder{color:#a0aec0;color:var(--text-light)}.filter-actions{display:flex;padding-top:4px;padding-top:var(--spacing-xs)}.btn,.filter-actions{align-items:center;gap:8px;gap:var(--spacing-sm)}.btn{border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;height:48px;height:var(--input-height);justify-content:center;min-width:100px;padding:0 24px;padding:0 var(--spacing-xl);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));background:var(--primary-gradient);box-shadow:0 2px 8px #3498db40;color:#fff;color:var(--text-white)}.btn-primary:hover{box-shadow:0 4px 12px #3498db59;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-border);background:var(--border);color:#4a5568;color:var(--text-secondary)}.btn-secondary:hover{background:var(--color-border-light);background:var(--border-dark)}.btn-success{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 2px 8px #38a16940;color:var(--text-white)}.btn-success:hover{box-shadow:0 4px 12px #38a16959;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 2px 8px #e53e3e40;color:var(--text-white)}.btn-danger:hover{box-shadow:0 4px 12px #e53e3e59;transform:translateY(-2px)}.btn-outline{background:#0000}.btn-outline:hover{background:var(--color-primary);background:var(--primary);color:#fff;color:var(--text-white)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);height:36px;min-width:auto;padding:0 12px;padding:0 var(--spacing-md)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.data-card{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden}.data-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:space-between;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl)}.data-card-header h3{color:#4a5568;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);font-weight:600;margin:0}.data-card-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.adjustments-table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.adjustments-table thead{position:sticky;top:0;z-index:10}.adjustments-table th{background:var(--color-surface-hover);background:var(--surface-hover);border-bottom:2px solid var(--border);color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-align:center;text-transform:uppercase;transition:background .15s ease;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.adjustments-table th:hover{background:#edf2f7}.adjustments-table th .sort-icon{margin-left:4px;margin-left:var(--spacing-xs);opacity:.4}.adjustments-table th.active .sort-icon{color:var(--color-primary);color:var(--primary);opacity:1}.adjustments-table td{border-bottom:1px solid var(--border);color:#2d3748;color:var(--text-primary);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-align:center;vertical-align:middle}.adjustments-table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}.adjustments-table tbody tr:nth-child(2n){background-color:#fafbfc}.adjustments-table tbody tr:hover td{background-color:var(--color-info-light);background-color:var(--info-light)}.adjustments-table tbody tr.selected-row td{background-color:var(--color-info-light)!important;background-color:var(--info-light)!important;border-left:3px solid var(--primary)}.adjustments-table .empty-state{color:#a0aec0!important;color:var(--text-light)!important;font-style:italic;padding:40px!important;padding:var(--spacing-3xl)!important;text-align:center}.adjustments-table .loading-state{color:var(--color-primary);color:var(--primary);font-weight:500;padding:40px;padding:var(--spacing-3xl);text-align:center}.status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:4px;gap:var(--spacing-xs);letter-spacing:.3px;padding:4px 12px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.status-badge:before{border-radius:50%;content:"";display:inline-block;height:6px;margin-right:4px;margin-right:var(--spacing-xs);width:6px}.status-badge.completed{background:var(--color-success-light);background:var(--success-light);color:var(--color-success);color:var(--success)}.status-badge.completed:before{background:var(--color-success);background:var(--success)}.status-badge.pending{background:var(--color-warning-light);background:var(--warning-light);color:var(--color-warning);color:var(--warning)}.status-badge.pending:before{background:var(--color-warning);background:var(--warning)}.status-badge.approved{background:var(--color-info-light);background:var(--info-light);color:var(--color-primary);color:var(--primary)}.status-badge.approved:before{background:var(--color-primary);background:var(--primary)}.status-badge.cancelled{background:var(--color-danger-light);background:var(--danger-light);color:var(--color-danger);color:var(--danger)}.status-badge.cancelled:before{background:var(--color-danger);background:var(--danger)}.status-badge.draft{background:#f3f4f6;color:#718096;color:var(--text-muted)}.status-badge.draft:before{background:#a0aec0;background:var(--text-light)}.pagination{background:var(--color-surface-hover);background:var(--surface-hover);border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:space-between;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl)}.pagination-controls{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.page-btn{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:4px;gap:var(--spacing-xs);height:36px;justify-content:center;min-width:36px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--color-surface-hover);background:var(--surface-hover);border-color:var(--border-dark)}.page-btn.active{background:var(--color-primary);background:var(--primary);border-color:var(--primary);color:#fff;color:var(--text-white)}.page-info{font-weight:500}.page-info,.pagination-entries{font-size:.875rem;font-size:var(--font-size-sm)}.pagination-entries{color:#718096;color:var(--text-muted)}.details-panel{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000014;box-shadow:var(--shadow-lg);margin-top:24px;margin-top:var(--spacing-xl);padding:24px;padding:var(--spacing-xl)}.details-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding-bottom:12px;padding-bottom:var(--spacing-md)}.details-panel-header h3{color:#2c3e50;color:var(--heading-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin:0}.close-btn{border-radius:6px;border-radius:var(--radius-sm);color:#a0aec0;color:var(--text-light);cursor:pointer;font-size:1.5rem;font-size:var(--font-size-2xl);line-height:1;padding:4px;padding:var(--spacing-xs);transition:color .15s ease;transition:color var(--transition-fast)}.close-btn:hover{background:var(--color-danger-light);background:var(--danger-light);color:var(--color-danger);color:var(--danger)}.details-grid{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#718096;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#2d3748;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:500}.reason-text{background:var(--color-surface-hover);background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);margin-top:4px;margin-top:var(--spacing-xs);padding:12px;padding:var(--spacing-md)}.adjustments-form{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-2xl)}.form-section{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-xl)}.form-section-title{align-items:center;border-bottom:2px solid var(--border);color:#2c3e50;color:var(--heading-primary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:8px;gap:var(--spacing-sm);margin:0 0 24px;margin:0 0 var(--spacing-xl) 0;padding-bottom:12px;padding-bottom:var(--spacing-md)}.form-grid{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-group{gap:4px;gap:var(--spacing-xs)}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#4a5568;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:4px;gap:var(--spacing-xs)}.form-group label .required{color:var(--color-danger);color:var(--danger);font-weight:700;margin-left:4px;margin-left:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface);background:var(--surface);border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#2d3748;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);height:48px;height:var(--input-height);padding:0 12px;padding:0 var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-group textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);height:auto;min-height:80px;padding:12px;padding:var(--spacing-md);resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3498db1f;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-surface-hover);background:var(--surface-hover);cursor:not-allowed}.form-group input.readonly-input,.form-group select.readonly-input,.form-group textarea.readonly-input{background:var(--color-surface-hover)!important;background:var(--surface-hover)!important;border-color:var(--border)!important;color:#4a5568!important;color:var(--text-secondary)!important;cursor:default}.form-group .help-text{color:#a0aec0;color:var(--text-light)}.form-group .error-text,.form-group .help-text{font-size:.75rem;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--spacing-xs)}.form-group .error-text{color:var(--color-danger);color:var(--danger)}.form-actions{border-top:1px solid var(--border);display:flex;gap:12px;gap:var(--spacing-md);justify-content:flex-end;margin-top:12px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-lg)}.stock-count-table{min-width:960px}.stock-count-table th{font-size:.75rem;font-size:var(--font-size-xs);white-space:nowrap}.stock-count-table td{padding:8px;padding:var(--spacing-sm) var(--spacing-sm);vertical-align:top}.table-input{background:var(--color-surface);background:var(--surface);border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#2d3748;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);height:40px;padding:0 8px;padding:0 var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3498db1f;outline:none}.table-input:disabled{background:var(--color-surface-hover);background:var(--surface-hover);cursor:not-allowed}.table-input.readonly-input{background:var(--color-surface-hover)!important;background:var(--surface-hover)!important;border-color:var(--border)!important;color:#4a5568!important;color:var(--text-secondary)!important;cursor:default}.table-input.text-danger{color:var(--color-danger)!important;color:var(--danger)!important;font-weight:700!important}.table-input.text-success{color:var(--color-success)!important;color:var(--success)!important;font-weight:700!important}.table-input.bg-danger-light{background:var(--color-danger-light)!important;background:var(--danger-light)!important;border-color:#ef44442e!important;border-color:var(--danger-border)!important}select.table-input{appearance:auto;min-width:180px}textarea.table-input{height:60px;min-width:160px;padding:8px;padding:var(--spacing-sm);resize:vertical}.row-number{color:#a0aec0;color:var(--text-light);font-weight:600;min-width:32px;text-align:center}.btn-remove-row,.row-number{font-size:.875rem;font-size:var(--font-size-sm)}.btn-remove-row{align-items:center;background:#0000;border:1px solid #ef44442e;border:1px solid var(--danger-border);border-radius:6px;border-radius:var(--radius-sm);color:var(--color-danger);color:var(--danger);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:36px}.btn-remove-row:hover{background:var(--color-danger-light);background:var(--danger-light);border-color:var(--danger)}.alert-message{align-items:center;animation:slideIn .3s ease-out;border-left:4px solid #0000;border-radius:10px;border-radius:var(--radius-md);display:flex;font-weight:500;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl)}.alert-message.success{background:var(--color-success-light);background:var(--success-light);border-color:var(--success);color:var(--color-success);color:var(--success)}.alert-message.error{background:var(--color-danger-light);background:var(--danger-light);border-color:var(--danger);color:var(--color-danger);color:var(--danger)}.alert-message.warning{background:var(--color-warning-light);background:var(--warning-light);border-color:var(--warning);color:var(--color-warning);color:var(--warning)}.alert-message.info{background:var(--color-info-light);background:var(--info-light);border-color:var(--primary);color:var(--color-primary);color:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;padding:var(--spacing-xl);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);background:var(--color-surface);background:var(--surface);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 50px #0000001f;box-shadow:var(--shadow-xl);max-width:560px;padding:32px;padding:var(--spacing-2xl);width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{align-items:center;border-radius:50%;display:flex;font-size:1.875rem;font-size:var(--font-size-3xl);height:64px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--spacing-lg);width:64px}.modal-icon.danger{background:var(--color-danger-light);background:var(--danger-light);color:var(--color-danger);color:var(--danger)}.modal-icon.success{background:var(--color-success-light);background:var(--success-light);color:var(--color-success);color:var(--success)}.modal-icon.warning{background:var(--color-warning-light);background:var(--warning-light);color:var(--color-warning);color:var(--warning)}.modal-icon.info{background:var(--color-info-light);background:var(--info-light);color:var(--color-primary);color:var(--primary)}.modal-title{color:#2c3e50;color:var(--heading-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm);text-align:center}.modal-message{color:#4a5568;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);line-height:1.6;margin:0 0 24px;margin:0 0 var(--spacing-xl);text-align:center}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:center}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;width:100%}.skeleton-text-sm{height:12px;width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-table-row{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(8,1fr);padding:12px 0;padding:var(--spacing-md) 0}@media (max-width:1024px){.adjustments-container{padding:16px;padding:var(--spacing-lg)}.filter-form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.adjustments-container{padding:12px;padding:var(--spacing-md)}.adjustments-header{flex-direction:column;padding-left:12px;padding-left:var(--spacing-md)}.adjustments-header h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.summary-cards{gap:12px;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.summary-card{padding:12px;padding:var(--spacing-md)}.summary-card-value{font-size:1.25rem;font-size:var(--font-size-xl)}.filter-form{gap:12px;gap:var(--spacing-md);grid-template-columns:1fr}.filter-actions{flex-direction:column;width:100%}.filter-actions .btn{width:100%}.form-grid{gap:12px;gap:var(--spacing-md);grid-template-columns:1fr}.form-section{padding:12px;padding:var(--spacing-md)}.stock-count-table{min-width:700px}.pagination{align-items:center;flex-direction:column;gap:12px;gap:var(--spacing-md)}.pagination-controls{flex-wrap:wrap;justify-content:center}.details-grid{gap:12px;gap:var(--spacing-md);grid-template-columns:1fr}.modal-content{margin:12px;margin:var(--spacing-md);padding:24px;padding:var(--spacing-xl)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.form-actions{flex-direction:column}.adjustments-header-actions,.form-actions .btn{width:100%}.adjustments-header-actions .btn{flex:1 1}.data-card-header{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.data-card-actions{flex-wrap:wrap}.data-card-actions .btn{flex:1 1;min-width:80px}}@media (max-width:480px){.adjustments-container{padding:8px;padding:var(--spacing-sm)}.summary-cards{gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.summary-card{padding:8px;padding:var(--spacing-sm)}.summary-card-value{font-size:1.125rem;font-size:var(--font-size-lg)}.stock-count-table{min-width:500px}.adjustments-table td,.adjustments-table th{font-size:.75rem;font-size:var(--font-size-xs);padding:8px;padding:var(--spacing-sm)}.status-badge{font-size:10px;padding:2px 8px;padding:2px var(--spacing-sm)}}@media (min-width:1440px){.adjustments-container{padding:40px;padding:var(--spacing-3xl)}.filter-form{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.summary-cards{grid-template-columns:repeat(4,1fr)}}@media print{.adjustments-container{background:#fff!important;padding:20px!important}.add-row-actions,.btn,.close-btn,.filter-card,.form-actions,.pagination{display:none!important}.data-card{border:1px solid #ddd!important;box-shadow:none!important}.adjustments-table th{background:#f5f5f5!important}.summary-cards{display:none!important}}.add-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-lg);justify-content:flex-start;padding:12px 0 4px;padding:var(--spacing-md) 0 var(--spacing-xs)}.add-row-actions .btn-add-row{align-items:center;background:linear-gradient(135deg,#38a169,#2f855a);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 8px #38a16940;color:#fff;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:8px;gap:var(--spacing-sm);height:40px;min-width:auto;padding:0 24px;padding:0 var(--spacing-xl);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap;width:auto}.add-row-actions .btn-add-row:hover{box-shadow:0 4px 12px #38a16959;transform:translateY(-2px)}.add-row-actions .btn-add-row:active{transform:translateY(0)}.add-row-actions .btn-add-row:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.add-row-actions .help-text{color:#718096;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.add-row-actions .item-count-badge{background:var(--color-surface-hover);background:var(--surface-hover);border:1px solid var(--border);border-radius:100px;color:#4a5568;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;min-width:24px;padding:4px 12px;padding:var(--spacing-xs) var(--spacing-md);text-align:center}.ih-payment-type-row{display:flex;gap:10px;margin-bottom:20px}.ih-type-btn{align-items:center;background:var(--color-surface);background:var(--surface);border:2px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.ih-type-btn.active{background:var(--color-primary-light);background:var(--primary-light)}.ih-type-btn.active,.ih-type-btn:hover:not(.active){border-color:var(--primary);color:var(--color-primary);color:var(--primary)}.ih-type-tag{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 8px}.ih-type-tag.cash{background:#dcfce7;color:#15803d}.ih-type-tag.cheque{background:#dbeafe;color:#1d4ed8}.ih-balance-chip{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2563eb);border-radius:8px;color:#fff;display:inline-flex;font-size:13px;gap:8px;margin-bottom:14px;padding:8px 16px}.ih-balance-chip strong{font-size:15px}.ih-hint{color:#718096;color:var(--text-muted);display:block;font-size:11px;margin-top:3px}.ih-form-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.ih-form-modal{animation:slideUp .25s ease;background:#fff;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 50px #0000001f;box-shadow:var(--shadow-xl);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ih-form-header{justify-content:space-between;padding:20px 24px 0}.ih-form-header,.ih-form-title{align-items:center;display:flex}.ih-form-title{gap:12px}.ih-form-title h2{color:#2c3e50;color:var(--heading-primary);font-size:18px;margin:0}.ih-title-icon{font-size:22px}.ih-ref-badge,.ih-title-icon{color:var(--color-primary);color:var(--primary)}.ih-ref-badge{background:var(--color-primary-light);background:var(--primary-light);border-radius:100px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.ih-close-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#718096;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s,background .2s}.ih-close-btn:hover{background:var(--color-danger-light);background:var(--danger-light);color:var(--color-danger);color:var(--danger)}.ih-form{padding:20px 24px 24px}.ih-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ih-form-group{margin-bottom:14px}.ih-form-group label{color:#4a5568;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ih-form-group .required{color:var(--color-danger);color:var(--danger);margin-left:2px}.ih-form-group input,.ih-form-group select,.ih-form-group textarea{background:#fff;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;font-size:14px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.ih-form-group input:focus,.ih-form-group select:focus,.ih-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-light);box-shadow:0 0 0 3px var(--primary-light);outline:none}.ih-message{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 24px}.ih-message-success{background:#ecfdf5;color:#15803d}.ih-message-error{background:#fef2f2;color:#dc2626}.ih-submit-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;padding:12px;transition:opacity .2s;width:100%}.ih-submit-btn:hover:not(:disabled){opacity:.9}.ih-submit-btn:disabled{cursor:not-allowed;opacity:.5}.ih-loading{color:#718096;color:var(--text-muted);font-size:14px;padding:32px;text-align:center}.ih-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:20px}.ih-stat-card{align-items:center;background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:14px 18px}.ih-stat-card svg{color:#718096;color:var(--text-muted);font-size:20px}.ih-stat-card.success svg{color:var(--color-success);color:var(--success)}.ih-stat-card.warning svg{color:var(--color-warning);color:var(--warning)}.ih-stat-card.danger svg{color:var(--color-danger);color:var(--danger)}.ih-stat-value{color:#2c3e50;color:var(--heading-primary);font-size:22px;font-weight:800}.ih-stat-label{color:#718096;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.ih-empty-state,.ih-loading-state{color:#718096;color:var(--text-muted);padding:60px 20px;text-align:center}.ih-loading-state p{margin-top:12px}.ih-empty-state .empty-icon{color:var(--color-border);color:var(--border);margin-bottom:16px}.ih-empty-state h3{color:#4a5568;color:var(--text-secondary);margin:0 0 6px}.ih-empty-state p{font-size:13px}.ref-no-badge{background:var(--color-primary-light);background:var(--primary-light);border-radius:4px;color:var(--color-primary);color:var(--primary);font-family:monospace;font-size:12px;font-weight:700;padding:2px 8px}.cheque-chip{background:#dbeafe;border-radius:4px;color:#1d4ed8;font-size:11px;margin-left:4px;padding:2px 6px}.amount-cell{color:#2c3e50;color:var(--heading-primary);font-weight:700}.text-right{text-align:right}.text-muted{color:#718096;color:var(--text-muted)}.row-busy{opacity:.6;pointer-events:none}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;height:30px;justify-content:center;transition:background .2s;width:30px}.btn-action.view{background:#e0f2fe;color:#0369a1}.btn-action.edit{background:#fef9c3;color:#92400e}.btn-action.submit{background:#e0f2fe;color:#0369a1}.btn-action.approve{background:#dcfce7;color:#15803d}.btn-action.cancel{background:#fee2e2;color:#dc2626}.btn-action:hover{filter:brightness(.9)}.btn-action:disabled{cursor:not-allowed;opacity:.4}.ih-toast{align-items:center;animation:toastIn .3s ease;border-radius:10px;border-radius:var(--radius-md);bottom:24px;box-shadow:0 10px 30px #00000014;box-shadow:var(--shadow-lg);display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;position:fixed;right:24px;z-index:2000}.ih-toast-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#15803d}.ih-toast-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ih-drawer-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:900}.ih-drawer{animation:slideInRight .25s ease;background:#fff;box-shadow:-8px 0 40px #00000026;height:100%;max-width:100vw;overflow-y:auto;width:420px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ih-drawer-header{align-items:flex-start;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 20px 16px;position:sticky;top:0;z-index:1}.ih-drawer-header h3{align-items:center;color:#2c3e50;color:var(--heading-primary);display:flex;font-size:16px;gap:8px;margin:0 0 6px}.ih-drawer-body{padding:20px}.ih-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ih-detail-item{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);padding:10px 12px}.ih-detail-item.full-width{grid-column:1/-1}.ih-detail-item>span{color:#718096;color:var(--text-muted);display:block;font-size:11px;font-weight:600;margin-bottom:3px;text-transform:uppercase}.ih-detail-item>strong{color:#2c3e50;color:var(--heading-primary);font-size:13px;word-break:break-all}.ih-amount{color:var(--color-success)!important;color:var(--success)!important;font-size:18px!important}.ih-drawer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.btn-info{background:#0ea5e9}.btn-info,.btn-success{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.btn-success{background:var(--color-success);background:var(--success)}.btn-danger{background:var(--color-danger);background:var(--danger);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff}.btn-danger,.btn-outline{align-items:center;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.btn-outline{background:#fff;border:1.5px solid var(--primary);border-radius:10px;border-radius:var(--radius-md);color:var(--color-primary);color:var(--primary)}.ih-audit-toggle{align-items:center;background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding:10px 14px;transition:background .2s;width:100%}.ih-audit-toggle:hover{background:var(--color-surface-hover);background:var(--surface-hover)}.ih-audit-log{padding:4px 0}.ih-audit-header{align-items:center;color:#4a5568;color:var(--text-secondary);display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:12px}.ih-audit-step,.ih-audit-timeline{position:relative}.ih-audit-step{display:flex;gap:12px;padding-bottom:16px}.ih-audit-step:not(.last):before{background:var(--color-border);background:var(--border);bottom:0;content:"";left:15px;position:absolute;top:30px;width:2px}.ih-audit-dot{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:13px;height:32px;justify-content:center;min-width:32px;width:32px}.ih-audit-body{flex:1 1}.ih-audit-action{color:#2c3e50;color:var(--heading-primary);font-size:13px;font-weight:700;margin-bottom:2px}.ih-audit-meta{color:#718096;color:var(--text-muted);display:flex;font-size:11px;gap:10px;margin-bottom:4px}.ih-audit-user{font-weight:600}.ih-audit-details{display:flex;flex-wrap:wrap;gap:6px}.ih-audit-details>span{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:4px;color:#4a5568;color:var(--text-secondary);font-size:11px;padding:2px 8px}.ih-audit-empty,.ih-audit-error,.ih-audit-loading{color:#718096;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.ih-audit-error{color:var(--color-danger);color:var(--danger)}.pagination-section{align-items:center;display:flex;gap:14px;justify-content:center;padding:16px 0}.page-btn{background:var(--color-surface);background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:13px;font-weight:600;padding:7px 16px}.page-btn:disabled{opacity:.4}.page-btn:hover:not(:disabled){background:var(--color-primary-light);background:var(--primary-light);border-color:var(--primary);color:var(--color-primary);color:var(--primary)}.page-info{color:#718096;color:var(--text-muted);font-size:13px}@media (max-width:640px){.ih-detail-grid,.ih-form-row{grid-template-columns:1fr}.ih-drawer{width:100vw}}.report-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.report-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.report-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.btn-export-excel{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-export-excel:hover{background:#218838;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.dept-return-iw-filters{margin-bottom:20px;width:100%}.dept-return-iw-filters .filters-form{width:100%}.dept-return-iw-filters .filter-row{align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;width:100%}.dept-return-iw-filters .filter-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.dept-return-iw-filters .filter-group label{align-items:center;display:flex;font-size:13px;font-weight:500;height:16px;line-height:16px;margin-bottom:6px;min-height:16px;white-space:nowrap}.dept-return-iw-filters .filter-group .filter-input,.dept-return-iw-filters .filter-group .filter-select{appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;height:36px;line-height:1.4;margin:0;min-width:0;padding:6px 10px;transition:border-color .2s ease;width:100%}.dept-return-iw-filters .filter-group .filter-input:focus,.dept-return-iw-filters .filter-group .filter-select:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933;outline:none}.dept-return-iw-filters .filter-group .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.dept-return-iw-filters .filter-group input[type=date]{padding-right:10px}.dept-return-iw-filters .search-group{flex:1.4 1}.dept-return-iw-filters .search-input-wrapper{position:relative;width:100%}.dept-return-iw-filters .search-input-wrapper .search-input{height:36px!important;padding-right:32px}.dept-return-iw-filters .clear-search{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.dept-return-iw-filters .clear-search:hover{color:#333}.dept-return-iw-filters .filter-actions{align-items:center;display:flex;flex:0 0 auto!important;gap:8px;height:36px;padding-bottom:0}.dept-return-iw-filters .filter-actions .btn{align-items:center;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;padding:0 16px;transition:all .2s ease;white-space:nowrap}.dept-return-iw-filters .filter-actions .btn:hover{background:#e8e8e8;border-color:#bbb}.dept-return-iw-filters .filter-actions .btn-primary{background:#4a90d9;border-color:#4a90d9;color:#fff}.dept-return-iw-filters .filter-actions .btn-primary:hover{background:#357abd;border-color:#357abd}.dept-return-iw-filters .filter-actions .btn-secondary{background:#f0f0f0;border-color:#ddd;color:#555}.dept-return-iw-filters .filter-actions .btn-secondary:hover{background:#e0e0e0;border-color:#ccc}.table-container{margin-top:20px;overflow-x:auto}.report-table{border-collapse:collapse;font-size:14px;width:100%}.report-table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.report-table thead th.sortable:hover{background:#e9ecef}.report-table tbody td{border-bottom:1px solid #f0f0f0;padding:8px 12px}.report-table tbody tr:hover{background:#f8f9fa}.quantity-cell{font-weight:500;text-align:right}.code-badge,.ref-badge,.unit-badge{background:#e9ecef}.code-badge,.reason-badge,.ref-badge,.unit-badge{border-radius:3px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.reason-excess{background:#d4edda;color:#155724}.reason-damaged{background:#f8d7da;color:#721c24}.reason-wrong-issue{background:#fff3cd;color:#856404}.reason-expired{background:#f5c6cb;color:#721c24}.reason-other{background:#e2e3e5;color:#383d41}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:10px 0}.page-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;padding:6px 16px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6c757d;font-size:14px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90d9;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#6c757d;margin:0 0 16px}@media (max-width:900px){.dept-return-iw-filters{-webkit-overflow-scrolling:touch;overflow-x:auto}.dept-return-iw-filters .filter-row{flex-wrap:nowrap!important;min-width:800px}.report-header{align-items:flex-start;flex-direction:column;gap:10px}.btn-export-excel{align-self:flex-start}}@media (max-width:600px){.dept-return-iw-filters .filter-row{gap:10px;min-width:700px}.dept-return-iw-filters .filter-group label{font-size:12px;height:14px;line-height:14px;min-height:14px}.dept-return-iw-filters .filter-group .filter-input,.dept-return-iw-filters .filter-group .filter-select{font-size:13px;height:32px;padding:4px 8px}.dept-return-iw-filters .filter-actions{height:32px}.dept-return-iw-filters .filter-actions .btn{font-size:13px;height:32px;padding:0 12px}.dept-return-iw-filters .search-input-wrapper .search-input{height:32px!important}.report-table{font-size:12px}.report-table tbody td,.report-table thead th{padding:6px 8px}}.report-container{width:100%}.controls-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;width:100%}.form-group{display:flex;flex-direction:column;min-width:220px}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.date-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;height:40px;padding:8px 12px}.filter-select{min-width:220px}.action-buttons-container{justify-content:flex-end}.action-buttons-row{display:flex;gap:10px}.hidden-label{visibility:hidden}@media(max-width:768px){.controls-row{align-items:stretch;flex-direction:column}.filter-select,.form-group{width:100%}}.fl-container{margin:0 auto;max-width:1200px;padding:24px}.fl-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.fl-header h2{color:#1a1a2e;font-size:22px;margin:0}.fl-controls,.fl-header h2{align-items:center;display:flex;gap:10px}.fl-controls label{color:#555;font-size:13px;font-weight:600}.fl-controls select{border:1px solid #d5d9e0;border-radius:8px;font-size:14px;min-width:220px;padding:8px 12px}.fl-balance-card{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2b6cb0);border-radius:12px;color:#fff;display:flex;font-size:15px;justify-content:space-between;margin-bottom:20px;padding:18px 22px}.fl-balance-card strong{font-size:22px}.fl-filters{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e5e8ee;border-radius:10px;display:grid;gap:10px;grid-template-columns:auto repeat(4,minmax(0,1fr));margin-bottom:14px;padding:12px 14px}.fl-filter-icon{color:#888;justify-self:start}.fl-filters input,.fl-filters select{border:1px solid #d5d9e0;border-radius:7px;box-sizing:border-box;font-size:13px;padding:7px 10px;width:100%}@media (max-width:900px){.fl-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-filter-icon{grid-column:1/-1}}@media (max-width:600px){.fl-filters{grid-template-columns:1fr}}.fl-table-wrapper{background:#fff;border:1px solid #e5e8ee;border-radius:12px;overflow:hidden;overflow-x:auto}.fl-table{border-collapse:collapse;min-width:820px;width:100%}.fl-table thead{background:#f4f7fc;position:sticky;top:0;z-index:1}.fl-table th{border-bottom:2px solid #e5e8ee;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;padding:13px 16px;text-transform:uppercase;white-space:nowrap}.fl-table th:not(.fl-num){text-align:left}.fl-table td{border-bottom:1px solid #f0f2f6;color:#1a1a2e;font-size:13.5px;padding:13px 16px;vertical-align:middle;white-space:nowrap}.fl-table tbody tr:last-child td{border-bottom:none}.fl-table tbody tr{transition:background .15s ease}.fl-table tbody tr:hover{background:#f0f5ff}.fl-num{font-feature-settings:"tnum";font-family:Roboto Mono,Courier New,monospace;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:right!important}.fl-balance-cell{color:#1a1a2e!important;font-size:14.5px!important;font-weight:800!important;letter-spacing:.02em}.fl-debit-amount{color:#16a34a;font-weight:700}.fl-credit-amount{color:#dc2626;font-weight:700}.fl-empty-val{color:#cbd5e1;font-family:inherit;font-weight:400;letter-spacing:0}.fl-direction{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:4px;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.fl-direction-in{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.fl-direction-out{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.fl-type-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;white-space:nowrap}.fl-empty{color:#888}.fl-empty,.fl-loading{font-size:14px;padding:32px;text-align:center}.fl-loading{align-items:center;color:#555;display:flex;gap:8px;justify-content:center}.fl-opening-panel{margin-bottom:14px}.fl-opening-btn{color:#8a5a00;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px}.fl-opening-btn,.fl-opening-form{align-items:center;background:#fff7e6;border:1px solid #fd9;border-radius:8px;display:flex;gap:8px}.fl-opening-form{flex-wrap:wrap;padding:12px}.fl-opening-form input{border:1px solid #d5d9e0;border-radius:7px;font-size:13px;padding:7px 10px}.fl-opening-form button{background:#1a4d8f;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.fl-opening-cancel{background:#eee!important;color:#444!important}.fl-opening-message{font-size:13px;font-weight:600;margin-top:8px}.fl-opening-message-error{color:#c0392b}@media (max-width:600px){.fl-header{align-items:flex-start;flex-direction:column}.fl-controls select{min-width:0;width:100%}.fl-container{padding:16px}}.ff-container{margin:0 auto;max-width:560px;padding:24px}.ff-header h2{color:#1a1a2e;font-size:22px;gap:10px;margin:0 0 18px}.ff-balance-card,.ff-header h2{align-items:center;display:flex}.ff-balance-card{background:linear-gradient(135deg,#1a4d8f,#2b6cb0);border-radius:12px;color:#fff;font-size:14px;justify-content:space-between;margin-bottom:18px;padding:16px 20px}.ff-balance-card strong{font-size:20px}.ff-balance-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.ff-balance-card-small{flex:1 1;margin-bottom:0;min-width:200px}.ff-message{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:10px 14px}.ff-message-success{background:#e6f7ee;border:1px solid #b7e3c9;color:#1e7e45}.ff-message-error{background:#fdeaea;border:1px solid #f3b9b3;color:#c0392b}.ff-form{background:#fff;border:1px solid #e5e8ee;border-radius:12px;padding:20px}.ff-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ff-form-group{margin-bottom:14px}.ff-form-group label{color:#444;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ff-form-group input,.ff-form-group select,.ff-form-group textarea{border:1px solid #d5d9e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:9px 12px;width:100%}.ff-form-group input:disabled,.ff-form-group select:disabled{background:#f4f5f8;color:#888}.ff-hint{color:#777;display:block;font-size:12px;margin-top:4px}.ff-submit-btn{align-items:center;background:#1a4d8f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:opacity .2s;width:100%}.ff-submit-btn:hover:not(:disabled){opacity:.9}.ff-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.ff-form-row{grid-template-columns:1fr}}.ft-page{margin:0 auto;max-width:1100px;padding:28px 28px 40px}.ft-page-header{align-items:center;display:flex;gap:16px;margin-bottom:28px}.ft-page-header-icon{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2563eb);border-radius:14px;box-shadow:0 4px 14px #2563eb59;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;width:52px}.ft-page-title{color:#1a1a2e;font-size:22px;font-weight:800;margin:0 0 4px}.ft-page-subtitle{color:#6b7280;font-size:13.5px;margin:0}.ft-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 320px}.ft-form-card{background:#fff;border:1px solid #e5e8ee;border-radius:16px;padding:28px}.ft-section{margin-bottom:22px}.ft-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.ft-required{color:#ef4444;margin-left:2px}.ft-input,.ft-select,.ft-textarea{background:#fafafa;border:1px solid #d1d5db;border-radius:9px;box-sizing:border-box;color:#1f2937;font-size:14px;outline:none;padding:10px 13px;transition:border-color .18s,box-shadow .18s;width:100%}.ft-input:focus,.ft-select:focus,.ft-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ft-textarea{resize:vertical}.ft-direction-toggle{display:flex;gap:10px}.ft-direction-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:9px;justify-content:center;padding:11px 16px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.ft-direction-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.ft-direction-btn.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;color:#1d4ed8}.ft-dir-icon{font-size:15px}.ft-accounts-row{align-items:center;display:flex;gap:12px}.ft-account-box{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;flex:1 1;min-width:0;padding:16px;transition:border-color .18s}.ft-account-from{background:#fff5f5;border-color:#fca5a5}.ft-account-to{background:#f0fdf4;border-color:#86efac}.ft-account-header{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.ft-account-from .ft-account-header{color:#dc2626}.ft-account-to .ft-account-header{color:#16a34a}.ft-account-badge{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:3px 10px}.ft-account-balance{color:#374151;font-size:13px}.ft-account-balance strong{color:#1a1a2e;font-size:14.5px}.ft-select-inline{background:#fff;font-size:13px;margin-bottom:8px;padding:8px 10px}.ft-flow-arrow{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2563eb);border-radius:50%;box-shadow:0 3px 10px #2563eb4d;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.ft-row-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ft-message{align-items:flex-start;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:18px;padding:12px 16px}.ft-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.ft-message-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.ft-submit-btn{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2563eb);border:none;border-radius:11px;box-shadow:0 4px 14px #2563eb59;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:9px;justify-content:center;padding:13px;transition:opacity .2s,box-shadow .2s;width:100%}.ft-submit-btn:hover:not(:disabled){box-shadow:0 6px 18px #2563eb73;opacity:.92}.ft-submit-btn:disabled{cursor:not-allowed;opacity:.55}.ft-summary-panel{background:#fff;border:1px solid #e5e8ee;border-radius:16px;overflow:hidden;position:sticky;top:20px}.ft-summary-header{align-items:center;background:linear-gradient(135deg,#1a4d8f,#2563eb);color:#fff;display:flex;font-size:14px;font-weight:700;gap:9px;padding:16px 20px}.ft-summary-body{padding:20px}.ft-summary-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:9px 0}.ft-summary-row:last-of-type{border-bottom:none}.ft-summary-lbl{color:#6b7280;flex-shrink:0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ft-summary-val{color:#1f2937;font-size:13.5px;font-weight:600;text-align:right;word-break:break-all}.ft-summary-amount{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:8px;padding:12px}.ft-summary-val-big{color:#1d4ed8;font-size:18px;font-weight:800}.ft-summary-divider{border:none;border-top:1px dashed #e5e7eb;margin:16px 0}.ft-ledger-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:14px;padding:14px}.ft-ledger-title{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.ft-ledger-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.ft-ledger-account{color:#374151;font-weight:600}.ft-ledger-debit{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#15803d}.ft-ledger-credit,.ft-ledger-debit{font-size:11.5px;font-weight:700;padding:2px 8px}.ft-ledger-credit{background:#fee2e2;border:1px solid #fecaca;border-radius:20px;color:#b91c1c}.ft-summary-note{align-items:flex-start;color:#6b7280;display:flex;font-size:12px;gap:8px;line-height:1.5}.ft-summary-note svg{color:#93c5fd;flex-shrink:0;margin-top:2px}@media (max-width:900px){.ft-layout{grid-template-columns:1fr}.ft-summary-panel{position:static}}@media (max-width:580px){.ft-page{padding:16px}.ft-accounts-row{flex-direction:column}.ft-flow-arrow{align-self:center;transform:rotate(90deg)}.ft-row-2{grid-template-columns:1fr}.ft-direction-toggle{flex-direction:column}}.app{background:linear-gradient(180deg,#fffaf4e6,#f8f8f8);color:var(--color-text);min-height:100vh;width:100%}.hide-on-mobile{display:none}.show-on-desktop{display:block}.hide-on-desktop{display:none}.table-container,.table-responsive{overflow-x:auto;width:100%}input,select,textarea{box-sizing:border-box;max-width:100%}.btn{min-width:auto;white-space:nowrap}.modal-overlay{align-items:flex-start;padding-top:20px}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width:768px){.hide-on-mobile,.show-on-desktop{display:none}.hide-on-desktop{display:block}}@media (max-width:1200px){.dashboard-container,.issuance-container,.item-container,.main-content,.purchase-container,.wastage-container{padding:15px}.details-row>div{min-width:160px}.stats-container{gap:15px}.stat-card{padding:15px}.chart-stats-row{gap:15px}}@media (max-width:900px){.dashboard-container{flex-direction:column}.main-content{padding:1rem}.issuance-table,.item-table,.opening-balance-table,.purchase-table,.supplier-table,.wastage-table{font-size:.95rem}.details-row{flex-direction:column;gap:10px}.stats-container{flex-wrap:wrap}.stat-card{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;max-width:none}.chart-stats-row{flex-direction:column}.chart-box{min-width:100%}.form-layout{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-save{width:100%}.header-buttons{align-items:stretch;flex-direction:column}.btn-add{justify-content:center;width:100%}}@media (max-width:600px){.dashboard-container,.issuance-container,.item-container,.main-content,.purchase-container,.wastage-container{padding:10px}.issuance-table,.item-table,.opening-balance-table,.purchase-table,.supplier-table,.wastage-table{display:block;font-size:.9rem;overflow-x:auto}.issuance-table td,.issuance-table th,.item-table td,.item-table th,.opening-balance-table td,.opening-balance-table th,.purchase-table td,.purchase-table th,.supplier-table td,.supplier-table th,.wastage-table td,.wastage-table th{padding:6px}.details-row>div{min-width:120px}.stat-card{flex:1 1 100%}.header-controls{flex-direction:column;gap:10px}.header-controls input{width:100%}.user-profile{justify-content:center}.modal-content{padding:15px;width:95%}.actions,.form-row{flex-direction:column}.actions{gap:5px}}@media (min-width:1441px){.dashboard-container{margin:0 auto;max-width:1400px}.issuance-container,.item-container,.purchase-container,.wastage-container{margin:30px auto;max-width:1300px}.stats-container{gap:30px}.stat-card{padding:25px}.stat-value{font-size:2.2rem}.chart-stats-row{gap:30px}.table-responsive{margin:0 auto;max-width:1400px}.form-layout{gap:30px;grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select{font-size:16px;padding:14px}.btn-cancel,.btn-save{font-size:18px;padding:14px 25px}}@media (max-width:768px){.sidebar{width:70px}.logo span,.logout-btn span,.nav-menu span{display:none}.logo-container{padding:.5rem 0}.dropdown-header .icon,.nav-menu .icon{font-size:1.3rem;margin-right:0}.dropdown-header .chevron{display:none}.dropdown-menu{box-shadow:3px 3px 10px #0000001a;left:70px;position:absolute;width:200px;z-index:100}.dropdown-menu a{padding-left:1.5rem}.dropdown-menu .icon-container{left:.5rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.header-controls{width:100%}.item-table td,.item-table th{font-size:.85rem;padding:6px}}@media print{.btn-add,.btn-back,.header-buttons,.sidebar{display:none!important}.stock-report-container{box-shadow:none;margin:0;padding:0}.report-controls{display:none}body{background-color:#fff;margin:0;padding:0}.stock-report-table{font-size:12pt;width:100%}}.react-select-container{width:100%!important}.react-select__control{border:1px solid #ddd!important;border-radius:6px!important;font-size:14px!important;min-height:38px!important;transition:all .3s ease!important}.react-select__control:hover{border-color:#6722e6!important}.react-select__control--is-focused{border-color:#6722e6!important;box-shadow:0 0 0 2px #6722e633!important}.react-select__menu{font-size:14px!important;z-index:9999!important}.react-select__option{font-size:14px!important;padding:8px 12px!important}.react-select__placeholder{color:#888!important;font-size:14px!important}.react-select__single-value{color:#333!important;font-size:14px!important}.react-select__input input{font-size:14px!important}@media (max-width:768px){.react-select__control{min-height:42px!important}.react-select__control,.react-select__menu,.react-select__option{font-size:16px!important}.react-select__option{padding:12px!important}.react-select__placeholder,.react-select__single-value{font-size:16px!important}}@media (min-width:1440px){.react-select__control{font-size:16px!important;min-height:44px!important}.react-select__option{font-size:16px!important;padding:10px 14px!important}}.react-select__control,select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;min-height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.react-select__control--is-focused,select:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff;outline:none}.react-select__menu{border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:4px}.react-select__option{cursor:pointer;font-size:14px;padding:8px 12px}.react-select__option--is-focused{background-color:#f6f6f6}.react-select__option--is-selected{background-color:#2684ff;color:#fff}@media screen and (max-width:768px){.react-select__control,select{font-size:16px;padding:10px 12px}.react-select__option{padding:12px}}@media screen and (-webkit-min-device-pixel-ratio:2){.react-select__control,select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.react-select__control,select{border-width:.5px}}
/*# sourceMappingURL=main.e4acfc6e.css.map*/