*{margin:0;padding:0;box-sizing:border-box}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;background:#f5f5f5;padding-top:50px;padding-bottom:70px}.safe-area-header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));z-index:1001;box-shadow:0 2px 8px #00000026}.header-content{display:flex;justify-content:space-between;align-items:center;color:#fff}.app-title{font-weight:700;font-size:1.1rem}.header-info{font-size:.9rem;opacity:.95}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-decoration:none;padding:8px 12px;border-radius:12px;transition:all .3s ease;min-width:60px;font-size:11px}.nav-item svg{font-size:22px;margin-bottom:3px}.nav-item span{font-weight:600;margin-top:2px}.nav-item.router-link-active{color:#3498db;background:#e3f2fd}.container{max-width:1200px;margin:0 auto;padding:.75rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;font-family:inherit}.btn-primary{background:#3498db;color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem}.card h2{margin-bottom:1rem;color:#2c3e50;font-size:1.4rem}.card h3{margin-bottom:1rem;color:#34495e;font-size:1.15rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input[type=number]{text-align:right;font-weight:600;letter-spacing:.5px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1.25rem;padding:0 1.25rem}.table{width:100%;border-collapse:collapse;background:#fff;font-size:.85rem}.table th,.table td{padding:.75rem .4rem;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:.8rem}.table td{color:#34495e}.table tbody tr:hover{background:#f8f9fa}.table th:not(:first-child),.table td:not(:first-child){padding-left:.3rem;padding-right:.3rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:#fff;border-radius:16px;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{font-size:1.5rem;cursor:pointer;color:#999;background:none;border:none;padding:0}@media(max-width:768px){.container{padding:.5rem}.card{padding:1rem}.table{font-size:.8rem}.table th,.table td{padding:.6rem .3rem}}.header-right{display:flex;align-items:center;gap:.75rem}.logout-btn{background:#fff3;border:none;color:#fff;padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.logout-btn svg{font-size:1.25rem}.logout-btn:hover{background:#ffffff4d}.logout-btn:active{transform:scale(.95)}.no-padding{padding:0!important}.login-container[data-v-95dc097b]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.login-card[data-v-95dc097b]{background:#fff;padding:2.5rem 2rem;border-radius:20px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp-95dc097b .5s ease}@keyframes slideUp-95dc097b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo[data-v-95dc097b]{font-size:4rem;text-align:center;margin-bottom:1rem}h1[data-v-95dc097b]{text-align:center;margin-bottom:.5rem;color:#2c3e50;font-size:1.75rem}.subtitle[data-v-95dc097b]{text-align:center;color:#7f8c8d;margin-bottom:2rem;font-size:.95rem}.form-group[data-v-95dc097b]{margin-bottom:1.25rem}.form-group label[data-v-95dc097b]{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input[data-v-95dc097b]{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s}.form-group input[data-v-95dc097b]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-full[data-v-95dc097b]{width:100%;padding:1rem;font-size:1.05rem;font-weight:700;margin-top:.5rem}.btn[data-v-95dc097b]:disabled{opacity:.6;cursor:not-allowed}.switch-mode[data-v-95dc097b]{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#7f8c8d}.switch-mode a[data-v-95dc097b]{color:#667eea;cursor:pointer;font-weight:600;text-decoration:none}.switch-mode a[data-v-95dc097b]:hover{text-decoration:underline}.error-message[data-v-95dc097b],.success-message[data-v-95dc097b]{margin-top:1rem;padding:.875rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;animation:fadeIn-95dc097b .3s ease}.error-message[data-v-95dc097b]{background:#fee;color:#c0392b;border:1px solid #f5c6cb}.success-message[data-v-95dc097b]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message svg[data-v-95dc097b],.success-message svg[data-v-95dc097b]{font-size:1.25rem}@keyframes fadeIn-95dc097b{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-95dc097b]{margin-top:2rem;text-align:center;color:#fff;opacity:.9;font-size:.85rem}@media(max-width:480px){.login-card[data-v-95dc097b]{padding:2rem 1.5rem}h1[data-v-95dc097b]{font-size:1.5rem}.logo[data-v-95dc097b]{font-size:3rem}}.home[data-v-c37efba0]{padding-bottom:1rem}.welcome-card[data-v-c37efba0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1.5rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 12px #667eea4d}.welcome-content[data-v-c37efba0]{display:flex;align-items:center;gap:1rem}.logo[data-v-c37efba0]{font-size:3rem}.welcome-content h1[data-v-c37efba0]{font-size:1.5rem;margin-bottom:.25rem}.welcome-content p[data-v-c37efba0]{opacity:.9;font-size:.95rem}.quick-actions[data-v-c37efba0]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.quick-btn[data-v-c37efba0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .5rem;border-radius:12px;text-decoration:none;color:#fff;font-weight:600;font-size:.85rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.quick-btn svg[data-v-c37efba0]{font-size:1.8rem;margin-bottom:.5rem}.quick-btn.sale[data-v-c37efba0]{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-btn.product[data-v-c37efba0]{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-btn.inventory[data-v-c37efba0]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-btn.stats[data-v-c37efba0]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.quick-btn[data-v-c37efba0]:active{transform:scale(.95)}.stats-overview[data-v-c37efba0]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card[data-v-c37efba0]{background:#fff;padding:1.25rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014}.stat-icon[data-v-c37efba0]{font-size:2.5rem}.stat-card.blue .stat-icon[data-v-c37efba0]{color:#3498db}.stat-card.green .stat-icon[data-v-c37efba0]{color:#27ae60}.stat-card.orange .stat-icon[data-v-c37efba0]{color:#f39c12}.stat-card.red .stat-icon[data-v-c37efba0]{color:#e74c3c}.stat-content[data-v-c37efba0]{flex:1}.stat-value[data-v-c37efba0]{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.stat-label[data-v-c37efba0]{font-size:.8rem;color:#7f8c8d;font-weight:500}.yesterday-stats[data-v-c37efba0]{background:#f8f9fa;padding:1rem;border-radius:8px}.stat-row[data-v-c37efba0]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.stat-row[data-v-c37efba0]:last-child{border-bottom:none}.stat-row .label[data-v-c37efba0]{font-weight:600;color:#2c3e50}.stat-row .value[data-v-c37efba0]{font-weight:700;color:#3498db}.stat-row .value.positive[data-v-c37efba0]{color:#27ae60}.stat-row .value.negative[data-v-c37efba0]{color:#e74c3c}.card-header[data-v-c37efba0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-all[data-v-c37efba0]{color:#3498db;text-decoration:none;font-size:.9rem;font-weight:600}.transactions-compact[data-v-c37efba0]{display:flex;flex-direction:column;gap:.75rem}.transaction-item[data-v-c37efba0]{padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #3498db}.trans-main[data-v-c37efba0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trans-name[data-v-c37efba0]{font-weight:600;color:#2c3e50;font-size:.95rem}.trans-amount[data-v-c37efba0]{font-weight:700;color:#3498db;font-size:1rem}.trans-sub[data-v-c37efba0]{display:flex;justify-content:space-between;font-size:.8rem;color:#7f8c8d}.empty-state[data-v-c37efba0]{text-align:center;padding:2rem;color:#999}@media(max-width:768px){.stats-overview[data-v-c37efba0]{grid-template-columns:1fr}.stat-card[data-v-c37efba0]{padding:1rem}}.header-row[data-v-853ec730]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-box[data-v-853ec730]{margin-bottom:1rem}.search-box input[data-v-853ec730]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem}.action-cell[data-v-853ec730]{white-space:nowrap;text-align:right}.btn-icon[data-v-853ec730]{padding:.4rem .6rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s;margin-left:.25rem}.btn-icon.btn-edit[data-v-853ec730]{background:#e3f2fd}.btn-icon.btn-edit[data-v-853ec730]:hover{background:#3498db}.btn-icon.btn-delete[data-v-853ec730]{background:#fee}.btn-icon.btn-delete[data-v-853ec730]:hover{background:#e74c3c}.low-stock[data-v-853ec730]{color:#e74c3c;font-weight:700}.form-row[data-v-853ec730]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions[data-v-853ec730]{display:flex;gap:1rem;margin-top:1.5rem}.spinner[data-v-853ec730]{animation:spin-853ec730 1s linear infinite}@keyframes spin-853ec730{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.form-row[data-v-853ec730]{grid-template-columns:1fr}.header-row[data-v-853ec730]{flex-direction:column;align-items:flex-start;gap:1rem}}.form-row[data-v-eb6c4f63]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions[data-v-eb6c4f63]{display:flex;gap:1rem;margin-top:1.5rem}.form-group input[type=text][data-v-eb6c4f63]{font-weight:600;font-size:1.05rem}.loading-btn[data-v-eb6c4f63]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-eb6c4f63]{animation:spin-eb6c4f63 1s linear infinite}@keyframes spin-eb6c4f63{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn[data-v-eb6c4f63]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.form-row[data-v-eb6c4f63]{grid-template-columns:1fr}.form-actions[data-v-eb6c4f63]{flex-direction:column}}.form-row[data-v-0290879b]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-info[data-v-0290879b]{background:#e7f3ff;padding:1rem;border-radius:8px;margin-bottom:1rem}.total-preview[data-v-0290879b]{background:#d4edda;border:1px solid #c3e6cb;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.total-preview h3[data-v-0290879b]{color:#155724;margin-bottom:.5rem}.form-actions[data-v-0290879b]{display:flex;gap:1rem}.form-group input[type=text][data-v-0290879b]{font-weight:600;font-size:1.05rem}.loading-btn[data-v-0290879b]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-0290879b]{animation:spin-0290879b 1s linear infinite}@keyframes spin-0290879b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.form-row[data-v-0290879b]{grid-template-columns:1fr}.form-actions[data-v-0290879b]{flex-direction:column}}.filter-section[data-v-02ca0351]{margin-bottom:1.5rem}.stats-grid[data-v-02ca0351]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-box[data-v-02ca0351]{padding:1.5rem;border-radius:12px;color:#fff;text-align:center}.stat-value[data-v-02ca0351]{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.stat-label[data-v-02ca0351]{font-size:.9rem;opacity:.95;font-weight:500}.stat-subtitle[data-v-02ca0351]{font-size:.85rem;opacity:.9;margin-top:.25rem}.stat-box.revenue[data-v-02ca0351]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-box.cost[data-v-02ca0351]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-box.profit[data-v-02ca0351]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-box.items[data-v-02ca0351]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.daily-stats[data-v-02ca0351]{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1rem}.stat-item[data-v-02ca0351]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.stat-item[data-v-02ca0351]:last-child{border-bottom:none}.stat-item .label[data-v-02ca0351]{font-weight:600;color:#2c3e50}.stat-item .value[data-v-02ca0351]{font-weight:700;color:#3498db}.profit-cell[data-v-02ca0351]{color:#27ae60;font-weight:600}.low-stock[data-v-02ca0351]{color:#e74c3c;font-weight:700}@media(max-width:768px){.stats-grid[data-v-02ca0351]{grid-template-columns:repeat(2,1fr)}.stat-value[data-v-02ca0351]{font-size:1.3rem}}.summary-box[data-v-2042b207]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.summary-item[data-v-2042b207]{text-align:center}.summary-item span[data-v-2042b207]{display:block;font-size:.85rem;opacity:.9;margin-bottom:.5rem}.summary-item strong[data-v-2042b207]{font-size:1.2rem}.profit-cell[data-v-2042b207]{text-align:right}.profit-badge[data-v-2042b207]{background:#d4edda;color:#155724;padding:.25rem .5rem;border-radius:6px;font-weight:600;font-size:.85rem}.btn-icon[data-v-2042b207]{padding:.4rem .6rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-icon.btn-delete[data-v-2042b207]{background:#fee}.btn-icon.btn-delete[data-v-2042b207]:hover{background:#e74c3c}.detail-section[data-v-2042b207]{display:flex;flex-direction:column;gap:1rem}.detail-row[data-v-2042b207]{display:flex;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:8px}.detail-row .label[data-v-2042b207]{font-weight:600;color:#2c3e50}.detail-row .value[data-v-2042b207]{font-weight:600;color:#3498db}.detail-row .value.profit[data-v-2042b207]{color:#27ae60}.empty-state[data-v-2042b207]{text-align:center;padding:3rem;color:#999}@media(max-width:768px){.summary-box[data-v-2042b207]{grid-template-columns:1fr;gap:.75rem}}.profile-info[data-v-2ede70bc]{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.info-item[data-v-2ede70bc]{display:flex;gap:1rem;padding:1.25rem;background:#f8f9fa;border-radius:12px}.info-item svg[data-v-2ede70bc]{font-size:2rem;color:#3498db}.info-item label[data-v-2ede70bc]{display:block;font-size:.85rem;color:#7f8c8d;margin-bottom:.25rem}.info-item p[data-v-2ede70bc]{font-weight:600;color:#2c3e50;font-size:1.05rem}.actions[data-v-2ede70bc]{display:flex;gap:1rem;margin-top:2rem}.actions .btn[data-v-2ede70bc]{flex:1}