*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f093fb,#f5576c);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#666;--text-tertiary:#888;--border-color:#e0e0e0;--shadow:#0000001a;--shadow-hover:#00000026;--gradient-primary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-secondary:linear-gradient(135deg,#667eea,#764ba2)}.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#888;--border-color:#404040;--shadow:#0000004d;--shadow-hover:#00000080;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#4facfe,#00f2fe)}.app{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);min-height:100vh;padding:20px;position:relative;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:1400px;width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-header .logo{font-size:4rem;margin-bottom:10px}.login-header h1{color:#333;font-size:2rem;margin-bottom:8px}.login-header h2{color:#666;font-size:1rem;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.login-form .form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.login-form .form-group label{color:#333;font-size:.95rem;font-weight:600;letter-spacing:-.2px}.login-form .form-group input{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-size:1rem;padding:14px 16px;transition:all .3s ease}.login-form .form-group input:focus{background:#fff;border-color:#f5576c;box-shadow:0 4px 16px #f5576c33;outline:none;transform:translateY(-2px)}.password-input-wrapper{position:relative}.btn-show-password{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#f5576c;cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px;transition:all .3s ease;width:100%}.btn-show-password:hover{background:#f8f9fa;border-color:#f5576c}.login-footer{color:#666;font-size:.9rem}.error-popup,.login-footer{margin-top:20px;text-align:center}.error-popup{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:15px}.error-content h3{color:#856404;margin-bottom:10px}.error-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.error-popup-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;max-width:450px;padding:35px;position:relative;text-align:center;width:90%}.error-popup-icon{animation:bounce .5s ease;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-popup-modal h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:15px}.error-popup-modal p{word-wrap:break-word;color:#666;font-size:1rem;line-height:1.6;margin-bottom:25px}.btn-error-ok{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 4px 15px #f5576c4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;min-width:120px;padding:12px 40px;transition:all .3s ease}.btn-error-ok:hover{box-shadow:0 6px 20px #f5576c66;transform:translateY(-2px)}.btn-error-ok:active{transform:translateY(0)}.header{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:16px;box-shadow:0 8px 32px #00000026;color:#fff;margin-bottom:30px;padding:25px 30px;position:relative;text-shadow:2px 2px 4px #0003;transition:box-shadow .3s ease;z-index:1000}.header:hover{box-shadow:0 12px 40px #0003}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.header-content>div:first-child{flex:1 1;max-width:400px;min-width:250px}.header h1{font-size:1.9rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.header h2{font-size:1rem;font-weight:400;letter-spacing:-.2px;line-height:1.3;opacity:.95}.header-navigation{flex-wrap:nowrap;gap:6px;z-index:1001}.header-nav-btn,.header-navigation{align-items:center;display:flex;flex-shrink:0;pointer-events:auto;position:relative}.header-nav-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;gap:4px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:100}.header-nav-cart{isolation:isolate!important;position:relative!important;touch-action:manipulation!important}.header-nav-cart,.header-nav-cart *{pointer-events:auto!important;z-index:1002!important}.cart-modal-overlay{z-index:10000!important}.loose-sale-modal-overlay{z-index:10001!important}.loose-sale-modal-content{position:relative}.btn-close-loose-sale{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;line-height:1;padding:8px 12px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.btn-close-loose-sale:hover{background:#f5576c1a;color:#f5576c;transform:scale(1.1)}.btn-close-loose-sale:active{transform:scale(.95)}.loose-sale-modal-content .modal-header{border-bottom:2px solid #e8e8e8;margin-bottom:20px;padding-bottom:16px;padding-right:50px}.loose-sale-modal-content .modal-header h3{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0}.financial-dashboard-page,.sales-reports-page,.sold-items-page{position:relative;z-index:1}.header,.header *{position:relative;z-index:1000}.header-nav-btn:hover{background:#ffffff4d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.header-nav-active{background:#fff!important;border-color:#fff!important;color:#f5576c!important}.cart-badge{background:#ff4757;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;line-height:1.2;margin-left:3px;min-width:18px;padding:2px 6px;text-align:center}@media (max-width:1400px){.header h1{font-size:1.7rem}.header h2{font-size:.95rem}.header-nav-btn{font-size:.8rem;gap:3px;padding:7px 10px}.header-navigation{gap:5px}}@media (max-width:1200px){.header-content{gap:12px}.header-content>div:first-child{max-width:350px;min-width:200px}.header h1{font-size:1.6rem}.header-nav-btn{font-size:.75rem;padding:6px 9px}}@media (max-width:1024px){.header-navigation{flex-wrap:wrap;gap:4px}}.actions-bar{background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #f5576c1a;border-radius:24px;box-shadow:0 8px 32px #f5576c1f;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:28px;transition:all .3s ease}.actions-bar:hover{box-shadow:0 12px 48px #f5576c2e;transform:translateY(-2px)}.actions-bar-top{gap:16px}.actions-bar-bottom,.actions-bar-top{align-items:center;display:flex;flex-wrap:wrap;width:100%}.actions-bar-bottom{border-top:2px solid #f5576c1a;flex-direction:row-reverse;gap:12px;justify-content:space-between;padding-top:16px}.actions-bar-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px}.actions-bar-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-container{flex:1 1;max-width:500px;min-width:280px;position:relative}.search-input{background:#fff;border:2px solid #f5576c33;border-radius:16px;box-shadow:0 4px 12px #f5576c14;color:#333;font-size:1rem;padding:16px 50px 16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#fff;border-color:#f5576c;box-shadow:0 8px 24px #f5576c40;outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#999;font-weight:400}.btn-clear-search{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.3rem;height:28px;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.btn-clear-search:hover{background:#f5576c1a;color:#f5576c}.quantity-search-container{max-width:300px;min-width:250px;position:relative}.quantity-search-input{background:#fff;border:2px solid #f5576c33;border-radius:16px;box-shadow:0 4px 12px #f5576c14;color:#333;font-size:1rem;padding:16px 50px 16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.quantity-search-input:focus{background:#fff;border-color:#f5576c;box-shadow:0 8px 24px #f5576c40;outline:none;transform:translateY(-2px)}.stock-filter-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #f5576c26;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;padding:8px}.stock-filter-btn{background:#fff;border:2px solid #f5576c33;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#666;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;height:44px;min-width:140px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.stock-filter-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.stock-filter-btn:hover:before{left:100%}.stock-filter-btn:hover{border-color:#f5576c;box-shadow:0 6px 20px #f5576c40;color:#f5576c;transform:translateY(-2px)}.stock-filter-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000;box-shadow:0 6px 24px #f5576c66;color:#fff;transform:translateY(-2px)}.date-filters-inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.date-filters-inline .form-group{flex:1 1;margin:0;min-width:200px}.date-filters-inline .form-group label{color:#333;display:block;font-size:.9rem;font-weight:600;letter-spacing:-.2px;margin-bottom:10px}.date-input-inline{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-size:.95rem;padding:14px 16px;transition:all .3s ease;width:100%}.date-input-inline:focus{background:#fff;border-color:#f5576c;box-shadow:0 4px 16px #f5576c33;outline:none;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;height:44px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:active{box-shadow:0 1px 4px #0000001a;transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #f5576c80;transform:translateY(-3px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-large{font-size:1.1rem;padding:14px 28px}.btn-login{margin-top:10px;padding:14px;width:100%}.print-btn{background:#17a2b8;color:#fff}.print-btn:hover{background:#138496}.btn-edit{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-edit:hover:not(:disabled){box-shadow:0 4px 12px #ffc10766;transform:translateY(-1px)}.btn-delete{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-delete:hover:not(:disabled){box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.btn-delete:disabled,.btn-edit:disabled{cursor:not-allowed;opacity:.5}.btn-quantity{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:30px;justify-content:center;transition:all .2s ease;width:30px}.btn-quantity:hover:not(:disabled){box-shadow:0 4px 12px #28a74580;transform:translateY(-2px) scale(1.05)}.btn-remove{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.btn-remove:hover:not(:disabled){box-shadow:0 4px 12px #dc354580;transform:translateY(-2px) scale(1.05)}.inventory-table-container{background:#fff;border:1px solid #f5576c1a;border-radius:24px;box-shadow:0 8px 32px #f5576c1f;max-height:calc(100vh - 320px);overflow:hidden;position:relative;transition:all .3s ease;width:100%}.inventory-table-container:hover{box-shadow:0 12px 48px #f5576c2e;transform:translateY(-2px)}.inventory-table-container .table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:20px;max-height:calc(100vh - 280px);overflow-x:auto;overflow-y:auto;padding-bottom:40px;position:relative;scrollbar-color:#f5576c #f8f9fa;scrollbar-width:thin;width:100%}.inventory-table-container .table-scroll-wrapper::-webkit-scrollbar{height:10px}.inventory-table-container .table-scroll-wrapper::-webkit-scrollbar-track{background:#f8f9fa;border-radius:5px}.inventory-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb{background:#f5576c;border-radius:5px}.inventory-table-container .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#e0455a}.inventory-table{border-collapse:collapse;margin:0 0 20px;table-layout:fixed;width:100%}.unit-type-options{display:flex;flex-direction:row;gap:20px;margin-bottom:8px;margin-top:12px}.unit-type-option{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:14px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex:1 1;gap:14px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease}.unit-type-option:before{background:linear-gradient(135deg,#f5576c0d,#667eea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.unit-type-option:hover{background:#fff5f7;border-color:#f5576c;box-shadow:0 4px 16px #f5576c26;transform:translateY(-2px)}.unit-type-option:hover:before{opacity:1}.unit-type-option input[type=radio]{accent-color:#f5576c;cursor:pointer;height:22px;position:relative;width:22px;z-index:1}.unit-type-option input[type=radio]:checked+.radio-label{color:#f5576c;font-weight:700}.unit-type-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#fff5f7,#ffeef0);border-color:#f5576c;box-shadow:0 6px 24px #f5576c33;transform:translateY(-2px)}.unit-type-option:has(input[type=radio]:checked):before{opacity:1}.radio-label{color:#2c3e50;cursor:pointer;font-size:1.05rem;font-weight:600;letter-spacing:-.2px;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.units-per-strip-control{align-items:center;display:flex;gap:8px}.btn-quantity-control{align-items:center;background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-quantity-control:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.05)}.btn-quantity-control:disabled{cursor:not-allowed;opacity:.5}.units-per-strip-control input[type=number]{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:.95rem;min-width:60px;padding:8px 12px;text-align:center}.units-per-strip-control input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.unit-type-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-align:center}.unit-type-badge.loose-sale{background:#e3f2fd;color:#1976d2}.unit-type-badge.unit-sale{background:#f3e5f5;color:#7b1fa2}.inventory-table td,.inventory-table th{border-bottom:1px solid #e8e8e8;font-size:.95rem;overflow:hidden;padding:16px 20px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.inventory-table th{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1rem;font-size:.85rem;font-weight:700;letter-spacing:-.2px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.inventory-table tbody tr{background:#fff;position:relative;transition:all .2s ease}.inventory-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.001)}.inventory-table td.col-discount,.inventory-table td.col-price-after,.inventory-table td.col-purchase-price,.inventory-table td.col-quantity,.inventory-table td.col-selling-price,.inventory-table td.col-selling-price-per-unit,.inventory-table td.col-total-units,.inventory-table td.col-units-per-strip{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.inventory-table td.col-unit-type{text-align:center}.inventory-table td.col-expiry,.inventory-table td.col-product-name{word-wrap:break-word;white-space:normal}.inventory-table td.col-product-name,.inventory-table th.col-product-name{width:18%}.inventory-table td.col-unit-type,.inventory-table th.col-unit-type{width:10%}.inventory-table td.col-quantity,.inventory-table th.col-quantity{width:8%}.inventory-table td.col-total-units,.inventory-table th.col-total-units{width:10%}.inventory-table td.col-units-per-strip,.inventory-table th.col-units-per-strip{width:8%}.inventory-table td.col-selling-price,.inventory-table td.col-selling-price-per-unit,.inventory-table th.col-selling-price,.inventory-table th.col-selling-price-per-unit{width:10%}.inventory-table td.col-discount,.inventory-table th.col-discount{width:8%}.inventory-table td.col-price-after,.inventory-table th.col-price-after{width:10%}.inventory-table td.col-expiry,.inventory-table th.col-expiry{width:8%}.inventory-table td.col-actions-sticky,.inventory-table th.col-actions-sticky{background:#fff;box-shadow:-2px 0 4px #0000001a;max-width:180px;min-width:180px;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;white-space:nowrap;width:180px;z-index:10}.inventory-table th.col-actions-sticky{background:linear-gradient(135deg,#f093fb,#f5576c);z-index:11}.expanded-row,.inventory-table tbody tr.row-expanded td.col-actions-sticky,.inventory-table tbody tr:hover td.col-actions-sticky{background:#f8f9fa}.expanded-row-content{background:#f8f9fa;padding:20px!important}.expanded-details{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.expanded-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:1rem;font-weight:500}.table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}.table-actions .btn{flex-shrink:0;font-size:.75rem;height:32px;min-width:auto;padding:6px 10px;white-space:nowrap}.table-actions .btn-icon-only{align-items:center;border-radius:8px;display:flex;font-size:1.1rem;height:36px;justify-content:center;min-width:36px;padding:0;width:36px}.btn-show-more{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-show-more:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-sell{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-sell:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.btn-sell:disabled{cursor:not-allowed;opacity:.5}.sold-items-table-container{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;max-height:calc(100vh - 250px);overflow:visible;position:relative;transition:box-shadow .3s ease;width:100%}.sold-items-table-container:hover{box-shadow:0 8px 24px #00000026}.sold-items-table-wrapper{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 250px);overflow-x:auto;overflow-y:auto;padding-bottom:40px;scrollbar-color:#f5576c #f8f9fa;scrollbar-width:thin;width:100%}.sold-items-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.sold-items-table-wrapper::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.sold-items-table-wrapper::-webkit-scrollbar-thumb{background:#f5576c;border-radius:4px}.sold-items-table-wrapper::-webkit-scrollbar-thumb:hover{background:#e0455a}.sold-items-table{border-collapse:collapse;margin:0;table-layout:auto;width:100%}.sold-items-table td,.sold-items-table th{border-bottom:1px solid #e8e8e8;font-size:.95rem;padding:16px 20px;text-align:left;white-space:nowrap}.sold-items-table th{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1rem;font-size:.85rem;font-weight:700;letter-spacing:-.2px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.sold-items-table tbody tr{background:#fff;transition:all .2s ease}.sold-items-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.001)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.payment-modal{z-index:10000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px;position:relative}.inventory-form-modal{max-height:90vh;max-width:650px;overflow-y:auto;padding:32px;width:90%}.form-header{align-items:center;border-bottom:3px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.form-header h3{color:#2c3e50;font-size:1.85rem}.form-header h2,.form-header h3{font-weight:700;letter-spacing:-.5px;margin:0}.form-header h2{color:#333;font-size:1.75rem}.btn-close-form{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .3s ease}.btn-close-form:hover{color:#f5576c}.inventory-form{display:flex;flex-direction:column;gap:32px}.form-section{background:linear-gradient(135deg,#fafafa,#f5f7fa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 12px #0000000a;margin-bottom:28px;padding:28px 32px;transition:all .3s ease}.form-section:hover{border-color:#d0d7de;box-shadow:0 6px 20px #0000000f}.section-title{align-items:center;border-bottom:3px solid #e8e8e8;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:700;gap:8px;letter-spacing:-.3px;margin-bottom:24px;padding-bottom:16px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;letter-spacing:-.2px;margin-bottom:10px}.required{color:#dc3545}.readonly-label{color:#666;font-size:.8rem;font-weight:400;margin-left:8px}.field-hint{color:#666;display:block;font-size:.8rem;font-style:italic;line-height:1.4;margin-top:8px}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.form-group input:disabled,.form-group input[disabled]{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.form-group input:disabled:hover{box-shadow:none;transform:none}.field-error-message{color:#dc3545;display:block;font-size:.85rem;font-weight:500;line-height:1.4;margin-top:8px}.readonly-input{background:#f8f9fa;cursor:not-allowed}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:14px;box-shadow:0 3px 8px #0000000f;box-sizing:border-box;color:#333;font-family:inherit;font-size:1rem;line-height:1.5;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#f5576c;box-shadow:0 6px 20px #f5576c40;outline:none;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{max-height:100px;min-height:60px;resize:vertical}.form-actions{border-top:3px solid #e8e8e8;display:flex;gap:20px;justify-content:flex-end;margin-top:36px;padding-top:28px}.confirm-buttons{display:flex;gap:15px;margin-top:20px}.btn-confirm-yes{background:#dc3545;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s ease}.btn-confirm-yes:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-confirm-no{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s ease}.btn-confirm-no:hover{background:#5a6268;transform:translateY(-2px)}.cart-modal{animation:slideUp .3s ease;max-height:90vh;max-width:900px;overflow-y:auto;padding:32px;width:90%}.cart-modal-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.cart-modal-header h2,.cart-modal-header h3{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.btn-close-cart{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .3s ease}.btn-close-cart:hover{color:#f5576c}.empty-cart{color:#666;padding:40px;text-align:center}.cart-items{margin-bottom:20px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding-bottom:30px}.cart-table{border-collapse:collapse;table-layout:fixed;width:100%}.cart-table td,.cart-table th{border-bottom:1px solid #e8e8e8;font-size:.9rem;overflow:hidden;padding:12px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cart-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333;font-size:.85rem;font-weight:700;letter-spacing:-.2px;text-transform:uppercase}.cart-table td:first-child,.cart-table th:first-child{width:25%}.cart-table td:nth-child(2),.cart-table th:nth-child(2){text-align:center;width:10%}.cart-table td:nth-child(3),.cart-table th:nth-child(3){text-align:right;width:15%}.cart-table td:nth-child(4),.cart-table th:nth-child(4){text-align:center;width:12%}.cart-table td:nth-child(5),.cart-table th:nth-child(5){text-align:right;width:15%}.cart-table td:nth-child(6),.cart-table th:nth-child(6){padding:8px 4px;text-align:center;width:23%}.cart-quantity-controls{flex-wrap:nowrap;gap:6px}.cart-quantity-controls,.cart-quantity-controls .btn{align-items:center;display:flex;justify-content:center}.cart-quantity-controls .btn{flex-shrink:0;font-size:.85rem;height:32px;min-width:32px;padding:6px 10px;white-space:nowrap}.cart-quantity-controls .btn-edit{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:6px;box-shadow:0 2px 8px #ffc1074d;color:#333;font-weight:600;transition:all .2s ease}.cart-quantity-controls .btn-edit:hover:not(:disabled){box-shadow:0 4px 12px #ffc10780;transform:translateY(-2px) scale(1.05)}.cart-quantity-controls .btn-quantity{border:none;border-radius:6px;box-shadow:0 2px 8px #0003;font-weight:600;transition:all .2s ease}.cart-quantity-controls .btn-increase{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.cart-quantity-controls .btn-increase:hover:not(:disabled){box-shadow:0 4px 12px #28a74580;transform:translateY(-2px) scale(1.05)}.cart-quantity-controls .btn-decrease{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333}.cart-quantity-controls .btn-decrease:hover:not(:disabled){box-shadow:0 4px 12px #ffc10780;transform:translateY(-2px) scale(1.05)}.cart-quantity-controls .btn-remove{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;box-shadow:0 2px 8px #dc35454d;color:#fff;transition:all .2s ease}.cart-quantity-controls .btn-remove:hover:not(:disabled){box-shadow:0 4px 12px #dc354580;transform:translateY(-2px) scale(1.05)}.cart-total{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px;text-align:right}.cart-total h3{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.customer-info-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px}.customer-info-title{color:#333;font-size:1.2rem;font-weight:700;letter-spacing:-.3px;margin:0 0 18px}.customer-info-form{display:flex;flex-direction:column;gap:18px}.customer-info-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.customer-info-form .form-row{grid-template-columns:1fr}}.payment-type-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;box-sizing:border-box;color:#333;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.payment-type-select:focus{border-color:#f5576c;box-shadow:0 4px 16px #f5576c33;outline:none;transform:translateY(-2px)}.payment-type-select:hover{border-color:#f5576c}.profile-modal{max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;width:90%}.profile-modal-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.profile-modal-header h2{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-settings-section{border-top:2px solid #e8e8e8;margin-top:24px;padding-top:24px}.settings-row{gap:20px}.setting-item,.settings-row{display:flex;flex-direction:column}.setting-item{gap:10px}.setting-item label{color:#333;font-weight:600}.setting-controls{display:flex;gap:10px}.language-option-btn,.theme-option-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px;transition:all .3s ease}.language-option-btn:hover,.theme-option-btn:hover{border-color:#f5576c;color:#f5576c}.language-option-btn.active,.theme-option-btn.active{background:#f5576c;border-color:#f5576c;color:#fff}.sales-reports-page{padding:0}.sales-reports-header{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px;text-align:center}.sales-reports-header h2{color:#333;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.sales-reports-description{color:#666;font-size:1.05rem;line-height:1.6;text-align:center}.sales-reports-filters{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.period-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.period-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;min-height:52px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.period-btn:hover{border-color:#f5576c;box-shadow:0 4px 12px #f5576c40;color:#f5576c;transform:translateY(-2px)}.period-btn-active{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f5576c;box-shadow:0 4px 16px #f5576c66;color:#fff}.period-icon{font-size:1.2rem}.sales-report-content{display:flex;flex-direction:column;gap:32px}.sales-summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden;padding:32px 28px;position:relative;text-align:center;transition:all .3s ease}.summary-card:before{background:linear-gradient(135deg,#f093fb,#f5576c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.summary-card-icon{display:block;font-size:3.5rem;line-height:1;margin-bottom:20px}.summary-card h3{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.summary-value{font-size:2rem;letter-spacing:-.5px;margin-bottom:8px}.summary-description{color:#999;font-size:.8rem;line-height:1.5}.section-header{border-bottom:2px solid #e8e8e8;margin-bottom:24px;padding-bottom:16px}.section-header h3{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.section-description{color:#666;font-size:.95rem;line-height:1.6}.revenue-chart-container{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.profit-loss-container,.sales-breakdown-container,.top-products-container{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.chart-wrapper{background:#fff;border-radius:12px;margin-top:24px;padding:20px}.bar-chart{align-items:flex-end;background:#fff;border-bottom:2px solid #e8e8e8;border-radius:8px;display:flex;gap:16px;height:320px;padding:24px 20px}.chart-bar-item{align-items:center;height:100%}.chart-bar-item,.chart-bar-wrapper{display:flex;flex:1 1;flex-direction:column}.chart-bar-wrapper{justify-content:flex-end;position:relative;width:100%}.chart-bar{background:#e0e0e0;min-height:20px;position:relative}.chart-bar,.chart-bar-fill{border-radius:4px 4px 0 0;width:100%}.chart-bar-fill{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:0;position:absolute}.chart-bar-value{color:#333;font-size:.9rem;font-weight:700;letter-spacing:-.2px;margin-top:10px}.chart-bar-label{color:#666;font-size:.85rem;font-weight:500;margin-top:10px;text-align:center}.table-wrapper{overflow-x:auto}.profit-loss-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}.profit-loss-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.profit-loss-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.profit-loss-highlight{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;box-shadow:0 4px 16px #f5576c4d;color:#fff}.profit-loss-label{font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;opacity:.9;text-transform:uppercase}.profit-loss-value{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.profit-loss-margin{font-size:.9rem;margin-top:8px;opacity:.9}.top-products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.top-product-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;position:relative;transition:all .3s ease}.top-product-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.top-product-rank{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;box-shadow:0 2px 8px #f5576c4d;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px}.top-product-name{color:#333;font-size:1.15rem;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.top-product-stats{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.top-product-stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#666;font-size:.75rem}.stat-value{color:#333;font-weight:600}.top-product-bar{background:#e0e0e0;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin-bottom:10px;overflow:hidden}.top-product-bar-fill{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:5px;height:100%;transition:width .3s ease}.top-product-percent{color:#666;font-size:.85rem;font-weight:600;text-align:center}.financial-empty-state,.sales-empty-state{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:80px 40px;text-align:center}.empty-state-icon{display:block;font-size:4.5rem;margin-bottom:24px}.financial-empty-state h3,.sales-empty-state h3{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.financial-empty-state p,.sales-empty-state p{color:#666;font-size:1rem;line-height:1.6;margin:0 auto;max-width:500px}.financial-dashboard-header,.financial-dashboard-page{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.financial-dashboard-header{margin-bottom:32px;position:relative;text-align:center}.financial-dashboard-header .print-btn{position:absolute;right:24px;top:24px}.financial-dashboard-header h2{color:#333;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.dashboard-description{color:#666;font-size:1.05rem;line-height:1.6;text-align:center}.financial-dashboard-content{display:flex;flex-direction:column;gap:32px}.financial-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.financial-metric-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;gap:20px;overflow:hidden;padding:32px 28px;position:relative;transition:all .3s ease}.financial-metric-card:before{background:linear-gradient(135deg,#f093fb,#f5576c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.financial-metric-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.metric-icon{flex-shrink:0;font-size:3.5rem;line-height:1}.metric-content{flex:1 1}.metric-content h3{color:#666;font-size:.9rem;font-size:.85rem;font-weight:600;letter-spacing:-.2px;margin-bottom:10px;text-transform:uppercase}.metric-value{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.metric-subtitle{color:#999;font-size:.8rem;line-height:1.5}.daily-trends-container,.period-comparison-section,.revenue-trends-container{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.financial-health-container,.top-revenue-products-container{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.inventory-details-section{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:24px;padding:32px}.inventory-counts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.inventory-count-card{align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:24px;transition:all .3s ease}.inventory-count-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.inventory-count-card.count-available{border-color:#28a745}.inventory-count-card.count-available:hover{border-color:#28a745;box-shadow:0 8px 20px #28a74533}.inventory-count-card.count-zero{border-color:#ffc107}.inventory-count-card.count-zero:hover{border-color:#ffc107;box-shadow:0 8px 20px #ffc10733}.inventory-count-card.count-expired{border-color:#dc3545}.inventory-count-card.count-expired:hover{border-color:#dc3545;box-shadow:0 8px 20px #dc354533}.inventory-count-card.count-expired-to-be{border-color:#ff9800}.inventory-count-card.count-expired-to-be:hover{border-color:#ff9800;box-shadow:0 8px 20px #ff980033}.inventory-count-card.count-deleted{border-color:#6c757d}.inventory-count-card.count-deleted:hover{border-color:#6c757d;box-shadow:0 8px 20px #6c757d33}.count-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.count-content{flex:1 1}.count-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.count-value{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.5px}.count-subtitle{color:#999;font-size:.9rem;margin-top:4px}.period-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.period-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.period-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.period-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.period-revenue{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.period-details{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:12px}.period-net{color:#666;font-size:.95rem;font-weight:600;margin-top:8px}.period-growth{font-weight:600;margin-top:10px}.growth-positive{color:#28a745}.growth-negative{color:#dc3545}.trend-summary-stats{margin:24px 0}.trend-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trend-stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.trend-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.trend-stat-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.trend-stat-value{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.trend-stat-value.positive{color:#28a745}.trend-stat-value.negative{color:#dc3545}.trend-stat-desc{color:#999;font-size:.75rem}.daily-revenue-simple,.revenue-trends-simple{margin-top:24px}.monthly-revenue-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.monthly-revenue-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;transition:all .3s ease}.monthly-revenue-card:hover{border-color:#f5576c;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.monthly-revenue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.month-name{color:#333;font-size:1.1rem;font-weight:700;letter-spacing:-.3px}.month-change{border-radius:6px;font-size:.85rem;font-weight:700;padding:4px 8px}.month-change.positive{background:#28a7451a;color:#28a745}.month-change.negative{background:#dc35451a;color:#dc3545}.monthly-revenue-amount{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.monthly-revenue-bar-container{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.monthly-revenue-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.monthly-revenue-details{color:#666;display:flex;font-size:.85rem;gap:12px}.daily-revenue-grid{grid-gap:12px;background:#fafafa;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-bottom:24px;padding:20px}.daily-revenue-item{align-items:center;display:flex;flex-direction:column;gap:8px}.daily-revenue-bar-wrapper{align-items:flex-end;display:flex;height:200px;justify-content:center;position:relative;width:100%}.daily-revenue-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;min-height:8px;position:relative;transition:all .3s ease;width:100%}.daily-revenue-bar:hover{background:linear-gradient(180deg,#764ba2,#667eea);transform:scaleY(1.05)}.daily-revenue-tooltip{background:#000000e6;border-radius:6px;bottom:calc(100% + 10px);color:#fff;font-size:.75rem;opacity:0;padding:8px 12px;pointer-events:none;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:100}.daily-revenue-tooltip,.daily-revenue-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.daily-revenue-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";top:100%}.daily-revenue-bar:hover .daily-revenue-tooltip{opacity:1;visibility:visible}.tooltip-date{border-bottom:1px solid #fff3;font-weight:600;margin-bottom:4px;padding-bottom:4px}.tooltip-amount{color:#4ade80;font-size:1rem;font-weight:700;margin:4px 0}.tooltip-orders{color:#ccc;font-size:.7rem}.daily-revenue-label{font-size:.75rem;text-align:center}.day-name{color:#999;font-size:.7rem;margin-bottom:2px}.day-number{color:#333;font-size:.9rem;font-weight:700}.revenue-trends-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:20px}.summary-item{flex:1 1;min-width:150px;text-align:center}.summary-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.3px}.trend-bar-item,.trend-line-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.trend-bar-wrapper,.trend-line-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:relative;width:100%}.trend-bar,.trend-line-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:6px 6px 0 0;box-shadow:0 2px 8px #667eea33;cursor:pointer;min-height:20px;position:relative;transition:all .3s ease;width:100%}.trend-bar:hover,.trend-line-bar:hover{background:linear-gradient(180deg,#764ba2,#667eea);box-shadow:0 4px 16px #667eea66;transform:scaleY(1.05)}.trend-bar-tooltip,.trend-line-tooltip{background:#000000e6;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 16px #0000004d;color:#fff;font-size:.8rem;left:50%;min-width:180px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:100}.trend-bar-tooltip:after,.trend-line-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.trend-bar:hover .trend-bar-tooltip,.trend-line-bar:hover .trend-line-tooltip{bottom:calc(100% + 15px);opacity:1;visibility:visible}.tooltip-header{border-bottom:1px solid #fff3;color:#fff;font-size:.85rem;font-weight:700;margin-bottom:6px;padding-bottom:4px}.tooltip-value{color:#4ade80;font-size:1.1rem;font-weight:700;margin:8px 0}.tooltip-details{color:#ccc;display:flex;flex-direction:column;font-size:.75rem;gap:4px;margin-top:6px}.tooltip-change{border-top:1px solid #fff3;font-size:.8rem;font-weight:600;margin-top:8px;padding-top:8px}.tooltip-change.positive{color:#4ade80}.tooltip-change.negative{color:#f87171}.trend-bar-value,.trend-line-value{color:#333;font-size:.85rem;font-weight:700;letter-spacing:-.2px;margin-top:8px;text-align:center}.trend-change-indicator{border-radius:4px;font-size:.7rem;font-weight:700;left:50%;padding:2px 6px;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.trend-change-indicator.positive{background:#28a7451a;color:#28a745}.trend-change-indicator.negative{background:#dc35451a;color:#dc3545}.trend-bar-label,.trend-line-label{color:#666;font-size:.85rem;font-weight:500;margin-top:10px;text-align:center}.tooltip-date{font-size:.7rem;opacity:.8}.top-revenue-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.top-revenue-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;position:relative;transition:all .3s ease}.top-revenue-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.top-revenue-rank{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;box-shadow:0 2px 8px #f5576c4d;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px}.top-revenue-name{font-size:1.15rem;letter-spacing:-.3px}.top-revenue-amount,.top-revenue-name{color:#333;font-weight:700;margin-bottom:12px}.top-revenue-amount{font-size:1.75rem;letter-spacing:-.5px}.top-revenue-stats{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;justify-content:center;margin-bottom:12px}.top-revenue-progress{background:#e0e0e0;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin-bottom:10px;overflow:hidden}.top-revenue-progress-bar{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:5px;height:100%;transition:width .3s ease}.top-revenue-percent{color:#666;font-size:.85rem;font-weight:600;text-align:center}.health-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.health-metric{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.health-metric:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.health-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.health-value{color:#333;font-size:2rem;font-weight:700;letter-spacing:-.5px}.app-footer{background:#fff;background:var(--bg-primary);border-radius:16px 16px 0 0;border-top:2px solid #e0e0e0;border-top:2px solid var(--border-color);margin-top:48px;padding:16px 24px;text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:12px;justify-content:center}.footer-email,.footer-phone,.footer-text{color:#666;color:var(--text-secondary);font-size:.75rem;font-weight:500}.footer-separator{color:#888;color:var(--text-tertiary);font-size:.75rem;margin:0 6px}.loading{color:#666;font-size:1.1rem;padding:80px 40px}.empty-state,.loading{background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #f5576c1a;border-radius:24px;box-shadow:0 8px 32px #f5576c1f;margin-top:30px;text-align:center}.empty-state{padding:100px 40px}.empty-state h3{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.empty-state p{color:#666;font-size:1rem;line-height:1.6}.dark-theme .app{background-color:#f8f9fa;background-color:var(--bg-secondary)}.dark-theme .daily-trends-container,.dark-theme .inventory-table-container,.dark-theme .modal-content,.dark-theme .period-comparison-section,.dark-theme .revenue-chart-container,.dark-theme .revenue-trends-container,.dark-theme .sold-items-table-container,.dark-theme .summary-card{background:#fff;background:var(--bg-primary);border-color:#e0e0e0;border-color:var(--border-color)}.dark-theme .financial-dashboard-page,.dark-theme .financial-metric-card,.dark-theme .profit-loss-container,.dark-theme .sales-breakdown-container,.dark-theme .top-products-container{background:#fff;background:var(--bg-primary)}.dark-theme .daily-trends-container,.dark-theme .revenue-trends-container{color:#333;color:var(--text-primary)}.dark-theme .empty-state,.dark-theme .financial-empty-state,.dark-theme .financial-health-container,.dark-theme .sales-empty-state,.dark-theme .top-revenue-products-container{background:#fff;background:var(--bg-primary);color:#333;color:var(--text-primary)}.dark-theme .inventory-table th.col-visible{background:linear-gradient(135deg,#667eea,#764ba2)}.dark-theme .inventory-table tbody tr{background:#fff;background:var(--bg-primary);color:#333;color:var(--text-primary)}.dark-theme .inventory-table tbody tr:hover{background:#f8f9fa;background:var(--bg-secondary)}.dark-theme .inventory-table td{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-theme .sold-items-table th{background:linear-gradient(135deg,#667eea,#764ba2)}.dark-theme .sold-items-table tbody tr{background:#fff;background:var(--bg-primary);color:#333;color:var(--text-primary)}.dark-theme .sold-items-table tbody tr:hover{background:#f8f9fa;background:var(--bg-secondary)}.dark-theme .sold-items-table td,.dark-theme .sold-items-table th{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color)}.dark-theme .date-input-inline,.dark-theme .form-group input,.dark-theme .form-group select,.dark-theme .form-group textarea,.dark-theme .quantity-search-input,.dark-theme .search-input,.dark-theme .stock-filter-btn{background:#f8f9fa;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-theme .stock-filter-btn.active{background:#667eea;border-color:#667eea}.dark-theme .health-value,.dark-theme .metric-value,.dark-theme .period-revenue,.dark-theme .summary-value{color:#333;color:var(--text-primary)}.dark-theme .footer-email,.dark-theme .footer-phone,.dark-theme .footer-text{color:#666;color:var(--text-secondary)}@media (max-width:768px){.header-navigation{flex-direction:column;width:100%}.header-nav-btn{justify-content:center;width:100%}.actions-bar{padding:20px}.actions-bar-bottom,.actions-bar-top{flex-direction:column;gap:16px}.actions-bar-left,.actions-bar-right{justify-content:flex-start;width:100%}.quantity-search-container,.search-container{max-width:100%;width:100%}.stock-filter-container{justify-content:center;width:100%}.financial-metrics-grid,.form-row,.period-cards-grid,.sales-summary-cards,.top-products-grid,.top-revenue-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:4px}}.batch-import-modal{display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;padding:0;width:95%}.batch-import-tabs{background:#f8f9fa;background:var(--bg-secondary);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);border-radius:20px 20px 0 0;display:flex;padding:0 32px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;position:relative;top:2px;transition:all .3s ease}.tab-button:hover:not(:disabled){background:#e9ecef;background:var(--bg-tertiary);color:#333;color:var(--text-primary)}.tab-button.active{background:#fff;background:var(--bg-primary);border-bottom-color:#667eea;color:#667eea}.tab-button:disabled{cursor:not-allowed;opacity:.5}.batch-import-content{flex:1 1;overflow-y:auto;padding:32px}.file-upload-section{display:flex;flex-direction:column;gap:24px}.file-drop-zone{background:#f8f9fa;background:var(--bg-secondary);border:3px dashed #e0e0e0;border:3px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:60px 20px;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:#e9ecef;background:var(--bg-tertiary);border-color:#667eea}.file-drop-zone.dragover{background:#667eea1a;border-color:#667eea}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:64px;margin-bottom:16px}.drop-zone-text{color:#333;color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:8px}.drop-zone-hint{color:#666;color:var(--text-secondary);font-size:14px}.file-preview{align-items:center;background:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.dark-theme .file-preview{background:#2e7d3233;color:#81c784}.btn-remove-file{background:#0000;border:none;border-radius:4px;color:#2e7d32;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.btn-remove-file:hover{background:#0000001a}.dark-theme .btn-remove-file{color:#81c784}.file-format-info{background:#f8f9fa;background:var(--bg-secondary);border-radius:12px;margin-top:8px;padding:20px}.file-format-info h4{color:#333;color:var(--text-primary);font-size:16px;margin:0 0 16px}.format-table{margin-bottom:12px;overflow-x:auto}.format-table table{border-collapse:collapse;font-size:12px;width:100%}.format-table td,.format-table th{border:1px solid #e0e0e0;border:1px solid var(--border-color);padding:8px;text-align:left}.format-table th{background:#e9ecef;background:var(--bg-tertiary);color:#333;color:var(--text-primary);font-weight:600}.format-note,.format-table td{color:#666;color:var(--text-secondary)}.format-note{font-size:13px;line-height:1.6;margin:0}.bulk-text-section{display:flex;flex-direction:column;gap:20px}.text-input-header{align-items:center;display:flex;justify-content:space-between}.text-input-header h4{font-size:16px;margin:0}.btn-sample,.text-input-header h4{color:#333;color:var(--text-primary)}.btn-sample{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-sample:hover:not(:disabled){background:#e0e0e0;background:var(--border-color)}.btn-sample:disabled{cursor:not-allowed;opacity:.5}.bulk-text-input{background:#fff;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;min-height:300px;padding:16px;resize:vertical;transition:border-color .3s;width:100%}.bulk-text-input:focus{border-color:#667eea;outline:none}.bulk-text-input:disabled{cursor:not-allowed;opacity:.6}.format-info-text{background:#f8f9fa;background:var(--bg-secondary);border-radius:8px;padding:16px}.format-info-text p{color:#666;color:var(--text-secondary);font-size:14px;margin:8px 0}.format-example{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);font-size:12px;margin:8px 0;overflow-x:auto;padding:12px}.error-message-batch{align-items:center;background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.dark-theme .error-message-batch{background:#c6282833;border-color:#ef5350;color:#ffcdd2}.error-icon{font-size:18px}.import-status-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:95%}.import-status-content{flex:1 1;overflow-y:auto;padding:32px}.status-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.status-card{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.status-card.active{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.status-card.success{background:#4caf501a;border-color:#4caf50}.status-card.error{background:#f443361a;border-color:#f44336}.status-card.warning{background:#ff98001a;border-color:#ff9800}.status-icon{font-size:32px}.status-info{flex:1 1}.status-label{color:#666;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.status-value{color:#333;color:var(--text-primary);font-size:24px;font-weight:700}.failed-section,.success-section{margin-bottom:24px}.section-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h4{color:#333;color:var(--text-primary);font-size:18px;margin:0}.btn-toggle-details{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.btn-toggle-details:hover{background:#e0e0e0;background:var(--border-color)}.success-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.success-item{align-items:center;background:#4caf501a;border-left:4px solid #4caf50;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.dark-theme .success-item{background:#4caf5033}.item-name{color:#333;color:var(--text-primary);font-weight:600}.item-details{font-size:13px}.item-details,.more-items{color:#666;color:var(--text-secondary)}.more-items{font-style:italic;padding:12px;text-align:center}.failed-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.failed-item{background:#f443361a;border-left:4px solid #f44336;border-radius:8px;padding:16px}.dark-theme .failed-item{background:#f4433633}.failed-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.failed-item-name{color:#333;color:var(--text-primary);font-weight:600}.failed-row-number{background:#e9ecef;background:var(--bg-tertiary);border-radius:4px;color:#666;color:var(--text-secondary);font-size:12px;padding:4px 8px}.failed-item-error{align-items:center;color:#c62828;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.dark-theme .failed-item-error{color:#ffcdd2}.error-icon-small{font-size:16px}.failed-item-data{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.failed-item-data small{color:#666;color:var(--text-secondary);font-family:Courier New,monospace;font-size:11px}.failed-preview{display:flex;flex-direction:column;gap:8px}.failed-preview-item{align-items:center;background:#f443361a;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.error-badge{background:#f4433633;border-radius:4px;color:#c62828;font-size:12px;padding:4px 8px}.more-failed{color:#666;color:var(--text-secondary);font-style:italic;padding:10px;text-align:center}.final-message{border-radius:12px;font-size:16px;font-weight:500;margin-top:24px;padding:20px;text-align:center}.final-message.success{background:#4caf501a;border:2px solid #4caf50;color:#2e7d32}.final-message.partial{background:#ff98001a;border:2px solid #ff9800;color:#e65100}.final-message.error{background:#f443361a;border:2px solid #f44336;color:#c62828}.dark-theme .final-message.success{background:#4caf5033;color:#81c784}.dark-theme .final-message.partial{background:#ff980033;color:#ffb74d}.dark-theme .final-message.error{background:#f4433633;color:#ffcdd2}.final-message p{margin:0}.excel-template-section{display:flex;flex-direction:column;gap:24px}.template-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px dashed #667eea4d;border-radius:12px;padding:24px;text-align:center}.template-icon{font-size:64px;margin-bottom:16px}.template-info h4{color:#333;color:var(--text-primary);font-size:20px;margin:0 0 12px}.template-description{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.template-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.step-item{align-items:flex-start;background:#f8f9fa;background:var(--bg-secondary);border-left:4px solid #667eea;border-radius:12px;display:flex;gap:16px;padding:20px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h5{color:#333;color:var(--text-primary);font-size:16px;margin:0 0 8px}.step-content p{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.template-format-info{background:#f8f9fa;background:var(--bg-secondary);border-radius:12px;margin-top:8px;padding:20px}.template-format-info h4{color:#333;color:var(--text-primary);font-size:16px;margin:0 0 16px}.template-format-info table{border-collapse:collapse;font-size:13px;width:100%}.template-format-info td,.template-format-info th{border:1px solid #e0e0e0;border:1px solid var(--border-color);padding:12px;text-align:left}.template-format-info th{background:#e9ecef;background:var(--bg-tertiary);color:#333;color:var(--text-primary);font-weight:600}.template-format-info td{color:#666;color:var(--text-secondary)}.template-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-download-template{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-download-template:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-download-template:disabled{cursor:not-allowed;opacity:.6}.template-note{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin-top:16px;padding:16px}.template-note p{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.batch-import-modal,.import-status-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.batch-import-tabs{border-radius:0;padding:0 16px}.tab-button{font-size:14px;padding:12px 16px}.batch-import-content,.import-status-content{padding:20px}.file-drop-zone{padding:40px 16px}.drop-zone-icon{font-size:48px}.status-summary{grid-template-columns:repeat(2,1fr)}.text-input-header{align-items:flex-start;flex-direction:column;gap:12px}.format-table{font-size:10px}.format-table td,.format-table th{padding:4px}.template-steps{gap:16px}.step-item{flex-direction:column;text-align:center}.step-number{margin:0 auto 12px}.template-actions{flex-direction:column}.btn-download-template{width:100%}.template-format-info table{font-size:11px}.template-format-info td,.template-format-info th{padding:8px}}.voice-input-modal{max-height:90vh;max-width:900px;overflow-y:auto;padding:32px;width:95%}.voice-input-content{display:flex;flex-direction:column;gap:24px}.voice-field-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;padding:24px}.field-progress{color:#666;color:var(--text-secondary);font-size:12px;margin-bottom:8px;text-align:right}.current-field-label{color:#333;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.field-instruction{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;font-size:16px;font-weight:500;margin:0 0 8px;padding:12px}.field-hint-voice,.field-instruction{color:#666;color:var(--text-secondary)}.field-hint-voice{background:#667eea0d;border-radius:6px;font-size:13px;font-style:italic;margin:8px 0 16px;padding:8px 12px}.voice-input-controls{align-items:center;display:flex;gap:12px;margin-bottom:16px}.btn-voice{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-voice:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-voice.listening{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f5576c,#f093fb)}@keyframes pulse{0%,to{box-shadow:0 4px 12px #f5576c4d}50%{box-shadow:0 4px 20px #f5576c99}}.btn-voice:disabled{cursor:not-allowed;opacity:.6}.voice-input-field{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:10px;color:#333;color:var(--text-primary);flex:1 1;font-size:16px;padding:12px 16px;transition:all .3s ease}.voice-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.transcript-display{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin-top:12px;padding:12px}.transcript-display small{color:#666;color:var(--text-secondary);font-size:13px}.transcript-display strong{color:#333;color:var(--text-primary);font-weight:600}.field-navigation{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-nav{background:#f8f9fa;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-nav:hover:not(:disabled){background:#e9ecef;background:var(--bg-tertiary);border-color:#667eea}.btn-nav:disabled{cursor:not-allowed;opacity:.5}.btn-skip{background:#ffc107;border-color:#ffc107;color:#333}.btn-skip:hover:not(:disabled){background:#ffb300;border-color:#ffb300}.voice-data-preview{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;padding:24px}.preview-title{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.preview-item{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:12px}.preview-item.missing{background:#f5576c0d;border-color:#f5576c}.preview-item label{color:#666;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.preview-value{color:#333;color:var(--text-primary);font-size:14px;font-weight:500;word-break:break-word}.preview-value .empty{color:#666;color:var(--text-secondary);font-style:italic;font-weight:400}.btn-voice-input{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-voice-input:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-voice-input:disabled{cursor:not-allowed;opacity:.6}.dark-theme .voice-field-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.dark-theme .voice-input-field{color:#333;color:var(--text-primary)}.dark-theme .preview-item,.dark-theme .voice-input-field{background:#fff;background:var(--bg-primary)}.dark-theme .transcript-display{background:#667eea33}@media (max-width:768px){.voice-input-modal{border-radius:0;max-height:100vh;max-width:100%;padding:20px;width:100%}.voice-input-controls{flex-direction:column}.btn-voice,.voice-input-field{width:100%}.preview-grid{grid-template-columns:1fr}.field-navigation{flex-direction:column}.btn-nav{width:100%}}.hsn-gst-toggle-label{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.hsn-gst-toggle-label:hover{background:linear-gradient(135deg,#f8f9ff,#e8edff);border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.hsn-gst-toggle{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:24px;width:24px}.toggle-label-text{color:#333;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600}.hsn-gst-fields{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e8edff;border-radius:12px;box-shadow:0 2px 12px #667eea14;display:flex;flex-direction:column;gap:20px;margin-top:16px;padding:20px}.hsn-gst-fields .form-group{margin-bottom:0}.hsn-gst-fields .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.hsn-gst-fields .form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.hsn-gst-fields .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.gst-percentage-input{background:#fff!important;cursor:pointer}.gst-percentage-input:hover{background:#f8f9ff!important;border-color:#667eea!important}.hsn-gst-fields .field-hint{color:#666;display:block;font-size:12px;margin-top:6px}.dark-theme .hsn-gst-toggle-label{background:#fff;background:var(--bg-primary);border-color:#e0e0e0;border-color:var(--border-color)}.dark-theme .hsn-gst-toggle-label:hover{background:#667eea1a;border-color:#667eea}.dark-theme .hsn-gst-fields{background:linear-gradient(135deg,#667eea1a,#fff);background:linear-gradient(135deg,#667eea1a 0,var(--bg-primary) 100%);border-color:#667eea4d}.dark-theme .hsn-gst-fields .form-group input{background:#f8f9fa;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-theme .hsn-gst-fields .form-group input:focus{background:#f8f9fa;background:var(--bg-secondary);border-color:#667eea}.about-us-modal{max-width:700px;width:90%}.about-us-modal .modal-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 30px;position:relative}.about-us-modal .modal-header h2{flex:1 1;margin:0}.btn-close-about-us{align-items:center;background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:50%;box-shadow:0 4px 15px #f5576c66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:36px;z-index:10}.btn-close-about-us:hover{background:linear-gradient(135deg,#e63946,#d63384);box-shadow:0 6px 20px #f5576c99;transform:scale(1.1) rotate(90deg)}.btn-close-about-us:active{transform:scale(.95) rotate(90deg)}.about-us-content{color:#333;color:var(--text-primary);line-height:1.8}.about-us-content h3{color:#667eea;font-size:1.5rem;margin-bottom:15px}.about-us-content h4{color:#667eea;font-size:1.2rem;margin-bottom:15px;margin-top:25px}.about-us-content ul{margin-bottom:20px;margin-left:20px}.about-us-content ul li{margin-bottom:10px;padding-left:10px}.about-us-content p{color:#666;color:var(--text-secondary);margin-bottom:15px}.payment-option-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:12px;margin-top:30px;padding:20px;text-align:center}.payment-option-section h4{color:#667eea;margin-top:0}.payment-option-section p{color:#666;color:var(--text-secondary);margin-bottom:15px}.payment-modal{max-width:600px;width:90%}.payment-modal .modal-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 30px;position:relative}.payment-modal .modal-header h2{flex:1 1;margin:0}.btn-close-payment{align-items:center;background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:50%;box-shadow:0 4px 15px #f5576c66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:36px;z-index:10}.btn-close-payment:hover{background:linear-gradient(135deg,#e63946,#d63384);box-shadow:0 6px 20px #f5576c99;transform:scale(1.1) rotate(90deg)}.btn-close-payment:active{transform:scale(.95) rotate(90deg)}.invoice-details-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;max-height:95vh!important;overflow-x:hidden;overflow-y:auto}.invoice-details-overlay{z-index:10001!important}.user-purchases-overlay{z-index:10000}.invoice-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #667eea;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;margin:-30px -30px 20px;padding:20px 60px 20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.invoice-modal-header h2{color:#fff;flex:1 1;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.btn-close-invoice{align-items:center;background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:50%;box-shadow:0 4px 15px #f5576c80;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.btn-close-invoice:hover{background:linear-gradient(135deg,#e63946,#d63384);box-shadow:0 6px 25px #f5576cb3;transform:scale(1.15) rotate(90deg)}.btn-close-invoice:active{transform:scale(.95) rotate(90deg)}.invoice-header-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #00000014}.invoice-details-modal .sold-items-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #00000014;margin-top:20px;overflow:hidden}.invoice-details-modal .sold-items-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.invoice-details-modal .sold-items-table th{border:none;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-transform:uppercase}.invoice-details-modal .sold-items-table tbody tr{transition:background-color .2s ease}.invoice-details-modal .sold-items-table tbody tr:nth-child(2n){background-color:#f8f9fa}.invoice-details-modal .sold-items-table tbody tr:hover{background-color:#e3f2fd;transform:scale(1.01)}.invoice-details-modal .sold-items-table td{border-bottom:1px solid #e0e0e0;padding:10px 8px}.invoice-details-modal .modal-footer,.user-purchases-modal .modal-footer{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.user-purchases-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0}.user-purchases-modal .modal-body{margin-top:0;min-height:100px;padding:25px 30px 30px}.modal-overlay:has(.user-purchases-modal),.user-purchases-modal+.modal-overlay{z-index:10000}.user-purchases-modal-header{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-bottom:3px solid #4facfe;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;margin:-30px -30px 0;padding:20px 60px 20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-purchases-modal-header h2{color:#fff;flex:1 1;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.btn-close-user-purchases{align-items:center;background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:50%;box-shadow:0 4px 15px #f5576c80;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.btn-close-user-purchases:hover{background:linear-gradient(135deg,#e63946,#d63384);box-shadow:0 6px 25px #f5576cb3;transform:scale(1.15) rotate(90deg)}.btn-close-user-purchases:active{transform:scale(.95) rotate(90deg)}.purchase-history-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;margin-top:0;padding:20px;transition:all .3s ease}.purchase-history-item:first-child{margin-top:15px}.purchase-history-item:hover{border-color:#4facfe;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.purchase-history-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.purchase-invoice-link{align-items:center;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-radius:8px;color:#4facfe;cursor:pointer;display:flex;font-size:1.1rem;gap:8px;padding:8px 12px;transition:all .3s ease}.purchase-invoice-link:hover{background:linear-gradient(135deg,#4facfe33,#00f2fe33);color:#007bff;transform:translateX(5px)}.invoice-icon{font-size:1.2rem}.purchase-amount{text-align:right}.purchase-total{color:#28a745;font-size:1.3rem;font-weight:700;margin-bottom:4px}.purchase-date{color:#6c757d;font-size:.9rem}.purchase-payment-mode{align-items:center;border-top:1px dashed #dee2e6;color:#495057;display:flex;font-size:.95rem;gap:8px;padding-top:8px}.payment-icon{font-size:1.1rem}.purchase-payment-mode strong{color:#667eea;font-weight:600}.payment-options{display:flex;flex-direction:column;gap:30px}.payment-option{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;padding:20px;text-align:center}.payment-option h3{color:#667eea;font-size:1.2rem;margin-bottom:15px}.qr-code-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.qr-code-container img{background:#fff;border:3px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:250px;max-width:250px;padding:15px}.payment-detail{align-items:center;display:flex;flex-direction:column;gap:15px}.payment-value{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;font-size:1.3rem;font-weight:600;margin:0;padding:12px 20px;word-break:break-all}.btn-copy{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.btn-copy:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.no-payment-message{color:#666;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.dark-theme .about-us-content{color:#333;color:var(--text-primary)}.dark-theme .about-us-content p{color:#666;color:var(--text-secondary)}.dark-theme .payment-option-section{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea66}.dark-theme .payment-option{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.dark-theme .qr-code-container img{background:#fff;background:var(--bg-primary);border-color:#e0e0e0;border-color:var(--border-color)}.dark-theme .payment-value{background:#f8f9fa;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.gst-selector-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gst-selector-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gst-selector-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.gst-selector-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.gst-selector-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.gst-selector-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gst-selector-content{flex:1 1;overflow-y:auto;padding:16px}.gst-option{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 16px;transition:all .2s}.gst-option:hover{background:#f8f9ff;border-color:#667eea;transform:translateX(4px)}.gst-option.selected{background:linear-gradient(135deg,#f8f9ff,#e8edff);border-color:#667eea;box-shadow:0 2px 8px #667eea33}.gst-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;margin-right:12px;margin-top:4px;width:20px}.gst-option-content{display:flex;flex:1 1;flex-direction:column}.gst-option-label{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.gst-option-breakdown{color:#666;font-size:13px;line-height:1.4}.gst-custom-tax-btn{background:#0000;border:2px dashed #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s;width:100%}.gst-custom-tax-btn:hover{background:#f8f9ff;border-color:#764ba2;color:#764ba2}.gst-custom-input-container{background:#f8f9ff;border:2px solid #667eea;border-radius:12px;margin-top:12px;padding:12px}.gst-custom-input{border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:12px;transition:all .2s;width:100%}.gst-custom-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.gst-selector-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;padding:20px 24px}.gst-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.gst-confirm-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.gst-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.gst-selector-content::-webkit-scrollbar{width:6px}.gst-selector-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gst-selector-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.gst-selector-content::-webkit-scrollbar-thumb:hover{background:#764ba2}
/*# sourceMappingURL=main.b7e10743.css.map*/