@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:1440px){.dashboard-container{flex-direction:row;padding:20px}.main-content,.wastage-container{flex:1 1;padding:20px}}@media (max-width:1200px){.dashboard-container,.main-content,.wastage-container{padding:10px}.details-row>div{min-width:160px}}@media (max-width:900px){.dashboard-container{flex-direction:column}.main-content{padding:1rem}.item-table,.wastage-table{font-size:.95rem}.details-row{flex-direction:column;gap:10px}}@media (max-width:600px){.dashboard-container,.main-content,.wastage-container{padding:5px}.item-table,.wastage-table{display:block;font-size:.9rem;overflow-x:auto}.item-table td,.item-table th,.wastage-table td,.wastage-table th{padding:6px}.details-row>div{min-width:120px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;padding:0}:root{--primary-color:#60079c;--secondary-color:#fdfbf2;--accent-gold:#c69c6d;--accent-red:#9c1c24;--neutral-light:#fff;--neutral-dark:#1b1b1b}.dashboard-container{background-color:#fdfbf2;background-color:var(--secondary-color)}.main-content h1{margin-bottom:2rem;text-align:center}.main-content h1,.stat-card p{color:#60079c;color:var(--primary-color)}.stat-card p{font-size:1.8rem;font-weight:700}.login-container{background:#fdfbf2;background:var(--secondary-color)}.login-header h1{color:#60079c;color:var(--primary-color);font-size:3.2rem;font-weight:700}.form-group input:focus{border-color:#c69c6d;border-color:var(--accent-gold);box-shadow:0 0 0 3px #c69c6d33}.login-button{background:linear-gradient(90deg,#c69c6d,#60079c);background:linear-gradient(to right,var(--accent-gold),var(--primary-color))}.login-button:hover{box-shadow:0 5px 15px #60079c66}.sidebar{background:#fdfbf2;background:var(--secondary-color)}.dropdown-header:hover,.nav-menu a:hover{background:#c69c6d33;color:#60079c;color:var(--primary-color)}.dropdown-menu{background:#f5f0e1b3}.logout-btn{background:linear-gradient(90deg,#c69c6d,#60079c);background:linear-gradient(to right,var(--accent-gold),var(--primary-color))}.logout-btn:hover{box-shadow:0 5px 15px #60079c66}.popup-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:350px}.popup-header{border-bottom:1px solid #eee;padding:16px}.popup-header h3{font-size:1.2rem}.popup-content{align-items:center;display:flex;min-height:80px;padding:20px}.popup-footer{background:#f9f9f9;padding:12px 16px;text-align:right}.btn-ok{background:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.success .popup-header{background:#4caf50;color:#fff}.success .popup-header .close-btn,.success .popup-header h3{color:#fff}.error .popup-header{background:#f44336;color:#fff}.error .popup-header .close-btn,.error .popup-header h3{color:#fff}.login-container{background:#fffdf8;box-shadow:0 4px 15px #0000001f;margin:50px auto;padding:25px;text-align:center}.login-header{margin-bottom:20px;text-align:center}.login-header h2{color:#5a3e2b;font-size:1.8rem;font-weight:600;margin-top:10px}.form-group label{color:#5a3e2b}.form-group input{border:1.5px solid #e0d5c6}.form-group input:focus{border-color:#ff9800;box-shadow:0 0 4px #ff98004d}.login-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:8px 20px;text-align:center;transition:background .3s}.login-button:hover{background:linear-gradient(135deg,#ff9800,#e67e22);transform:translateY(-2px)}.login-button:disabled{background:#ccc;cursor:not-allowed}.register-link{margin-top:15px;text-align:center}.register-link h4{color:#555;font-size:14px;font-weight:400}.register-link a{color:#ff9800;text-decoration:none}.register-link a:hover{text-decoration:underline}.dashboard-container{background:l(135deg,#f5f7fa 60%,#e6e6ff 100%);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:24px;min-height:100vh;padding:32px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#2d3748;font-size:28px;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:20px}.header-controls input{border:1px solid #e2e8f0;border-radius:20px;font-size:16px;outline:none;padding:8px 16px;width:220px}.notification-icon{color:#f6c23e;font-size:22px;margin-right:10px}.user-profile{align-items:center;display:flex;gap:10px}.user-profile img{border-radius:50%;height:40px;width:40px}.user-name{color:#2d3748;font-size:15px;font-weight:600}.user-role{color:#718096;font-size:13px}.stats-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.stat-card{border-radius:16px;box-shadow:0 8px 24px #4e73df14,0 1.5px 4px #0000000a;flex:1 1 200px;max-width:300px;overflow:hidden;padding:24px 20px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 12px 32px #4e73df1f,0 2px 8px #0000000f;transform:translateY(-6px)}.wastage-card{background:#ffe0e6}.balance-card{background:#fff5d9}.purchasing-card{background:#e6fff5}.issues-card{background:#e6e6ff}.stat-header{margin-bottom:12px}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:50%;box-shadow:0 2px 8px #00000014;font-size:22px;height:44px;justify-content:center;margin-right:12px;width:44px}.wastage-card .stat-icon{background:#ff6384;color:#fff}.balance-card .stat-icon{background:#f6c23e;color:#fff}.purchasing-card .stat-icon{background:#1cc88a;color:#fff}.issues-card .stat-icon{background:#6f42c1;color:#fff}.stat-title{color:#4a5568;font-size:17px;font-weight:600}.stat-value{color:#2d3748;font-size:32px;letter-spacing:1px;margin-bottom:2px}.stat-change{font-size:15px;font-weight:500;margin-top:2px}.positive{color:#38a169}.neutral{color:#718096}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #4e73df12,0 1px 2px #00000008;padding:24px}.dashboard-section h2{color:#2d3748;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:18px}.operating-balance{grid-column:span 4}.balance-container{flex-direction:column}.balance-container,.balance-items{display:flex;gap:20px}.balance-item{align-items:center;display:flex;gap:8px}.balance-color{border-radius:4px;height:20px;width:20px}.bayer{background-color:#4e73df}.wnk{background-color:#1cc88a}.balance-months{display:flex;flex-wrap:wrap;gap:10px}.balance-month{background:#f7fafc;border-radius:20px;color:#4a5568;font-size:14px;padding:6px 12px}.total-sales{grid-column:span 5}.sales-chart-container{display:flex;height:250px;position:relative}.sales-labels{color:#718096;display:flex;flex-direction:column;font-size:12px;justify-content:space-between;padding:10px 0;width:30px}.sales-bars{align-items:flex-end;border-bottom:1px solid #e2e8f0;display:flex;flex:1 1;gap:12px;padding:0 20px}.sales-bar{background:linear-gradient(0deg,#4e73df,#36b9cc);border-radius:4px 4px 0 0;width:30px}.sales-days{bottom:0;color:#718096;display:flex;font-size:12px;justify-content:space-between;left:30px;padding:10px 20px 0;position:absolute;right:0}.sales-legend{display:flex;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:3px;height:15px;width:15px}.chris{background:#4e73df}.billine{background:#1cc88a}.purchasing{grid-column:span 3}.purchasing-stats{display:flex;flex-direction:column;gap:20px;margin-top:20px}.purchasing-stat{background:#f7fafc;border-radius:12px;padding:15px;text-align:center}.purchasing-label{color:#718096;font-size:14px;margin-bottom:8px}.purchasing-value{color:#4e73df;font-size:24px;font-weight:700}.comparison{grid-column:span 7}.months-row{color:#718096;display:flex;font-size:12px;justify-content:space-between;margin-bottom:15px}.bars-container{display:flex;flex-direction:column;gap:20px}.bar-group{align-items:center;display:flex;gap:15px}.bar-label{color:#4a5568;font-size:14px;width:150px}.bar{border-radius:4px;flex-grow:1;height:25px;position:relative}.actual{background-color:#4e73df}.overmoved{background-color:#1cc88a}.bar-value{color:#2d3748;font-size:14px;font-weight:600;min-width:80px;text-align:right}.top-items{grid-column:span 5}.items-container{display:flex;flex-direction:column;gap:15px}.item{align-items:center;display:flex;gap:15px}.item-name{color:#2d3748;flex:1 1}.item-progress{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden;width:150px}.progress-bar{border-radius:10px;height:100%}.item-percent{color:#4e73df;font-size:15px;font-weight:600;min-width:40px;text-align:right}.sales-mapping{grid-column:span 12}.map-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:200px;margin-bottom:20px}.map-region{align-items:center;border-radius:12px;display:flex;font-size:16px;font-weight:600;justify-content:center}.usa{background:#ff6384;color:#fff}.india{background:#36b9cc;color:#fff}.europe{background:#f6c23e;color:#fff}.china{background:#1cc88a;color:#fff}.africa{background:#6f42c1;color:#fff}.australia{background:#4e73df;color:#fff}.issues-wastage{background:#f7fafc;border-radius:12px;padding:15px}.issues-wastage h3{color:#4a5568;font-size:16px;margin-bottom:15px}.iw-stats{display:flex;gap:20px}.iw-stat{align-items:center;display:flex;gap:10px}.iw-label{color:#718096;font-size:14px}.iw-value{color:#2d3748;font-size:16px;font-weight:600}.chart-stats-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.chart-box{background:#fff;border-radius:16px;box-shadow:0 4px 16px #4e73df12,0 1px 2px #00000008;flex:1 1;min-width:200px;padding:20px}.chart-box h3{color:#2d3748;font-size:18px;margin-bottom:15px}.dashboard-footer{background-color:#f5f5f5;border-top:1px solid #ddd;color:#555;font-size:14px;margin-top:40px;padding:15px;text-align:center}.dashboard-footer .dev-name{color:#333;font-weight:700}@media (min-width:1024px){.stats-container{flex-wrap:nowrap;justify-content:space-between}.stat-card{flex:0 0 24%;max-width:24%}}.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);width:100%}.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}.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)}.actions-cell{white-space:nowrap}.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}.items-table-container{margin-bottom:1.5rem}.items-table{background:#0000;border-collapse:initial;border-spacing:0 8px;min-width:800px}.items-table th{background-color:#fff;border-bottom:none;box-shadow:0 2px 4px #0000000d;color:var(--gray-700);font-size:.85rem;padding:.75rem 1rem;position:sticky;top:0;transition:background-color .2s ease,color .2s ease;z-index:2}.items-table th:nth-child(2){color:var(--primary-color)}.items-table td,.items-table th{transition:background-color .2s ease}.items-table td{border-bottom:1px solid var(--gray-200);padding:1rem}.items-table tfoot{background-color:var(--gray-50);font-weight:500}.items-table tfoot td{background:#fff;border-top:2px solid var(--gray-200)}.items-table-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1rem}.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}.items-table tbody tr{background-color:#fff;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px #00000008}.items-table tbody tr:hover td{background-color:var(--gray-50)}.items-table tfoot td{padding:.75rem 1rem}.items-table tfoot .total-row{background-color:var(--gray-100);font-weight:600}.item-select{min-width:200px}.price-input,.quantity-input{padding:.5rem!important;text-align:right;width:120px}.unit-display{background-color:var(--gray-50)!important;padding:.5rem!important;text-align:center;width:80px}.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);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)}.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:1px solid var(--gray-300)}}@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;font-size:12px}.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 th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px;text-align:left}.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;cursor:default}.btn-remove{background-color:#dc3545;transition:background-color .2s}.btn-remove:hover{background-color:#c82333}.btn-add{margin:10px 0;padding:8px 16px;transition:background-color .2s}.btn-add:hover{background-color:#218838}.btn-submit{border-radius:4px;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:#0056b3}.btn-submit:disabled{background-color:#6c757d}.form-row{flex-wrap:wrap}.form-group textarea{min-height:80px}.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;display:grid;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;font-size:12px}.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{border-collapse:collapse;min-width:900px;width:100%}.items-details-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:12px;text-align:left}.items-details-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.items-details-table tbody tr:hover{background:#f8f9fa}.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}.items-details-table tfoot,.total-column{background:#f8f9fa;font-weight:600}.items-details-table tfoot td{border-top:2px solid #dee2e6;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}.required{margin-left:2px}.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;margin-bottom:24px;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:1px solid #e0e0e0;margin:20px 0}.items-table{font-size:14px;min-width:1200px}.items-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.items-table th{color:#495057;padding:12px 10px}.items-table td{border-bottom:1px solid #e9ecef;padding:12px 10px}.items-table tbody tr:hover{background-color:#f8f9fa}.items-table tbody tr.no-stock{background-color:#fff3f3;color:#999}.text-center{text-align:center!important}.text-right{text-align:right!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{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;text-align:right;width:70px}.quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.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;padding:40px}.loading-spinner{height:40px;margin-bottom:15px;width:40px}.form-actions{border-top:1px solid #dee2e6;margin-top:30px}.btn-primary,.btn-secondary{border-radius:4px;padding:10px 24px}.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}.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-group.full-width{grid-column:1/-1}.form-group label svg{font-size:12px}.form-control{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.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;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-item:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f633;transform:translateY(-1px)}.table-responsive{background:#fff;border-radius:12px}.items-table{min-width:1000px}.items-table th{background:#f9fafb;font-size:13px;padding:16px 12px}.items-table td{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;width:100%}.table-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.unit-display{background:#f3f4f6;border-color:#d1d5db;color:#374151}.price-different{background:#fffbeb;border-color:#f59e0b}.price-cell{position:relative}.price-hint{color:#6b7280;display:block;font-size:10px;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;border-radius:8px;color:#ef4444;height:32px;margin:0 auto;transition:all .2s;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-radius:14px;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-radius:10px;padding:12px 16px;transition:all .2s}.amount-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.amount-actions{display:flex;gap:8px}.action-btn{background:#fff;border:1px solid #e5e7eb;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}.btn-submit:disabled{opacity:.6}@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__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{border-radius:8px;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{border-radius:8px 8px 0 0;font-size:.95rem;position:relative;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:#fff;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{align-items:center;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:hidden;text-overflow:ellipsis;white-space:nowrap}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{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;line-height:1.4;margin-bottom:4px;white-space:nowrap}@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:1px solid #dee2e6}.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}}:root{--primary-light:#818cf8;--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);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}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.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);font-weight:500}.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}.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{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200)}.data-table-responsive th{color:#374151;color:var(--gray-700);font-size:.813rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;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);padding:1rem}.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);font-family:monospace;font-weight:600}.date-cell{display:flex;flex-direction:column;gap:.125rem}.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;color:var(--gray-900);font-weight:500}.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{font-family:monospace;text-align:right}.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{border-radius:var(--radius-full);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}}.suppliers-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.header-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-section h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.header-actions{gap:15px}.search-box{position:relative}.search-input{border:2px solid #e1e8ed;font-size:14px;padding:12px 16px;transition:all .3s ease;width:300px}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.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-radius:6px;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}.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-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.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:1200px;width:100%}.supplier-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:500;padding:15px;text-align:left}.supplier-table td{border-bottom:1px solid #e1e8ed;color:#2c3e50;font-size:14px;padding:15px}.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}.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;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}}.minimal-container{align-items:center;background:var(--background);display:flex;justify-content:center;padding:2rem}.minimal-card{background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.minimal-card:hover{box-shadow:0 20px 25px -5px #00000026}.minimal-header{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.minimal-title{color:var(--text-primary);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(--text-muted);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.minimal-icon-button:hover{background:var(--border-color);color:var(--text-primary)}.minimal-icon-button.back-button{margin-right:1rem}.header-spacer{width:2.5rem}.minimal-form{padding:2rem}.form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.minimal-form-group{display:flex;flex-direction:column;gap:.5rem}.minimal-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.required-star{color:var(--danger-color);margin-left:.25rem}.minimal-input,.minimal-select{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.minimal-input:hover,.minimal-select:hover{border-color:var(--border-focus)}.minimal-input:focus,.minimal-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.minimal-input::placeholder{color:var(--text-muted);opacity:.5}.minimal-helper-text{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.minimal-toggle-group{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:1.5rem 0;padding:1rem 1.25rem;transition:all .2s ease}.minimal-toggle-group:hover{border-color:var(--border-focus);box-shadow:0 2px 8px #00000005}.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}.minimal-toggle-switch{border-radius:32px;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:#a0aec0;border-radius:32px;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:#2563eb}.minimal-toggle-switch input:checked+.toggle-animate:before{background-color:#fff;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:#059669}.minimal-toggle-switch.stock-toggle input:checked+.toggle-animate{background-color:#2563eb}.minimal-toggle-switch input:focus+.toggle-animate{outline:2px solid #2563eb;outline-offset:2px}.minimal-info-box{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem}.info-box-title{color:var(--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(--text-muted);font-size:.75rem;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.info-value.vat-active{color:#059669}.info-value.vat-inactive{color:var(--text-muted)}.minimal-form-actions{align-items:center;border-top:1px solid var(--border-color);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:#2563eb;color:#fff}.minimal-button-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.minimal-button-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.minimal-button-secondary:hover:not(:disabled){background:var(--background);border-color:var(--text-muted);color:var(--text-primary)}.minimal-button:disabled{cursor:not-allowed;opacity:.5}.button-icon{font-size:1rem}.loading-card{padding:3rem;text-align:center}.minimal-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #2563eb;height:2.5rem;margin:0 auto 1rem;width:2.5rem}.loading-text{color:var(--text-secondary);margin:0}.items-table-container{margin:2rem auto;max-width:1400px;padding:0 2rem}.items-table-title{font-size:1.5rem}.items-search input{background:var(--card-background);border-radius:var(--radius-md);padding:.75rem 1rem .75rem 2.5rem;width:300px}.search-icon{left:.75rem}.clear-search{padding:.25rem}.clear-search:hover{background:var(--border-color);color:var(--text-primary)}.filter-dropdown{min-width:200px}.filter-select{padding:.75rem 1rem}.filter-select,.minimal-table{background:var(--card-background)}.minimal-table{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.minimal-table table{border-collapse:collapse;width:100%}.minimal-table th{background:var(--background);color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em}.minimal-table td,.minimal-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.minimal-table td{color:var(--text-primary);vertical-align:middle}.minimal-table tbody tr:last-child td{border-bottom:none}.minimal-table tbody tr:hover{background:var(--background);transition:background-color .2s ease}.item-code-badge{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;padding:.25rem .75rem}.item-name-cell{font-weight:500}.item-name{color:var(--text-primary)}.unit-badge{background:var(--background);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:.875rem;padding:.25rem .5rem;text-transform:lowercase}.vat-status-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.vat-status-badge.applicable{background:#dbeafe;color:#2563eb}.vat-status-badge.not-applicable{background:var(--background);color:var(--text-muted)}.auto-add-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.auto-add-badge.enabled{background:#dbeafe;color:#2563eb}.auto-add-badge.disabled{background:#fee2e2;color:#dc2626}.reorder-level{color:var(--text-primary);font-weight:500}.table-actions{align-items:center;display:flex;gap:.5rem}.btn-icon{border-radius:var(--radius-md);display:inline-flex;height:2.25rem;transition:all .2s ease;width:2.25rem}.btn-icon:hover{background:var(--border-color)}.btn-icon.edit:hover{background:#dbeafe;color:#2563eb}.btn-icon.delete:hover{background:#fee2e2;color:#dc2626}.table-footer{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 0}.stat-item strong{color:var(--text-primary)}.table-export{display:flex;gap:.5rem}.empty-state{background:var(--card-background);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){.minimal-container{padding:1rem}.minimal-header{padding:1rem 1.25rem}.minimal-form{padding:1.25rem}.form-grid{gap:1rem;grid-template-columns:1fr}.minimal-form-actions{align-items:stretch;flex-direction:column}.minimal-button{width:100%}.info-grid{gap:.75rem;grid-template-columns:1fr}.items-table-header{align-items:stretch;flex-direction:column}.items-search input{width:100%}.minimal-table{overflow-x:auto}.minimal-table table{min-width:800px}.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}.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){.minimal-container{padding:1.5rem}.form-grid{gap:1.25rem}.form-grid,.info-grid{grid-template-columns:1fr}.items-search input{width:250px}.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){.minimal-card{max-width:700px}.form-grid{gap:1.25rem}.items-search input{width:250px}.minimal-table table{min-width:100%}.minimal-table td,.minimal-table th{padding:.875rem 1rem}}@media (min-width:1025px) and (max-width:1400px){.minimal-card{max-width:800px}.items-table-container{padding:0 3rem}}@media (min-width:1401px){.minimal-card{max-width:900px}.items-table-container{max-width:1600px;padding:0 4rem}.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:#fff;padding:0}.minimal-card{box-shadow:none}.btn-add,.btn-icon,.items-search,.minimal-form-actions{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;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:.35rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);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{appearance:none;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-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;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;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.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%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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{color:var(--text-muted);font-size:.85rem}.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;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{box-shadow:3px 0 10px #bebdbd1a}.logo-image{box-shadow:0 4px 10px #0000001a;display:block;height:80px;margin:10px auto;width:80px}.nav-menu{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-menu li{margin-bottom:.5rem}.dropdown-header,.nav-menu a{align-items:center;color:#555;display:flex;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.dropdown-header:hover,.nav-menu a:hover{background:#e7d7f9;color:#6d22e6}.nav-menu .icon-container{display:inline-flex;justify-content:center;margin-right:10px;width:25px}.nav-menu .icon{font-size:1.1rem;min-width:20px}.dropdown-header{cursor:pointer;position:relative}.dropdown-header .chevron{font-size:.8rem;position:absolute;right:1.5rem;transition:transform .3s}.dropdown.active .dropdown-header .chevron{transform:rotate(180deg)}.dropdown-menu{background:#f5ecfd;max-height:0;overflow:hidden;padding-left:0;transition:max-height .3s ease-out}.dropdown.active .dropdown-menu{max-height:500px}.dropdown-menu li{margin-bottom:0}.dropdown-menu a{font-size:.9rem;padding:.6rem 1rem .6rem 3.5rem;position:relative}.dropdown-menu .icon-container{left:1.5rem;position:absolute}.logout-container{border-top:1px solid #eee;padding:1rem}.logout-btn{align-items:center;background:linear-gradient(90deg,#530ff1,#7d22e6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:.8rem 1.5rem;transition:all .3s;width:100%}.logout-btn:hover{box-shadow:0 5px 15px #6d22e666;transform:translateY(-2px)}@media (max-width:768px){.sidebar{width:70px}.logo span,.logout-btn span,.nav-menu span{display:none}.logo-container{padding:1rem 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;padding-left:0;position:absolute;width:200px;z-index:100}.dropdown-menu a{padding-left:2.5rem}.dropdown-menu .icon-container{left:1rem}}.nav-link.active{background:#e7d7f9;color:#6d22e6;cursor:default;font-weight:600}.vertical-separator{background-color:#ddd;height:1px;margin:1rem 0;width:100%}.nav-section{padding:0 .5rem}.sidebar{background-color:var(--secondary-color);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;width:300px}.logo-container{border-bottom:1px solid #eee;padding:.5rem 1rem;text-align:center}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-section{display:flex;flex-direction:column;margin-bottom:1rem}.nav-link{align-items:center;color:#555;cursor:pointer;display:flex;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.nav-link:hover{background-color:#e7d7f9;color:#6d22e6}.icon-container{display:inline-flex;justify-content:center;margin-right:10px;width:25px}.dropdown-submenu{display:flex;flex-direction:column;padding-left:2rem}.dropdown-submenu .nav-link{padding:.5rem 0}.section-separator{background-color:#ddd;height:1px;margin:.5rem 0;width:100%}.sidebar.collapsed{width:90px}.sidebar.collapsed .dropdown-header .chevron,.sidebar.collapsed .dropdown-header span,.sidebar.collapsed .logout-btn span,.sidebar.collapsed .nav-link span{display:none}.sidebar.collapsed .dropdown-menu{display:none!important}.toggle-button{color:#555;cursor:pointer;font-size:1.2rem;padding:1rem}.toggle-button:hover{background:#e7d7f9;color:#6d22e6}.layout-container{background-color:var(--secondary-color);display:flex;height:100vh}.main-content{flex-grow:1;overflow-y:auto;padding:2rem}.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{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 input,.form-group select{border:1px solid #ddd;border-radius:4px;padding:8px}.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;text-align:center}.error,.message{border-radius:4px;padding:10px}.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}.styled-table{background:#fff;border-collapse:collapse;box-shadow:0 2px 8px #00000014;font-size:1rem;margin:20px 0;min-width:100%}.styled-table thead tr{background-color:#bfb9c7;color:#fff;text-align:left}.styled-table td,.styled-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px}.styled-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.styled-table tbody tr:hover{background-color:#f1f7ff}.styled-table tbody tr:last-of-type{border-bottom:2px solid #007bff}.loading{color:#007bff;font-size:1.2rem;margin-top:40px}.issuance-container,.issuance-details{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:8px}.item-table{border-collapse:collapse}.item-table td,.item-table th{border:1px solid #2c2b2b;text-align:left}.item-table th{background-color:#e4e4e4}.btn-add,.btn-remove,.btn-submit{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.btn-add{background-color:#28a745}.btn-submit{padding:10px 15px}.btn-back,.btn-view{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:5px 10px;text-decoration:none}.btn-back{padding:8px 15px}.issuance-details .header-with-actions{align-items:center;display:flex;justify-content:space-between}.remarks-section{margin-bottom:20px}.modal-overlay{background:#0000004d;height:100vh;width:100vw}.modal-content{box-shadow:0 4px 24px #0000002e;max-height:80vh;max-width:420px;min-width:260px;padding:18px 12px 16px}.details-row.vertical{display:block;flex-direction:column;margin-bottom:20px}.issuance-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}@media (max-width:768px){.form-row{flex-direction:column}.form-group{width:100%}.item-table td,.item-table th{font-size:.9rem}.btn-add,.btn-remove,.btn-submit{margin-bottom:10px;width:100%}}@media (min-width:768px){.form-row{flex-direction:row}.form-group{width:auto}.item-table td,.item-table th{font-size:1rem}.btn-add,.btn-remove,.btn-submit{margin-bottom:0;width:auto}}.actions-column{display:flex;gap:8px;justify-content:center}.btn-edit{align-items:center;border-radius:4px;display:inline-flex;gap:4px;padding:5px 10px;text-decoration:none}.btn-edit:hover{color:#212529}.stock-display{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;font-weight:700;min-width:80px;padding:8px;text-align:center}.stock-low{background-color:#ffe6e6;color:#d32f2f}.item-table td:nth-child(2),.item-table th:nth-child(2){text-align:center;width:120px}.filters-bar.single-line{align-items:center;display:flex;font-size:14px;gap:15px;margin:15px 0}.filters-bar.single-line label{align-items:center;display:flex;gap:6px;white-space:nowrap}.filter-input{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px}.filter-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.filter-section h3{align-items:center;color:#495057;display:flex;gap:8px;margin-bottom:15px}.filter-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{color:#495057;font-size:14px;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn-apply{background:#28a745;cursor:pointer}.btn-apply,.btn-clear{border:none;border-radius:4px;color:#fff;font-size:14px;padding:10px 15px}.btn-clear{background:#6c757d;margin-left:10px}.btn-apply:hover{background:#218838}.btn-clear:hover{background:#545b62}.results-info{background:#e9ecef;border-radius:4px;color:#495057;font-weight:600;margin-bottom:15px;padding:10px 15px}.wastage-type{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.wastage-type.general{background:#ffeaa7;color:#e17055}.wastage-type.production{background:#a29bfe;color:#2d3436}.items-column,.quantity-column{max-width:200px;min-width:150px}.items-list,.quantities-list{display:flex;flex-direction:column;gap:4px}.item-row,.quantity-row{border-bottom:1px solid #f0f0f0;padding:2px 0}.item-row:last-child,.quantity-row:last-child{border-bottom:none}.quantity-row{font-family:Courier New,monospace;text-align:right}@media (max-width:768px){.items-column,.quantity-column{max-width:120px;min-width:100px}.items-list,.quantities-list{font-size:.85rem}.filter-row{grid-template-columns:1fr}.filter-group{margin-bottom:10px}.btn-apply,.btn-clear{margin:5px 0;width:100%}}.items-list{font-size:14px;line-height:1.4;max-width:300px}.issuance-table td{padding:8px 12px;vertical-align:top}.actions-column{white-space:nowrap}.btn-edit,.btn-view{border:none;border-radius:3px;cursor:pointer;font-size:12px;margin:0 2px;padding:4px 8px}.btn-view{background-color:#007bff}.bullet-items{list-style-type:disc;margin:0;padding-left:18px}.bullet-items li{font-size:14px;line-height:1.4;margin-bottom:4px}.wastage-container{background-color:#f9f9f9;border-radius:8px;margin:0 auto;max-width:1200px;padding:20px}.wastage-table{border-collapse:collapse;margin-top:20px;width:100%}.wastage-table td,.wastage-table th{border:1px solid #ddd;padding:8px;text-align:left}.wastage-table th{background-color:#f2f2f2}.wastage-table tr:nth-child(2n){background-color:#f9f9f9}.item-table{margin:20px 0;width:100%}.item-table td,.item-table th{border:1px solid #ddd;padding:8px}.btn-remove{background-color:#ff6b6b;padding:5px 10px}.btn-add{background-color:#4caf50;margin-bottom:15px;padding:8px 15px}.summary{background-color:#f8f9fa;border-radius:5px;margin:20px 0;padding:15px}.total-loss{font-size:1.2em;font-weight:700}.wastage-details-container{padding:20px}.details-row .vertical{display:b;flex-direction:column;margin-bottom:15px}.details-row>div{flex:1 1;min-width:200px}.modal-content{animation:fadeIn .3s ease;border-radius:10px;box-shadow:0 5px 25px #0000004d;padding:30px;width:90%}.modal-close{color:#444;font-size:1.5rem;font-weight:700;position:absolute;right:20px;top:15px}.modal-close:hover{color:#000}.wastage-details-modal h2{border-bottom:1px solid #ddd;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.details-row label{display:block;font-weight:700;margin-bottom:5px}.details-row>div{margin-bottom:15px}.remarks-section{background-color:#f8f9fa;border-radius:5px;font-size:1rem;margin:20px 0;padding:15px}.items-table h3{margin-bottom:10px;margin-top:20px}.items-table td,.items-table th{border:1px solid #ccc}.items-table th{background-color:#f2f2f2}.total-loss-section{font-size:1.1rem;font-weight:700;margin-top:20px;text-align:right}.unit-display{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;cursor:not-allowed;padding:8px;width:100%}@media (max-width:1200px){.wastage-container{padding:15px}.item-table,.wastage-table{font-size:.95rem}}@media (max-width:900px){.wastage-container{padding:10px}.item-table,.wastage-table{font-size:.9rem}.details-row>div{min-width:150px}}@media (max-width:600px){.wastage-container{padding:5px}.item-table,.wastage-table{display:block;font-size:.85rem;overflow-x:auto}.details-row>div{min-width:120px}}.wastage-container h2{margin-bottom:30px;text-align:center}.btn-submit{background-color:#007bff;border-radius:5px;display:block;font-size:16px;margin:30px auto 0;padding:12px 25px;transition:background-color .2s ease}.btn-submit:hover{background-color:#0056b3}.details-list{color:#333;list-style-type:disc;margin-bottom:20px;padding-left:20px}.details-list li{font-size:1rem;margin-bottom:10px}.details-list li strong{color:#000}.report-container{background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;min-height:100vh;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{align-items:flex-end;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px}.form-group{min-width:200px}.form-group label{color:#475569;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;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}.item-search-container{min-width:280px}.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:320px}.action-buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn{box-sizing:border-box;height:48px;justify-content:center;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-cards{margin-bottom:32px}.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;padding:60px 20px}.empty-state,.loading{box-shadow:0 1px 3px #0000000d}.empty-state p{font-size:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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:1024px){.controls-row{align-items:stretch;flex-direction:column}.action-buttons-container,.form-group,.item-search-container{min-width:auto}}@media (max-width:768px){.report-container{padding:16px}.report-header h2{font-size:24px}.controls-row{gap:16px;padding:20px}.action-buttons-row{flex-direction:column}.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%}}.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 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{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000026;font-family:Poppins,sans-serif;margin:40px auto;max-width:400px;padding:25px;text-align:center}.logo-header{display:flex;justify-content:center;margin-bottom:15px}.logo-image{border-radius:50%;height:70px;object-fit:cover;width:70px}.register-container h2{color:#333;font-size:1.8rem;margin-bottom:20px}.form-group{text-align:left}label{display:block;margin-bottom:5px}input,label{font-size:14px}input{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px;transition:border-color .3s;width:100%}input:focus{border-color:#ff9800;box-shadow:0 0 4px #ff98004d}button{background:#ff9800;border-radius:8px;font-size:14px;margin-top:10px;padding:8px 20px;transition:background .3s}button:hover{background:#e68900}.login-link{margin-top:15px}.login-link h4{color:#666;font-size:14px;font-weight:400}.login-link a{color:#ff9800;text-decoration:none}.login-link a:hover{text-decoration:underline}.report-container{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px auto;padding:20px}.report-header{align-items:baseline;gap:16px;margin-bottom:18px}.report-header h2{color:#0f172a;font-size:20px}.report-subtitle{color:#475569;font-size:13px}.controls-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-group label{color:#334155;font-size:12px}.form-group input[type=date],.form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:14px;height:44px;min-width:100%;padding:8px 12px;width:100%}.form-group input[type=date]:focus,.form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa14}.action-buttons{align-items:center;margin-bottom:18px}.btn{border:1px solid #0000;padding:8px 12px}.btn-primary{background:linear-gradient(180deg,#2563eb,#1e40af);box-shadow:0 6px 18px #1e40af1f}.btn-secondary{border-color:#e6e9ef;color:#0f172a}.btn[disabled]{cursor:default;opacity:.5}.empty-state,.loading{background:#fbfdff;border:1px dashed #e6eefc;border-radius:10px;color:#64748b;padding:28px;text-align:center}.report-summary{border:1px solid #eef2ff;border-radius:12px;margin-top:8px;padding:12px}.report-table{font-size:13px;min-width:900px}.report-table thead th{background:#0000;border-bottom:1px solid #eef2ff;color:#0f172a;font-weight:600;padding:10px 12px;text-align:left}.report-table tbody td{border-bottom:1px solid #f1f5f9;color:#0f172a;padding:10px 12px}.report-table tbody tr:nth-child(2n) td{background:#0000}.report-table tfoot td{color:#0f172a;font-weight:600;padding:12px}.report-table td:nth-child(8){color:#0b7285}.report-summary>div{overflow-x:auto}@media (max-width:720px){.report-header{align-items:flex-start;flex-direction:column;gap:6px}.controls-grid{grid-template-columns:1fr 1fr}.btn{font-size:13px;padding:7px 10px}.form-group input[type=date],.form-group select{height:40px}}@media (max-width:480px){.controls-grid{grid-template-columns:1fr}.action-buttons{align-items:stretch;flex-direction:column}}.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;font-weight:700;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{border-radius:10px;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;transform:translateY(-2px)}.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;padding:24px;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}.manage-users{background-color:#f9fafc;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px;text-align:center}.header{margin-bottom:25px}.header h2{font-size:24px;font-weight:600;margin:0}.btn-primary{padding:10px 16px;transition:background-color .3s ease}.btn-primary:hover{background-color:#0056b3}.data-table{background-color:#fff;border-radius:6px;box-shadow:0 0 8px #0000000d;overflow:hidden}.data-table td,.data-table th{padding:12px 15px;text-align:left}.data-table th{background-color:#f0f2f5}.data-table tr:nth-child(2n){background-color:#f9f9f9}.data-table tr:hover{background-color:#f1f1f1}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 12px;transition:background-color .3s ease}.btn-edit{background-color:#28a745}.btn-edit:hover{background-color:#218838}.btn-delete:disabled{background-color:#ccc;cursor:not-allowed}.modal{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-width:90%;padding:30px 25px;position:relative;width:450px}.modal-content h2{font-size:20px;font-weight:600;margin:0 0 20px}.close{color:#555;cursor:pointer;font-size:28px;position:absolute;right:15px;top:10px}.close:hover{color:#000}.form-group{margin-bottom:18px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px;transition:border .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.loading{color:#555;font-size:18px}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#dbeafe;--background:#f8fafc;--background-light:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d}.finished-goods-container,.finished-goods-management-container{background:#f8fafc;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:1px solid #e2e8f0;border-radius:8px;border-radius:var(--radius);color:#64748b;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:#f1f5f9;background:var(--background-light);border-color:#94a3b8;border-color:var(--text-muted)}.header-actions{align-items:flex-start}.form-card{border:1px solid #f1f5f9;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:#1e293b;color:var(--text-primary);font-size:.875rem}.form-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light)}.btn{line-height:1;transition:all .15s ease}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-dark)}.btn-secondary{border:1px solid #e2e8f0;color:#1e293b}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--background-light)}.btn-ghost{color:#64748b}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--background-light);border-color:#e2e8f0;border-color:var(--border)}.btn-icon{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.btn-icon:hover:not(:disabled){background:#f1f5f9;background:var(--background-light);color:#1e293b;color:var(--text-primary)}.btn-icon.error{border-color:#ef4444;border-color:var(--error)}.btn-icon.error:hover:not(:disabled){background:#ef4444;background:var(--error);color:#fff}.ingredients-section{background:#f1f5f9;background:var(--background-light);border:1px solid #f1f5f9;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:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#f8fafc;background:var(--background);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#1e293b;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 #f1f5f9;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:#f1f5f9;background:var(--background-light)}.ingredients-table input,.ingredients-table select{background:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#3b82f6;border-color:var(--primary);outline:none}.unit-input{background:#f8fafc!important;background:var(--background)!important;color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.ingredients-table .react-select__control{background:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light)}.ingredients-table .react-select__menu{background:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#fff;background:var(--surface);max-height:200px;padding:0}.ingredients-table .react-select__option{background:#fff;background:var(--surface);color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1rem}.ingredients-table .react-select__option--is-focused{background-color:#f1f5f9;background-color:var(--background-light)}.ingredients-table .react-select__option--is-selected{background-color:#3b82f6;background-color:var(--primary);color:#fff}.ingredients-table .react-select__indicator-separator{background-color:#e2e8f0;background-color:var(--border)}.ingredients-table .react-select__dropdown-indicator{color:#94a3b8;color:var(--text-muted);padding:6px 8px}.ingredients-table .react-select__dropdown-indicator:hover{color:#1e293b;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:#1e293b;color:var(--text-primary)}.ingredients-table .react-select__placeholder{color:#94a3b8;color:var(--text-muted)}.cost-section{background:#fff;background:var(--surface);border:1px solid #f1f5f9;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:#f1f5f9;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem}.cost-item.highlight{background:#dbeafe;background:var(--primary-light);border-color:#3b82f6;border-color:var(--primary);font-weight:600}.cost-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.cost-value{color:#3b82f6;color:var(--primary);font-size:1rem;font-weight:600}.formula-display{background:#f1f5f9;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-top:1rem;padding:1rem}.form-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);padding-top:1.5rem}.empty-state,.loading-state,.no-ingredients{background:#fff;background:var(--surface);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius);color:#94a3b8;color:var(--text-muted);padding:3rem 2rem;text-align:center}.loading-state{gap:.5rem}.no-ingredients{background:#f1f5f9;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:#f1f5f9!important;background-color:var(--background-light)!important;border-color:#f1f5f9;border-color:var(--border-light);color:#94a3b8!important;color:var(--text-muted)!important;cursor:not-allowed}.fg-container{color:#1e293b;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:#94a3b8;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:#94a3b8;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:#94a3b8;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:#94a3b8;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:#94a3b8;color:var(--text-muted);padding:3rem 1rem;text-align:center}.fg-empty h3{color:#1e293b;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:#94a3b8;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:#94a3b8;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;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{padding:10px}.form-group textarea{min-height:60px;resize:vertical}.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:none;border-radius:5px;color:#fff;cursor:pointer;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}.form-group input,.form-group select,.form-group textarea{border-radius:4px;padding:8px 12px}.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-group label{margin-bottom:5px}.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;display:grid;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;gap:16px;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;border:none;border-radius:6px;color:#fff;cursor:pointer;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-overlay{background:#00000080;padding:20px}.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-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{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;padding:60px 20px}.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;font-weight:600}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{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-size:1rem;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;font-weight:500}.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:1px solid var(--border);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{color:#374151;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{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;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.btn-add:hover{background-color:#059669}.btn-remove{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.btn-remove:disabled{background-color:#9ca3af;cursor:not-allowed}.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{align-items:center;justify-content:space-between;margin-bottom:2rem}.btn-primary{background-color:#3b82f6;border-radius:4px;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;border:none;border-radius:4px;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;border:none;border-radius:4px;color:#fff;cursor:pointer;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;border:none;border-radius:6px;color:#fff;cursor:pointer;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;color:#fff}.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{font-size:14px}.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 tbody tr:hover,.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;display:flex;flex-direction:column;gap:16px;justify-content:center}.empty-state,.loading-overlay{color:#7f8c8d;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px;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:#2563eb;--primary-hover:#1d4ed8;--text-primary:#1f2937;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-hover:#f1f5f9;--border-light:#f1f5f9;--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;--success:#10b981;--error:#ef4444;--warning:#f59e0b}.finished-goods-sales-container,.sales-page{background:#f8fafc;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:#1f2937;color:var(--text-primary);font-size:1.875rem;font-weight:700}.header-buttons{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{color:#1f2937;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;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:#1f2937;color:var(--text-primary);font-size:.875rem;font-weight:500}.react-select__control,input,textarea{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;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:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}textarea{min-height:80px;resize:vertical}.btn{border-radius:var(--radius);text-decoration:none}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-secondary{background:#f8fafc;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary)}.btn-secondary:hover{background:#f1f5f9;background:var(--bg-hover)}.btn-ghost{background:#0000;border:1px solid #0000;color:#6b7280;color:var(--text-secondary)}.btn-ghost:hover{background:#f1f5f9;background:var(--bg-hover);color:#1f2937;color:var(--text-primary)}.btn-icon{background:#0000;border:none;border-radius:8px;border-radius:var(--radius);color:#9ca3af;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .2s}.btn-icon:hover{background:#f1f5f9;background:var(--bg-hover);color:#1f2937;color:var(--text-primary)}.btn-icon.error,.btn-icon.error:hover{color:#ef4444;color:var(--error)}.btn-icon.error:hover{background:#fef2f2}.table-responsive{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin:1.5rem 0;overflow-x:auto}.modern-table{background:#fff;background:var(--bg-primary);border-collapse:collapse;width:100%}.modern-table th{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1f2937;color:var(--text-primary);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.modern-table td{border-bottom:1px solid #f1f5f9;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:#f1f5f9;background:var(--bg-hover)}.sales-table{background:#fff;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:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;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 #f1f5f9;border-bottom:1px solid var(--border-light);font-size:.875rem;padding:1rem}.items-badge{border-radius:20px;color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.items-badge,.total-bar{background:#f8fafc;background:var(--bg-secondary)}.total-bar{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#1f2937;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:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-icon{color:#9ca3af;color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{border:2px solid #e5e7eb;border-left-color:#2563eb;border:2px solid var(--border);border-left-color:var(--primary);height:2rem;width:2rem}.empty-state{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:#1f2937;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:#9ca3af;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:#2563eb;color:var(--primary);transform:translateY(-1px)}.modal-body{padding:1.5rem}.modal-subtitle{color:#1f2937;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.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:#1f2937;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:#1f2937;color:var(--text-primary);font-size:.875rem}.item-info span{font-size:.75rem}.item-info span,.item-numbers{color:#6b7280;color:var(--text-secondary)}.item-numbers{align-items:flex-end;display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.item-total{color:#1f2937;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:#10b981;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);font-size:.875rem}.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-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.reason-excess{background:#d4edda;color:#155724}.reason-damaged{background:#f8d7da;color:#721c24}.reason-wrong-issue{background:#fff3cd;color:#856404}.reason-expired{background:#e2e3e5;color:#383d41}.reason-other{background:#cce7ff;color:#004085}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid #eee}@media (max-width:768px){.returns-container{margin:10px;padding:10px}.form-row{flex-direction:column}.returns-table{font-size:.9rem}.returns-table td,.returns-table th{padding:8px}}.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;font-size:.875rem;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{cursor:not-allowed;opacity:.6;transform:none!important}.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;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));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{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;font-size:1.5rem;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;font-weight:600;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;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}.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}}.view-transfer-overlay{align-items:center;background-color:#00000073;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:9999}.view-transfer-container{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:800px;overflow-y:auto;transition:transform .3s ease;width:100%}.view-transfer-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.view-transfer-header h3{color:#333;font-weight:600;margin:0}.btn-close:hover{color:#333}.transfer-details{display:flex;flex-direction:column;gap:24px;padding:20px 24px}.detail-section h4{color:#555;font-size:1rem;margin-bottom:12px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#666;font-size:13px}.detail-item span{font-size:14px}.status-badge{border-radius:12px;text-transform:uppercase}.status-pending{background-color:#fff7e6;color:#d48806}.status-completed{background-color:#e6f7ff;color:#096dd9}.status-cancelled{background-color:#fff1f0;color:#cf1322}.location-flow{align-items:center;display:flex;gap:16px}.location-from,.location-to{flex:1 1}.location-detail{background:#f7f7f7;border:1px solid #eee;border-radius:8px;padding:12px 14px}.flow-arrow{color:#6c63ff;font-size:24px;font-weight:700}.notes-content{background:#f7f7f7;border-left:4px solid #6c63ff;border-radius:8px;color:#333;font-size:14px;padding:14px 16px;white-space:pre-wrap}.transfer-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-close-secondary,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-edit{background:linear-gradient(90deg,#6c63ff,#a292ff)}.btn-edit:hover{box-shadow:0 4px 8px #6c63ff33;transform:translateY(-2px)}.btn-close-secondary{background:#888;color:#fff}.btn-close-secondary:hover{background:#666;transform:translateY(-1px)}.loading{color:#999;font-style:italic;padding:60px}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.location-flow{flex-direction:column;gap:8px}.flow-arrow{font-size:20px;transform:rotate(90deg)}.transfer-actions{flex-direction:column}.btn-close-secondary,.btn-edit{width:100%}}.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{--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--primary:#6366f1;--primary-dark:#4f46e5}.transfers-page{background:#f8fafc;background:var(--bg);font-family:system-ui,sans-serif;min-height:100vh;padding:28px}.page-header{margin-bottom:22px}.page-header h1{color:#0f172a;color:var(--text);font-size:24px}.page-header p{color:#64748b;color:var(--muted)}.btn-primary{background:#6366f1;background:var(--primary);border-radius:10px;display:flex;font-size:14px;padding:10px 18px}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.table-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;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:#64748b;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 #e5e7eb;border-bottom:1px solid var(--line);padding:14px}.transfers-table td{color:#0f172a;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:#6366f1;color:var(--primary)}.actions button.danger:hover{color:#dc2626}.empty-state{color:#64748b;color:var(--muted)}.empty-state span{font-size:42px}.empty-state h3{color:#0f172a;color:var(--text);margin:10px 0 4px}.loading{color:#64748b;color:var(--muted)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:14px}.btn-primary{justify-content:center;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 #e5e7eb;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:#64748b;color:var(--muted);content:attr(data-label);font-weight:600}.actions{justify-content:flex-start}}.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(240px,1fr))}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;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:#f2f2f2!important;color:#555!important;cursor:not-allowed!important}.items-header{margin-bottom:16px}.btn-add-item{background-color:#6c5ce7;border-radius:6px;font-weight:500;padding:6px 14px;transition:.2s}.btn-add-item:hover{background-color:#5a4bd8}.items-list{gap:12px}.item-row{grid-gap:12px;align-items:center;background:#f9f9f9;border:1px solid #eee;border-radius:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto;padding:12px}.item-row:hover{background:#f0f0ff}.btn-remove-item{background:#ff7675;height:28px;transition:.2s;width:28px}.btn-remove-item:hover{background:#e5504f}.form-total{background:#f7f7f7;border-radius:10px;font-size:16px;font-weight:600;gap:16px;padding:16px}.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}.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,.item-row{grid-template-columns:1fr}.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}label{color:#555;font-size:13px;margin-bottom:4px}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-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}table{border-collapse:collapse;font-size:14px;width:100%}td,th{border-bottom:1px solid #e0e0e0;padding:10px 12px;text-align:left}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}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{--bg:#f4f6fb;--card:#fff;--primary:#5b3df5;--text:#111827;--muted:#6b7280;--radius:12px}.ep-overlay{background:#0006;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.ep-card{background:#fff;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 #e5e7eb;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:#5b3df5;color:var(--primary);cursor:pointer;font-weight:600}.ep-item-row{grid-gap:10px;align-items:center;border-bottom:1px dashed #e5e7eb;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:#5b3df5;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}.page-header{justify-content:space-between}.page-header h1{font-size:22px;font-weight:600;margin:0}.page-header p{color:#6b7280;font-size:14px;margin-top:4px}.primary-btn{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}.primary-btn: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}@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;font-weight:600}.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;cursor:not-allowed}.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{align-items:center;color:#2c3e50;display:flex;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}.summary-label{color:#7f8c8d}.summary-value{color:#2c3e50;font-size:1.2rem;font-weight:500}.loading-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}@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;bottom:0;left:0;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease;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{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;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{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.report-header h2{color:#333;font-size:24px;margin:0}.btn-success{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;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;box-shadow:0 2px 8px #0000001a;gap:15px;transition:transform .2s}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.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{color:#6c757d;display:block;font-size:.85rem;margin-bottom:5px}.summary-value{color:#212529;display:block;font-weight:600}.vat-text{color:#dc3545}.action-buttons{display:flex;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{border-collapse:collapse;min-width:1200px;width:100%}.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}.settlement-modal-overlay{animation:smFadeIn .2s ease;background:#1118278c;inset:0;padding:16px;z-index:1100}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}.settlement-modal{animation:smSlideUp .25s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:100%}@keyframes smSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settlement-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.settlement-modal-header h3{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:700;gap:10px;letter-spacing:-.2px}.settlement-modal-header h3 svg{color:#2563eb;font-size:.95rem}.close-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .15s;width:32px}.close-btn:hover{border-color:#d1d5db;color:#374151}.settlement-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.settlement-modal-body::-webkit-scrollbar{width:5px}.settlement-modal-body::-webkit-scrollbar-track{background:#0000}.settlement-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.return-summary{grid-gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(2,1fr);overflow:hidden}.summary-item{background:#fff;display:flex;flex-direction:column;gap:3px;padding:14px 16px}.summary-item .label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.summary-item .value{font-feature-settings:"tnum";color:#111827;font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:600}.summary-item .value.highlight{color:#2563eb}.summary-item .value.success{color:#059669}.summary-item .value.warning{color:#d97706}.settlement-modal-body h4{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.bills-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:2px}.bills-list::-webkit-scrollbar{width:4px}.bills-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.bill-item{border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;transition:border-color .15s}.bill-item:hover{border-color:#9ca3af}.bill-info{margin-bottom:10px}.bill-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.invoice{color:#111827;font-size:.875rem;font-weight:600}.date{color:#9ca3af;font-size:.75rem}.bill-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px}.bill-details .balance{color:#d97706;font-weight:600}.bill-actions{align-items:center;display:flex;gap:8px}.amount-input{border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-family:inherit;font-size:.8125rem;height:36px;padding:0 10px;transition:border-color .15s,box-shadow .15s}.amount-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.amount-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.allocate-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;height:36px;padding:0 14px;transition:all .15s;white-space:nowrap}.allocate-btn:hover:not(:disabled){background:#111827;border-color:#111827;color:#fff}.allocate-btn:disabled{cursor:not-allowed;opacity:.4}.allocated-badge{align-items:center;background:#ecfdf5;border-radius:50%;color:#059669;display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;width:28px}.settlement-notes{margin-top:20px}.settlement-notes label{color:#6b7280;display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.settlement-notes textarea{border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-family:inherit;font-size:.8125rem;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.settlement-notes textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.settlement-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-primary{font-family:inherit;height:40px;padding:0 22px;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:#374151}.btn-primary:disabled{opacity:.4}.btn-secondary{font-family:inherit;height:40px;padding:0 18px}.btn-secondary:hover{color:#374151}.no-bills{border:1px dashed #e5e7eb;border-radius:8px;padding:36px 24px;text-align:center}.no-bills p{color:#6b7280;font-size:.875rem;margin:4px 0}.loading{color:#9ca3af;padding:48px}.error,.loading{font-size:.875rem;text-align:center}.error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;padding:16px 20px}@media (max-width:640px){.settlement-modal-overlay{align-items:flex-end;padding:0}.settlement-modal{border-radius:12px 12px 0 0;max-height:92vh;max-width:100%}.return-summary{grid-template-columns:1fr 1fr}.bill-actions{flex-wrap:wrap}.amount-input{min-width:0}}@media (max-width:400px){.return-summary{grid-template-columns:1fr}.bill-details{flex-direction:column;gap:2px}}:root{--brand:#111827;--brand-light:#374151;--accent:#2563eb;--accent-soft:#eff6ff;--success:#059669;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--surface:#fff;--bg:#f9fafb;--border:#e5e7eb;--border-focus:#2563eb;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 16px #00000014;--font:"DM Sans","Segoe UI",system-ui,sans-serif}.purchase-return-container{background:#f9fafb;background:var(--bg);color:#111827;color:var(--text-primary);font-family:DM Sans,Segoe UI,system-ui,sans-serif;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:#2563eb;border-color:var(--accent);color:#2563eb;color:var(--accent)}.header-title{align-items:center;display:flex;gap:12px}.header-title h1{color:#111827;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(--surface);border:1px solid #e5e7eb;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:#9ca3af;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;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{gap:6px}.form-group label{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:6px}.form-group label svg{font-size:.75rem}.date-input,.form-control,.return-number-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text-primary);font-family:DM Sans,Segoe UI,system-ui,sans-serif;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:#2563eb;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control[readonly]{background:#f9fafb;background:var(--bg);cursor:default}textarea.form-control{height:auto;padding:10px 12px;resize:vertical}.vat-active{border-color:#059669;border-color:var(--success);color:#059669;color:var(--success);font-weight:500}.field-note,.vat-inactive{color:#9ca3af;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:#9ca3af;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:#2563eb;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:DM Sans,Segoe UI,system-ui,sans-serif;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 #e5e7eb;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:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--font);font-size:.8125rem;min-width:900px;width:100%}.items-table thead{background:#f9fafb;background:var(--bg)}.items-table th{color:#9ca3af;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 #e5e7eb;border-bottom:1px solid var(--border)}.items-table td{color:#111827;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 #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text-primary);font-family:DM Sans,Segoe UI,system-ui,sans-serif;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:#2563eb;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a;outline:none}.quantity-input-enhanced:disabled,.quantity-input:disabled{background:#f9fafb;background:var(--bg);color:#9ca3af;color:var(--text-tertiary);cursor:not-allowed}.quantity-control-enhanced{align-items:center;display:flex;gap:6px}.max-btn-enhanced{background:#eff6ff;background:var(--accent-soft);border:1px solid #bfdbfe;border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--accent);cursor:pointer;font-family:DM Sans,Segoe UI,system-ui,sans-serif;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:#2563eb;background:var(--accent);border-color:#2563eb;border-color:var(--accent);color:#fff}.btn-clear-enhanced{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-clear-enhanced:hover{background:#fef2f2;background:var(--danger-soft);border-color:#fca5a5;color:#dc2626;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:#ecfdf5;background:var(--success-soft);color:#059669;color:var(--success)}.low-stock-badge{background:#fef2f2;background:var(--danger-soft);color:#dc2626;color:var(--danger)}.stock-status{display:block;font-size:.7rem;font-weight:500;margin-top:3px}.stock-status.low-stock{color:#d97706;color:var(--warning)}.stock-status.out-of-stock{color:#9ca3af;color:var(--text-tertiary)}.unit-display{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.amount-column,.vat-amount{font-feature-settings:"tnum";color:#111827;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:#9ca3af;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:#fffbeb;background:var(--warning-soft);border:1px solid #fde68a;border-radius:6px;border-radius:var(--radius-sm);color:#d97706;color:var(--warning);display:flex;font-size:.8125rem;font-weight:500;gap:8px;margin-top:12px;padding:10px 14px}.summary-section{border:1px solid #e5e7eb;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 #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--text-secondary);font-size:.875rem;padding:12px 16px}.summary-row.vat{background:#f9fafb;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:#111827;background:var(--brand);border-radius:var(--radius-sm);font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--font);padding:10px 22px;transition:background .15s,transform .1s,opacity .15s}.btn-primary:hover{background:#374151;background:var(--brand-light)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45}.btn-secondary{align-items:center;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);display:inline-flex;font-family:DM Sans,Segoe UI,system-ui,sans-serif;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:#111827;color:var(--text-primary)}.react-select__control{border-color:#e5e7eb!important;border-color:var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;font-family:DM Sans,Segoe UI,system-ui,sans-serif!important;font-family:var(--font)!important;font-size:.8125rem!important;min-height:36px!important}.react-select__control--is-focused{border-color:#2563eb!important;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #2563eb1a!important}.react-select__option--is-focused{background:#eff6ff!important;background:var(--accent-soft)!important}.react-select__option--is-selected{background:#2563eb!important;background:var(--accent)!important}.react-select__placeholder{color:#9ca3af!important;color:var(--text-tertiary)!important}.react-select__single-value{color:#111827!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:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;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:#f9fafb;--prh-surface:#fff;--prh-border:#e5e7eb;--prh-brand:#2563eb;--prh-brand-hover:#1d4ed8;--prh-text-primary:#111827;--prh-text-secondary:#4b5563;--prh-text-tertiary:#6b7280;--prh-success:#059669;--prh-success-bg:#d1fae5;--prh-warning:#d97706;--prh-warning-bg:#fef3c7;--prh-danger:#dc2626;--prh-danger-bg:#fee2e2;--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:"Inter",system-ui,-apple-system,sans-serif;--prh-transition:all 0.2s ease-in-out}.purchase-returns-history-container{background:#f9fafb;background:var(--prh-bg);box-sizing:border-box;color:#111827;color:var(--prh-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;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:#111827;color:var(--prh-text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0}.header-left .subtitle{color:#6b7280;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:#2563eb;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:Inter,system-ui,-apple-system,sans-serif;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:#1d4ed8;background-color:var(--prh-brand-hover)}.btn-outline{align-items:center;background-color:#fff;background-color:var(--prh-surface);border:1px solid #e5e7eb;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:#4b5563;color:var(--prh-text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,-apple-system,sans-serif;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:#111827;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:#4b5563;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:#111827;color:var(--prh-text-primary)}.btn-settle,.btn-view{align-items:center;background:#fff;background:var(--prh-surface);border:1px solid #e5e7eb;border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:#4b5563;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:#111827;color:var(--prh-text-primary)}.filters-card{border:1px solid #e5e7eb;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:#fff;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:#111827;color:var(--prh-text-primary);font-size:.9375rem;font-weight:600;margin:0}.filters-content{background:#fff;background:var(--prh-surface);border-top:1px solid #e5e7eb;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{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#4b5563;color:var(--prh-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.date-range-inputs input,.filter-input{background:#f9fafb;background:var(--prh-bg);border:1px solid #e5e7eb;border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:#111827;color:var(--prh-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;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:#fff;background:var(--prh-surface);border-color:#2563eb;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:#6b7280;color:var(--prh-text-tertiary);font-size:.875rem}.filter-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--prh-border);display:flex;justify-content:space-between;padding-top:16px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:#fff;background:var(--prh-surface);border:1px solid #e5e7eb;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:#4b5563;color:var(--prh-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#111827;color:var(--prh-text-primary);font-size:1.5rem;font-weight:700;line-height:1}.success-text{color:#059669;color:var(--prh-success)}.warning-text{color:#d97706;color:var(--prh-warning)}.table-container{background:#fff;background:var(--prh-surface);border:1px solid #e5e7eb;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:#4b5563;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 #e5e7eb;border-bottom:1px solid var(--prh-border)}.returns-table td{color:#111827;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:#f9fafb;background-color:var(--prh-bg)}.returns-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.text-center{text-align:center}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;white-space:nowrap}.status-fully-settled{background-color:#d1fae5;background-color:var(--prh-success-bg);color:#059669;color:var(--prh-success)}.status-partially-settled{background-color:#fef3c7;background-color:var(--prh-warning-bg);color:#d97706;color:var(--prh-warning)}.status-pending{background-color:#fee2e2;background-color:var(--prh-danger-bg);color:#dc2626;color:var(--prh-danger)}.return-badge{background:#f9fafb;background:var(--prh-bg);border:1px solid #e5e7eb;border:1px solid var(--prh-border);border-radius:6px;border-radius:var(--prh-radius-sm);color:#4b5563;color:var(--prh-text-secondary);display:inline-block;font-family:monospace;font-size:.75rem;font-weight:500;padding:4px 8px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182799;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-content{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);flex-direction:column;max-width:800px;overflow:hidden;width:100%}.modal-content,.modal-header{background:#fff;background:var(--prh-surface);display:flex}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--prh-border);justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;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}@keyframes spin{to{transform:rotate(1turn)}}.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{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.payment-modal-header h3{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:12px;margin:0}.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)}.payment-modal-body{padding:24px}.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;margin-bottom:6px}.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;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.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{align-items:center;color:#2c3e50;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:8px}.title-icon{color:#6d22e6;font-size:28px}.expenses-breadcrumb{color:#6c757d;font-size:14px}.balance-card{background:linear-gradient(135deg,#6d22e6,#8b4df2);border-radius:16px;box-shadow:0 4px 15px #6d22e633;gap:20px;margin-bottom:32px;padding:24px}.balance-card,.balance-icon{align-items:center;display:flex}.balance-icon{background:#fff3;border-radius:50%;color:#fff;font-size:28px;height:60px;justify-content:center;width:60px}.balance-info{flex:1 1}.balance-label{color:#ffffffe6;font-size:14px;margin-bottom:4px}.balance-amount{color:#fff;font-size:32px;font-weight:700}.expenses-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:8px;margin-bottom:24px}.tab-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.tab-button:hover{color:#6d22e6}.tab-button.active{border-bottom:2px solid #6d22e6;color:#6d22e6;margin-bottom:-2px}.expenses-form-container{display:flex;flex-direction:column;gap:32px}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-title{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.expenses-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#495057;font-size:14px;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{font-size:16px;font-weight:500}.form-textarea{font-family:inherit;resize:vertical}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;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 20px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#6d22e6,#8b4df2);color:#fff}.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}.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;transition:all .3s;width:32px}.icon-btn:hover{background:#f8f9fa;border-color:#6d22e6;color:#6d22e6}.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;letter-spacing:.5px;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}.data-table tbody tr:hover{background:#f8f9fa}.amount-cell{color:#2c3e50;font-weight:600}.empty-row{color:#6c757d;padding:40px!important;text-align:center}.action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .3s;width:28px}.action-btn:hover{background:#e9ecef}.view-btn:hover{color:#6d22e6}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}@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%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--secondary-color);font-family:Poppins,sans-serif}.app{align-items:center;background:linear-gradient(#ffffffb3,#ffffffb3),url(/static/media/cake.8a68a4f546b6d3d642be.jpg) 50%/cover no-repeat;display:block;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#f4f0ff;border-radius:15px;box-shadow:0 10px 25px #0000001a;font-family:Poppins,sans-serif;margin:5rem auto;max-width:400px;padding:2.5rem}@media (max-width:768px){body{font-size:14px}.form-row{flex-direction:column;gap:10px}.form-group{width:100%}.table-responsive{overflow-x:auto}.styled-table td,.styled-table th{font-size:.9rem;padding:8px}.btn-add,.btn-remove,.btn-submit{margin-bottom:10px;width:100%}.modal-content{padding:15px;width:95%}.details-row{flex-direction:column;gap:10px}.sidebar{width:80px}.dropdown-header .chevron,.logo span,.logout-btn span,.nav-menu span{display:none}.dashboard-stats,.quick-actions-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){body{font-size:15px}.form-row{flex-direction:row}.form-group{width:48%}.dashboard-stats,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.charts-container{grid-template-columns:1fr}.sidebar{width:230px}}@media (min-width:1025px) and (max-width:1440px){body{font-size:16px}.dashboard-stats,.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.charts-container{grid-template-columns:1fr 1fr}.sidebar{width:250px}.issuance-container,.issuance-details{margin:20px auto;max-width:900px}}@media (min-width:1441px){body{font-size:17px}.dashboard-stats,.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.charts-container{grid-template-columns:1fr 1fr}.sidebar{width:280px}.issuance-container,.issuance-details{margin:30px auto;max-width:1200px}.purchase-container,.wastage-container{margin:30px auto;max-width:1400px}.table-responsive{margin:0 auto;max-width:1400px}}@media (max-width:768px){.mobile-menu-btn{background:var(--primary-color);border:none;border-radius:5px;color:#fff;display:block;left:15px;padding:10px;position:fixed;top:15px;z-index:1000}.sidebar{height:100vh;left:-300px;position:fixed;transition:left .3s ease;z-index:999}.sidebar.active{left:0}.item-table td,.item-table th{font-size:.85rem;padding:6px}.stat-card{padding:15px}.card-value{font-size:1.5rem}.hide-on-mobile{display:none}}@media (min-width:769px){.show-on-desktop{display:block}.hide-on-desktop{display:none}}.table-container{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: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.a33b30e9.css.map*/