*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc,0 0 60px #ffd70099}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#d4af371a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c9a227);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c9a227,#b8860b)}@media (max-width:768px){body{font-size:14px}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.gold-gradient{background:linear-gradient(135deg,#d4af37,#c9a227 50%,#b8860b)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 30px #d4af374d;transform:translateY(-5px)}.sales-container{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fbbf24);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.sales-container:before{background:radial-gradient(circle at 20% 50%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff4d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.sales-container{padding:1rem}}.sales-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto 2rem;max-width:1400px}@media (max-width:768px){.sales-container{padding:1rem}.sales-header{align-items:stretch;flex-direction:column;gap:1rem}.header-content{text-align:center}.header-actions{flex-direction:column;gap:1rem;width:100%}.tab-group{justify-content:center;width:100%}.icon-btn{align-self:center}}.header-content{flex:1 1;min-width:280px}@media (max-width:768px){.header-content{min-width:auto}}.page-title{color:#78350f;font-size:2.25rem;font-weight:900;letter-spacing:-.5px;margin:0 0 .25rem;text-shadow:2px 2px 4px #0000001a}.page-subtitle{color:#92400e;font-size:.9375rem;font-weight:500;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.header-actions{flex-direction:column;width:100%}}.tab-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1rem;box-shadow:0 4px 20px #00000026;display:flex;gap:.5rem;padding:.375rem}@media (max-width:768px){.tab-group{width:100%}.tab-btn,.tab-group{justify-content:center}.tab-btn{flex:1 1}}.tab-btn{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (max-width:480px){.tab-btn{font-size:.8125rem;padding:.625rem 1rem}.tab-btn span{display:none}}.tab-btn:before{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-btn:hover:before{opacity:1}.tab-btn:hover{color:#78350f;transform:translateY(-2px)}.tab-btn-active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66;color:#fff;transform:translateY(-2px)}.tab-btn-active:before{opacity:0}.icon-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.icon-btn:hover{background:#f59e0b;border-color:#f59e0b;box-shadow:0 6px 20px #f59e0b66;transform:rotate(180deg) scale(1.1)}.billing-card,.history-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:2rem;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:1400px;overflow:hidden;position:relative}.billing-card:before,.history-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#fbbf24,#f59e0b 50%,#fbbf24);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #d977061a;padding:2.5rem 2.5rem 2rem;position:relative}.card-header:after{background:linear-gradient(90deg,#f59e0b,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;color:#78350f;font-size:1.75rem;font-weight:900;margin:0 0 .5rem}.card-subtitle{color:#92400e;font-size:.9375rem;font-weight:500;margin:0}.input-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}@media (max-width:768px){.input-grid{grid-template-columns:1fr;padding:1.5rem}}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-label{align-items:center;color:#78350f;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.label-icon{font-size:1.125rem}.styled-input,.styled-select{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 8px #0000000a;font-size:1rem;font-weight:600;outline:none;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.styled-input:focus,.styled-select:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a,0 4px 12px #f59e0b33;transform:translateY(-2px)}.barcode-input-wrapper{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #0000;border-radius:1rem;box-shadow:0 4px 15px #f59e0b4d;display:flex;gap:.75rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.barcode-input-wrapper:focus-within{border-color:#78350f;box-shadow:0 0 0 4px #78350f33,0 8px 25px #f59e0b66;transform:translateY(-2px)}.barcode-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.barcode-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:700;letter-spacing:.5px;outline:none;text-transform:uppercase}.table-responsive{overflow-x:auto;width:100%}.data-table,.history-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase}.data-table th,.history-table th{font-weight:700;padding:1.25rem 1rem;text-align:center}.data-table th.text-left,.history-table th.text-left{text-align:left!important}.data-table th.text-right,.history-table th.text-right{text-align:right!important}.data-table td,.history-table td{border-bottom:1px solid #f1f5f9;padding:1rem;text-align:center}.table-row{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-row:before{background:linear-gradient(180deg,#fbbf24,#f59e0b);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.table-row:hover{background:linear-gradient(90deg,#f59e0b14,#f59e0b05);box-shadow:-4px 0 12px #f59e0b26;transform:translateX(4px)}.table-row:hover:before{opacity:1}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.font-medium{font-weight:600}.font-bold{color:#78350f;font-weight:700}.text-primary{color:#d97706!important}.product-cell{text-align:left!important}.product-name{color:#78350f;font-size:.9375rem;font-weight:700}.product-meta{color:#a16207;font-size:.75rem;margin-top:.25rem}.table-input,.table-select{border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.5rem;text-align:center;transition:all .3s ease;width:100%}.table-input:focus,.table-select:focus{border-color:#f59e0b;outline:none}.delete-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:.75rem;cursor:pointer;display:inline-flex;justify-content:center;overflow:hidden;padding:.625rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-btn:before{background:#ef44441a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.delete-btn:hover:before{height:100px;width:100px}.delete-btn:hover{background:#fee2e2;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:scale(1.15) rotate(5deg)}.delete-btn svg{color:#ef4444;position:relative;z-index:1}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef3c7cc,#fde68acc);border:2px dashed #d977064d;border-radius:1.5rem;margin:2rem 0;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.empty-state:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#f59e0b0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.empty-icon{animation:float 3s ease-in-out infinite;color:#cbd5e1;margin-bottom:1.5rem;opacity:.6;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{color:#78350f;font-size:1.5rem;font-weight:800;margin:0 0 .5rem;position:relative;z-index:1}.empty-subtitle{color:#a16207;font-size:.9375rem;font-weight:500;margin:0;position:relative;z-index:1}.summary-grid{grid-gap:1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1.5rem;box-shadow:0 20px 60px #f59e0b4d;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;overflow:hidden;padding:2.5rem;position:relative}.summary-grid:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 12px 30px #0003;transform:translateY(-8px) scale(1.02)}.summary-card:hover:before{opacity:1}.summary-card.highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 8px 25px #fbbf2466;grid-column:span 2}@media (max-width:768px){.summary-card.highlight{grid-column:span 1}}.summary-label{align-items:center;color:#ffffffe6;display:flex;font-size:.8125rem;font-weight:700;gap:.5rem;letter-spacing:1px;margin-bottom:.875rem;position:relative;text-transform:uppercase;z-index:1}.summary-card.highlight .summary-label{color:#78350f}.summary-icon{font-size:1.125rem}.summary-value{color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.5px;position:relative;text-shadow:2px 2px 4px #0003;z-index:1}.summary-card.highlight .summary-value{color:#000}.summary-value-large{color:#fff;font-size:2.75rem;font-weight:900;letter-spacing:-1px;position:relative;text-shadow:2px 2px 8px #0000004d;z-index:1}.summary-card.highlight .summary-value-large{color:#000}.save-bill-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:1.25rem;box-shadow:0 10px 30px #fbbf2466;color:#000;cursor:pointer;display:flex;font-size:1.25rem;font-weight:900;gap:.875rem;grid-column:1/-1;justify-content:center;letter-spacing:1px;margin-top:1rem;overflow:hidden;padding:1.5rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.save-bill-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.save-bill-btn:hover:before{height:500px;width:500px}.save-bill-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 20px 50px #fbbf2480;transform:translateY(-4px) scale(1.02)}.save-bill-btn:active{transform:translateY(-2px) scale(1)}.history-table thead{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #fbbf24}.history-row{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-row:before{background:linear-gradient(180deg,#f59e0b,#d97706);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.history-row:hover{background:linear-gradient(90deg,#f59e0b14,#d9770605);box-shadow:-6px 0 20px #f59e0b26;transform:translateX(6px)}.history-row:hover:before{opacity:1}.invoice-cell{text-align:left!important}.invoice-number{color:#78350f;font-size:1rem;font-weight:800;margin-bottom:.25rem}.invoice-date{color:#a16207;font-size:.75rem;font-weight:500}.customer-cell{text-align:left!important}.customer-name{color:#78350f;font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.customer-mobile{color:#92400e;font-size:.75rem;font-weight:500}.amount-value{color:#10b981;font-size:1.125rem;font-weight:800;letter-spacing:-.5px}.action-buttons{justify-content:center}.action-btn,.action-buttons{align-items:center;display:flex;gap:.5rem}.action-btn{border:2px solid #0000;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:700;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.action-btn:hover:before{height:150px;width:150px}.print-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#92400e}.print-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b66;color:#fff;transform:translateY(-3px) scale(1.05)}.delete-btn-action{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#ef4444}.delete-btn-action:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 8px 20px #ef444466;color:#fff;transform:translateY(-3px) scale(1.05)}@media (max-width:1024px){.page-title{font-size:1.75rem}.sales-header{gap:1rem}}@media (max-width:768px){.card-header{padding:1.5rem 1rem}.card-title{font-size:1.25rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.8125rem}.data-table,.history-table{font-size:.75rem}.data-table td,.data-table th,.history-table td,.history-table th{padding:.75rem .5rem}.action-buttons span{display:none}.summary-value{font-size:1.5rem}.summary-value-large{font-size:1.75rem}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.input-grid{gap:1rem}}@media (max-width:480px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.75rem}.input-grid,.summary-grid{padding:1rem}.save-bill-btn{font-size:1rem;padding:1rem 1.5rem}.pagination-btn{font-size:.875rem;min-width:100px;padding:.625rem 1rem}.pagination-number{font-size:.875rem;height:35px;width:35px}.header-content{text-align:center}.page-title{font-size:1.375rem}}.print-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.print-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#78350f,#92400e);border-bottom:2px solid #fbbf24;color:#fff;padding:1.5rem 2rem}.modal-header h3{font-size:1.25rem;font-weight:700;margin:0}.close-x{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:32px}.close-x:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:2rem}.invoice-preview{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.invoice-label{color:#92400e;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.invoice-number-display{color:#78350f;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.customer-name-display{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 .25rem}.amount-display{color:#d97706;font-size:1.25rem;font-weight:800;margin:0}.paper-selection{margin-top:1.5rem}.selection-label{color:#78350f;display:block;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.paper-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.paper-options{grid-template-columns:1fr}}.paper-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s ease}.paper-card:hover{background:#fefce8;border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2433;transform:translateY(-2px)}.paper-card.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;box-shadow:0 4px 16px #fbbf244d}.paper-icon{font-size:2.5rem;margin-bottom:.25rem}.paper-details{text-align:center}.paper-details strong{color:#78350f;display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.paper-details span{color:#92400e;display:block;font-size:.75rem;font-weight:500;line-height:1.3}.modal-footer{background:#fef3c7;border-top:2px solid #fbbf24;display:flex;gap:1rem;padding:1.5rem 2rem}.cancel-btn,.confirm-print-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#fde68a;color:#78350f}.cancel-btn:hover{background:#fcd34d;transform:translateY(-2px)}.confirm-print-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d;color:#000}.confirm-print-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}.confirm-print-btn:active{transform:translateY(0)}.pagination-container{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:2px solid #fbbf24;display:flex;gap:1rem;justify-content:center;padding:2rem}@media (max-width:768px){.pagination-container{flex-direction:column;gap:.75rem;padding:1.5rem 1rem}}.pagination-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.75rem;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;min-width:120px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.pagination-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}@media (max-width:480px){.pagination-numbers{max-width:100%;overflow-x:auto;padding:.5rem 0}}.pagination-number{align-items:center;background:#fff;border:2px solid #fbbf24;border-radius:.5rem;color:#78350f;cursor:pointer;display:flex;font-size:.9375rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{background:#fef3c7;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b66;color:#fff;transform:scale(1.1)}body{background:#f7f3eb;font-family:Arial}.page{padding:20px}.layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr}.formCard{background:#fff;border-radius:14px;box-shadow:0 5px 20px #00000014;overflow:hidden}.formHeader{color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:15px}.formHeader.add{background:#3b2a1e}.formHeader.edit{background:#c08b2c}.formBody{display:flex;flex-direction:column;gap:12px;padding:20px}.formBody input,.formBody select,.formBody textarea{border:1px solid #ddd;border-radius:6px;padding:10px}.grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.amountBox{background:#3b2a1e;border-radius:8px;color:#fff;padding:15px}.amountBox h3{color:#e0b44c;margin:0}.amountBox input{margin-top:10px}.due{color:#ff6b6b;font-weight:700}.uploadBox{align-items:center;border:2px dashed #d4c2a5;display:flex;gap:10px;padding:10px}.saveBtn{background:#c08b2c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px}.tableCard{background:#fff;border-radius:14px;box-shadow:0 5px 20px #00000014;overflow:hidden}.tableHeader{align-items:center;background:#3b2a1e;color:#fff;display:flex;gap:10px;padding:15px}.tableWrap{overflow:auto}th{background:#f5efe3;font-size:13px}td,th{padding:12px}td{border-top:1px solid #eee}.editBtn{background:#e8f2ff;margin-right:5px}.deleteBtn,.editBtn{border:none;cursor:pointer;padding:6px}.deleteBtn{background:#ffe8e8}.dueText{color:#e53935;font-weight:700}.paidText{color:#2e7d32;font-weight:700}.pagination{gap:20px;padding:15px}.pagination button{background:#c08b2c;color:#fff}@media(max-width:900px){.layout{grid-template-columns:1fr}.oldFile{align-items:center;background:#f5efe3;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px}.viewBtn{background:#b48c36;border-radius:4px;color:#fff;font-size:12px;padding:4px 10px;text-decoration:none}}.stock-page{background:#faf6f1;color:#333;font-family:Inter,sans-serif;min-height:100vh;padding:20px}.header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px}.header h2{color:#b48c36;font-size:1.5rem;font-style:italic;font-weight:800;margin:0}.add-btn{background:linear-gradient(45deg,#d4af37,#ff4fa3);border:none;border-radius:12px;box-shadow:0 4px 15px #d4af374d;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:.3s ease}.add-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr;margin-bottom:25px}.search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;padding:12px 16px}.search input{background:#0000;border:none;font-size:14px;outline:none;width:100%}.filters select{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-weight:600;padding:12px}.table-box{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#fff3dc}th{color:#886b1e;font-size:12px;font-weight:800;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f8fafc;font-size:14px;padding:16px 15px}.modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:9999}.modal-box{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:100%;overflow-y:auto;padding:25px;width:500px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid input,.form-grid select{border:1px solid #ddd;border-radius:10px;font-size:14px;padding:12px}.total{background:#fff3dc;border-radius:12px;color:#b48c36;font-size:1.1rem;font-weight:800;text-align:center}.save-btn,.total{grid-column:span 2;padding:15px}.save-btn{background:linear-gradient(45deg,#1a1a1a,#333);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700}.pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}.pagination button{background:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px}.pagination .active{background:#d4af37;color:#fff}@media (max-width:768px){.header{align-items:stretch;flex-direction:column}.filters{grid-template-columns:1fr}table thead{display:none}table tr{background:#fff;border:1px solid #f1f5f9;border-radius:16px;display:block;margin-bottom:15px;padding:10px}table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:10px 12px;text-align:right}table td:before{color:#94a3b8;content:attr(data-label);font-size:10px;font-weight:800;margin-right:10px;text-transform:uppercase}.form-grid{grid-template-columns:1fr}.form-grid .save-btn,.form-grid .total{grid-column:span 1}.modal-box{padding:20px}}
/*# sourceMappingURL=main.57b1b2b5.css.map*/