*{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;transition:all .3s ease;width:100%;z-index:1}.login-box.register-box{max-width:750px;padding:35px}.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)}.login-form .form-group select,.register-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fafafa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;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:14px 40px 14px 16px;transition:all .3s ease;width:100%}.login-form .form-group select:focus,.register-form .form-group select:focus{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f5576c' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:#f5576c;box-shadow:0 4px 16px #f5576c33;outline:none;transform:translateY(-2px)}.login-form .form-group select:disabled,.register-form .form-group select:disabled{background-color:#f5f5f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 9 1 4h10z'/%3E%3C/svg%3E");color:#999;cursor:not-allowed;opacity:.7}.login-form .form-group select option,.register-form .form-group select option{background:#fff;color:#333;padding:10px}.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;margin-top:20px;text-align:center}.register-form{max-height:70vh;overflow-y:auto;padding-right:10px}.register-form::-webkit-scrollbar{width:6px}.register-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.register-form::-webkit-scrollbar-thumb{background:#f5576c;border-radius:10px}.register-form::-webkit-scrollbar-thumb:hover{background:#d6455a}.register-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.register-form .form-group{margin-bottom:0}.register-form .form-group textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-family:inherit;font-size:1rem;min-height:60px;padding:14px 16px;resize:vertical;transition:all .3s ease}.register-form .form-group textarea:focus{background:#fff;border-color:#f5576c;box-shadow:0 4px 16px #f5576c33;outline:none;transform:translateY(-2px)}.register-form .field-hint{color:#888;display:block;font-size:.75rem;font-style:italic;margin-top:4px}.register-link-container{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.register-link-container p{color:#666;font-size:.9rem;margin:0}.link-button{background:none;border:none;color:#f5576c;cursor:pointer;font-size:inherit;font-weight:600;margin-left:4px;padding:0;text-decoration:underline;transition:all .3s ease}.link-button:hover{color:#d6455a;text-decoration:none}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease}.btn-register:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.login-box.register-box{max-width:450px;padding:30px 20px}.register-form .form-row{gap:16px;grid-template-columns:1fr}}.error-popup{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.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;margin-bottom:8px;opacity:.95}.subscription-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;margin-top:8px}.subscription-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px;text-shadow:1px 1px 2px #0003}.subscription-badge-free{background:#4caf504d;border-color:#4caf5080}.subscription-badge-monthly{background:#2196f34d;border-color:#2196f380}.subscription-badge-yearly{background:#ffc1074d;border-color:#ffc10780}.subscription-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px;text-shadow:1px 1px 2px #0003}.subscription-status-active{background:#4caf504d;border-color:#4caf5080}.subscription-status-expired{background:#f443364d;border-color:#f4433680}.subscription-date{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;opacity:.9;padding:4px 10px}.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}.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-btn a,a.header-nav-btn{color:#fff;text-decoration:none}.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:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff;font-weight:600;letter-spacing:.3px}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea080);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn-secondary{background:#f5f5f5;border:2px solid #e0e0e0;color:#666;font-weight:600}.btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#d0d0d0;box-shadow:0 4px 12px #0000001a;color:#333;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-large{border-radius:12px;font-size:1.05rem;padding:14px 32px}.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-toggle{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:12px;margin-bottom:8px;margin-top:10px;padding:4px;transition:all .3s ease}.unit-type-toggle:hover{border-color:silver}.toggle-option{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toggle-option:hover{background:#667eea1a;color:#667eea}.toggle-option.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;transform:scale(1.02)}.toggle-option.active:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66}.units-per-strip-control{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:12px;padding:4px;transition:all .3s ease}.units-per-strip-control:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.btn-quantity-control{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.btn-quantity-control:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}.btn-quantity-control:active:not(:disabled){transform:translateY(0) scale(.95)}.btn-quantity-control:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.4}.units-per-strip-control input[type=number]{background:#0000;border:none;border-radius:8px;color:#2c3e50;flex:1 1;font-size:1.1rem;font-weight:700;min-width:80px;padding:10px 12px;text-align:center}.units-per-strip-control input[type=number]:focus{background:#fff;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;box-shadow:0 20px 60px #0006;max-width:90%;padding:30px;position:relative}.inventory-form-modal,.modal-content{background:#fff;border-radius:20px;max-height:90vh;overflow-y:auto}.inventory-form-modal{box-shadow:0 25px 50px -12px #00000040;max-width:700px;padding:28px;width:90%}.form-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;position:relative}.form-header:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100px}.form-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0}.form-header h2{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.btn-close-form{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;padding:8px;transition:all .3s ease;width:40px}.btn-close-form:hover{background:#f5f5f5;color:#f5576c;transform:rotate(90deg)}.inventory-form{display:flex;flex-direction:column;gap:24px}.form-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005;margin-bottom:24px;overflow:hidden;padding:24px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.form-section:hover{border-color:#667eea;box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a;transform:translateY(-2px)}.form-section:hover:before{transform:scaleX(1)}.section-title{align-items:center;border-bottom:2px solid #e8e8e8;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;gap:8px;letter-spacing:-.2px;margin-bottom:20px;padding-bottom:12px;position:relative}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-row-3{gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.form-row,.form-row-3{gap:20px;grid-template-columns: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:linear-gradient(135deg,#f8f9fa,#f0f0f0);border-color:#d0d0d0;color:#666;cursor:not-allowed;font-style:italic}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #00000008;box-sizing:border-box;color:#333;font-family:inherit;font-size:.95rem;line-height:1.5;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:silver;box-shadow:0 4px 10px #0000000f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 6px 20px #667eea33;outline:none;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{max-height:100px;min-height:60px;resize:vertical}.form-actions{background:#fff;border-top:2px solid #e8e8e8;bottom:0;display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:24px;position:-webkit-sticky;position:sticky;z-index:10}.form-actions:before{background:linear-gradient(90deg,#0000,#667eea 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.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%}.subscription-info{align-items:flex-start;flex-direction:column;gap:6px;margin-top:6px}.subscription-badge,.subscription-date,.subscription-status{font-size:.75rem;padding:3px 8px}.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}}.hsn-gst-toggle-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:block;overflow:hidden;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.hsn-gst-toggle-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.hsn-gst-toggle-card:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.hsn-gst-toggle-card:hover:before{transform:scaleX(1)}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked){background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-color:#667eea;box-shadow:0 6px 20px #667eea33,0 0 0 4px #667eea1a}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked):before{transform:scaleX(1)}.hsn-gst-toggle{opacity:0;pointer-events:none;position:absolute}.toggle-card-content{align-items:center;display:flex;gap:12px}.toggle-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;display:flex;flex-shrink:0;font-size:1.8rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked) .toggle-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;transform:scale(1.1)}.toggle-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.toggle-title{color:#2c3e50;font-size:.95rem;font-weight:600;transition:color .3s ease}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked) .toggle-title{color:#667eea}.toggle-subtitle{color:#666;font-size:.75rem;font-weight:400}.toggle-switch{background:#e0e0e0;border-radius:14px;flex-shrink:0;height:28px;position:relative;transition:all .3s ease;width:48px}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked) .toggle-switch{background:linear-gradient(135deg,#667eea,#764ba2)}.switch-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:22px;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.hsn-gst-toggle-card:has(.hsn-gst-toggle:checked) .switch-slider{box-shadow:0 2px 6px #667eea66;transform:translateX(20px)}.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-card{background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-color:#e0e0e0;border-color:var(--border-color)}.dark-theme .hsn-gst-toggle-card:hover{background:linear-gradient(135deg,#667eea1a,#fff);background:linear-gradient(135deg,#667eea1a 0,var(--bg-primary) 100%);border-color:#667eea}.dark-theme .hsn-gst-toggle-card:has(.hsn-gst-toggle:checked){background:linear-gradient(135deg,#667eea26,#667eea1a)}.dark-theme .toggle-icon{background:linear-gradient(135deg,#667eea26,#764ba226)}.dark-theme .toggle-title{color:#333;color:var(--text-primary)}.dark-theme .toggle-subtitle{color:#666;color:var(--text-secondary)}.dark-theme .toggle-switch{background:#e9ecef;background:var(--bg-tertiary)}.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-bottom:50px;margin-top:30px;padding:20px;text-align:center}.about-us-modal .modal-footer{border-top:2px solid #e8e8e8;margin-top:30px;padding-top:25px}.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)}.modal-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.modal-header h2{color:#2c3e50;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.close-button:hover{background:#f5f5f5;color:#f5576c;transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(.95)}.modal-actions{border-top:2px solid #e8e8e8;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.modal-actions button[type=button]{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.modal-actions button[type=button]:hover:not(:disabled){background:#e8e8e8;border-color:#d0d0d0;box-shadow:0 4px 12px #0000001a;color:#333;transform:translateY(-2px)}.modal-actions button[type=submit]{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.modal-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.modal-content .form-group input,.modal-content .form-group select{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.modal-content .form-group input:focus,.modal-content .form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.modal-content .form-group input.disabled-input{background:#f5f5f5;color:#666;cursor:not-allowed}.modal-content .error-message{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.ledger-add-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.ledger-add-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.ledger-add-button:active{transform:translateY(0)}.dark-theme .modal-header{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color)}.dark-theme .modal-header h2{color:#333;color:var(--text-primary)}.dark-theme .close-button{color:#666;color:var(--text-secondary)}.dark-theme .close-button:hover{background:#e9ecef;background:var(--bg-tertiary);color:#f5576c}.dark-theme .modal-actions{border-top-color:#e0e0e0;border-top-color:var(--border-color)}.dark-theme .modal-actions button[type=button]{background:#e9ecef;background:var(--bg-tertiary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-theme .modal-actions button[type=button]:hover:not(:disabled){background:#f8f9fa;background:var(--bg-secondary)}.dark-theme .modal-content .form-group label{color:#333;color:var(--text-primary)}.dark-theme .modal-content .form-group input,.dark-theme .modal-content .form-group select{background:#f8f9fa;background:var(--bg-secondary);border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-theme .modal-content .form-group input:focus,.dark-theme .modal-content .form-group select:focus{border-color:#4caf50}.dark-theme .modal-content .form-group input.disabled-input{background:#e9ecef;background:var(--bg-tertiary);color:#666;color:var(--text-secondary)}.pricing-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.pricing-container{animation:slideUp .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background-image:radial-gradient(circle at 20% 50%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 70%);border-radius:24px;box-shadow:0 25px 70px #0006,0 10px 30px #0003;max-width:1200px;overflow:hidden;padding:30px 45px 50px;position:relative;width:100%}.pricing-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pricing-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:40px;padding-bottom:25px;padding-top:15px;position:relative;text-align:center;z-index:1}.pricing-header-buttons{align-items:center;display:flex;gap:12px;position:absolute;right:10px;top:10px;z-index:10002}.pricing-back-btn{background:#fffffff2;border:2px solid #ffffff80;border-radius:10px;box-shadow:0 4px 12px #0003;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.pricing-back-btn:hover{background:#fff;box-shadow:0 6px 16px #0000004d;transform:translateX(-3px)}.pricing-title{font-size:3rem;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin:30px 0 15px;text-shadow:3px 3px 6px #00000080,0 0 30px #fff3}.pricing-subtitle,.pricing-title{color:#fff;display:block;position:relative;z-index:2}.pricing-subtitle{font-size:1.3rem;font-weight:600;line-height:1.5;margin:0 0 10px;text-shadow:2px 2px 4px #0006,0 0 15px #ffffff26}.pricing-close-btn{align-items:center;background:#fffffff2;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 12px #0003;color:#e74c3c;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.pricing-close-btn:hover{background:#fff;box-shadow:0 6px 16px #0000004d;transform:rotate(90deg) scale(1.1)}.pricing-plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.pricing-card{animation:fadeInUp .6s ease forwards;background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000026,0 4px 12px #0000001a;display:flex;flex-direction:column;height:100%;min-height:480px;opacity:0;overflow:hidden;padding:28px 24px;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-card:first-child{animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.pricing-card:before{background:linear-gradient(90deg,#667eea,#667eea);background:linear-gradient(90deg,var(--plan-color,#667eea),var(--plan-color,#667eea));content:"";height:6px;left:0;opacity:.8;position:absolute;right:0;top:0;transition:height .3s ease,opacity .3s ease}.pricing-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.pricing-card:hover{box-shadow:0 20px 50px #0003,0 8px 20px #00000026,inset 0 0 0 1px #ffffff1a;transform:translateY(-12px) scale(1.02)}.pricing-card:hover:before{background:linear-gradient(90deg,#667eea,#8b5cf6);background:linear-gradient(90deg,var(--plan-color,#667eea),var(--plan-color,#8b5cf6));height:8px;opacity:1}.pricing-card:hover:after{opacity:1}.pricing-card.popular{border:3px solid #9b59b6;border:3px solid var(--plan-color,#9b59b6)}.pricing-card.popular:before{height:8px;opacity:1}.pricing-card.trial{border:2px dashed #27ae60;border:2px dashed var(--plan-color,#27ae60)}.popular-badge,.trial-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#9b59b6,#8b5cf6);background:linear-gradient(135deg,var(--plan-color,#9b59b6),var(--plan-color,#8b5cf6));border-radius:25px;box-shadow:0 4px 12px #0003,0 2px 6px #0000001a;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.8px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:1}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0003,0 2px 6px #0000001a}50%{box-shadow:0 4px 20px #0000004d,0 2px 10px #0003,0 0 0 4px #9b59b61a}}.trial-badge{background:#27ae60;background:var(--plan-color,#27ae60)}.plan-icon{animation:float 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;line-height:1;margin-bottom:12px;text-align:center;transition:transform .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pricing-card:hover .plan-icon{animation-play-state:paused;transform:scale(1.1) translateY(-5px)}.plan-name{font-size:1.4rem;font-weight:700;margin:0 0 10px;text-align:center}.plan-pricing{margin-bottom:15px;text-align:center}.plan-price{color:#2c3e50;display:block;font-size:2.2rem;font-weight:700}.plan-period{color:#7f8c8d;display:block;font-size:.95rem;margin-top:4px}.plan-savings{background:#27ae60;border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:8px;padding:4px 12px}.plan-description{color:#7f8c8d;font-size:.85rem;font-weight:500;margin:0 0 16px;min-height:20px;text-align:center}.plan-btn{border:none;border-radius:10px;box-shadow:0 4px 15px #0003,0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:24px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.plan-btn:before{background:#fff3;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}.plan-btn:hover{box-shadow:0 8px 25px #0000004d,0 4px 12px #0003;transform:translateY(-3px)}.plan-btn:hover:before{height:300px;width:300px}.plan-btn:active{transform:translateY(-1px)}.plan-features{display:flex;flex:1 1;flex-direction:column}.features-title{color:#667eea;color:var(--plan-color,#667eea);font-size:.95rem;font-weight:600;margin:0 0 12px;text-align:center}.features-list{flex:1 1;list-style:none;margin:0;padding:0}.features-list li{align-items:flex-start;color:#2c3e50;display:flex;font-size:.9rem;gap:8px;padding:8px 0}.features-list li:not(:last-child){border-bottom:1px solid #ecf0f1}.checkmark{align-items:center;background:#27ae601a;border-radius:50%;color:#27ae60;display:inline-flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:24px;justify-content:center;margin-top:2px;transition:all .3s ease;width:24px}.pricing-card:hover .checkmark{background:#27ae6033;transform:scale(1.1)}.pricing-footer{border-top:1px solid #fff3;padding-top:30px;text-align:center}.pricing-footer-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.pricing-footer-btn{border:none;border-radius:10px;box-shadow:0 4px 12px #0003;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.pricing-footer-back{background:#fffffff2;border:2px solid #ffffff80;color:#667eea}.pricing-footer-back:hover{background:#fff;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.pricing-footer-close{background:#e74c3cf2;border:2px solid #e74c3c80;color:#fff}.pricing-footer-close:hover{background:#e74c3c;box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.pricing-note{color:#ffffffe6;font-size:.95rem;margin:0 0 10px}.pricing-gst{color:#fffc;font-size:.85rem;margin:0}@media (max-width:1024px){.pricing-plans-grid{gap:20px;grid-template-columns:1fr}.pricing-card{min-height:auto}}@media (max-width:768px){.pricing-container{padding:25px 20px;padding:20px 20px 30px}.pricing-header{margin-bottom:30px;padding-bottom:20px;padding-top:10px}.pricing-title{font-size:2.2rem;margin:25px 0 12px}.pricing-subtitle{font-size:1rem;margin-bottom:8px}.pricing-header-buttons{flex-direction:column;gap:8px;right:5px;top:5px}.pricing-back-btn{font-size:.85rem;padding:8px 14px}.pricing-close-btn{font-size:1.4rem;height:38px;width:38px}.pricing-title{font-size:2rem}.pricing-plans-grid{gap:20px;grid-template-columns:1fr}.pricing-card{min-height:auto}.pricing-footer-nav{flex-direction:column;gap:10px}.pricing-footer-btn{font-size:.95rem;padding:14px 20px;width:100%}}.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.3bafc962.css.map*/