@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f3f4f6}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{margin-bottom:8px}.dashboard-title{margin:0;font-size:1.75rem;font-weight:700;color:#1f2937}.dashboard-subtitle{margin:6px 0 0;color:#6b7280;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 2px #0000000d}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stat-icon--green{background:#ecfdf5;color:#059669}.stat-icon--blue{background:#eff6ff;color:#2563eb}.stat-icon--purple{background:#f5f3ff;color:#7c3aed}.stat-label{margin:0;color:#6b7280;font-size:.9rem;font-weight:600}.stat-value{margin:6px 0 0;color:#111827;font-size:1.5rem;font-weight:800}.panel{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:18px;box-shadow:0 1px 2px #0000000d}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title{margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;color:#111827}.panel-title-icon{color:#9ca3af}.panel-link{color:#2563eb;font-weight:600;font-size:.9rem;text-decoration:none}.panel-link:hover{text-decoration:underline}.table-wrap{overflow-x:auto}.simple-table{width:100%;border-collapse:collapse;text-align:left}.simple-table th{padding:10px 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #f3f4f6}.simple-table td{padding:12px 8px;border-bottom:1px solid #f3f4f6;color:#374151}.simple-table tr:hover td{background:#f9fafb}.simple-table__right{text-align:right}.simple-table__primary{font-weight:700;color:#374151}.simple-table__amount{font-weight:800;color:#111827}.simple-table__empty{padding:16px 8px;text-align:center;color:#9ca3af}.invoices{display:flex;flex-direction:column;gap:18px}.invoices-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.invoices-title{margin:0;font-size:1.75rem;font-weight:700;color:#1f2937}.invoices-subtitle{margin:6px 0 0;color:#6b7280;font-size:.95rem}.invoices-table-container{background:#fff;border:1px solid #eef2f7;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.invoices-table{width:100%;border-collapse:collapse;text-align:left}.invoices-table th{background:#f9fafb;padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#6b7280;border-bottom:1px solid #e5e7eb}.invoices-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#374151}.invoices-table tr:hover td{background:#eff6ff}.invoices-table__right{text-align:right}.invoices-table__primary{font-weight:700;color:#2563eb}.invoices-table__amount{font-weight:800;color:#111827}.invoices-table__empty{padding:18px;text-align:center;color:#6b7280}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#d1fae5;color:#065f46;font-size:.75rem;font-weight:800}.invoice-actions{display:inline-flex;justify-content:flex-end;gap:10px}.invoice-action-btn{border:none;background:transparent;cursor:pointer;padding:6px;border-radius:6px;color:#6b7280}.invoice-action-btn:hover{background:#eff6ff;color:#2563eb}.create-invoice{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:24px;max-width:980px;margin:0 auto;box-shadow:0 1px 2px #0000000d}.create-invoice__title{margin:0 0 18px;font-size:1.6rem;font-weight:800;color:#111827}.create-invoice__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}@media(max-width:900px){.create-invoice__form-grid{grid-template-columns:1fr}}.create-invoice__field{display:flex;flex-direction:column;gap:6px}.create-invoice__label{font-size:.9rem;font-weight:700;color:#374151}.create-invoice__input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;background:#fff}.create-invoice__input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.create-invoice__input--center{text-align:center}.create-invoice__items{margin-top:8px}.create-invoice__table{width:100%;border-collapse:collapse;text-align:left}.create-invoice__table th{background:#f9fafb;padding:10px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e5e7eb}.create-invoice__table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.create-invoice__table tr:hover td{background:#f9fafb}.create-invoice__col-product{width:50%}.create-invoice__col-price,.create-invoice__col-qty{width:120px}.create-invoice__col-total{width:160px}.create-invoice__col-actions{width:64px}.create-invoice__muted{color:#6b7280}.create-invoice__strong{font-weight:800;color:#111827}.create-invoice__cell-center{text-align:center}.create-invoice__icon-btn{border:none;background:transparent;cursor:pointer;padding:6px;border-radius:8px;color:#6b7280}.create-invoice__icon-btn:hover{background:#f3f4f6;color:#111827}.create-invoice__icon-btn--danger{color:#dc2626}.create-invoice__icon-btn--danger:hover{background:#fef2f2;color:#b91c1c}.create-invoice__add-item{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:700;cursor:pointer}.create-invoice__add-item:hover{background:#dbeafe}.create-invoice__footer{display:flex;justify-content:flex-end;align-items:center;gap:18px;border-top:1px solid #f3f4f6;padding-top:18px;margin-top:18px}.create-invoice__totals{text-align:right}.create-invoice__totals-label{margin:0;color:#6b7280;font-size:.9rem}.create-invoice__totals-value{margin:6px 0 0;font-size:2rem;font-weight:900;color:#111827}.create-invoice__save-btn{display:inline-flex;align-items:center;gap:10px;border:none;padding:12px 18px;border-radius:12px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.create-invoice__save-btn:hover{background:#1d4ed8}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Inter,sans-serif}.login-container{display:flex;height:100vh;width:100vw;background-color:#f3f4f6;overflow:hidden}.brand-section{flex:1;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:40px;position:relative;display:none}@media(min-width:768px){.brand-section{display:flex}}.brand-content{max-width:400px;text-align:center;z-index:2}.brand-content h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.brand-content p{font-size:1.1rem;opacity:.9;line-height:1.6}.form-section{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px}.form-card{width:100%;max-width:400px;padding:40px}.form-header{margin-bottom:30px}.form-header h2{font-size:1.8rem;color:#111827;margin-bottom:8px;font-weight:700}.form-header p{color:#6b7280;font-size:.95rem}.input-group{margin-bottom:20px}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.submit-btn{width:100%;background-color:#2563eb;color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.submit-btn:hover{background-color:#1d4ed8}.toggle-text{margin-top:20px;text-align:center;font-size:.9rem;color:#6b7280}.toggle-link{color:#2563eb;font-weight:600;cursor:pointer;margin-left:5px}.toggle-link:hover{text-decoration:underline}.error-message{background-color:#fee2e2;color:#dc2626;padding:10px;border-radius:6px;margin-bottom:20px;font-size:.9rem}.page-container{padding:30px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-title{font-size:1.8rem;font-weight:700;color:#1f2937}.btn-primary{background-color:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-primary:hover{background-color:#1d4ed8}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:#f9fafb;padding:12px 24px;font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.data-table td{padding:16px 24px;border-bottom:1px solid #f3f4f6;color:#374151}.data-table tr:hover{background-color:#f9fafb}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{background:#f3f4f6;color:#374151;padding:10px 20px;border-radius:6px;border:none;cursor:pointer}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.search-container{display:flex;align-items:center;position:relative;width:300px}.search-icon{position:absolute;left:10px;color:#9ca3af}.search-input{width:100%;padding:10px 10px 10px 35px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;color:#374151;font-weight:500;cursor:pointer}.filter-btn:hover{background-color:#f9fafb}.stock-badge{padding:4px 8px;border-radius:99px;font-size:.75rem;font-weight:600}.stock-ok{background-color:#d1fae5;color:#065f46}.stock-low{background-color:#fee2e2;color:#b91c1c}.action-icon-btn{padding:6px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:#6b7280}.action-icon-btn:hover{background-color:#f3f4f6;color:#111827}.actions-cell{text-align:right}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.action-icon-btn.edit-btn{color:#2563eb}.action-icon-btn.delete-btn{color:#dc2626}.sidebar{width:260px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:50;font-family:Inter,sans-serif}.logo-area{padding:24px;border-bottom:1px solid #f3f4f6}.logo-text{font-size:1.5rem;font-weight:700;color:#2563eb;display:flex;align-items:center;gap:8px;margin:0}.pro-badge{font-size:.75rem;background-color:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:999px}.nav-menu{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#4b5563;text-decoration:none;transition:all .2s;font-weight:500}.nav-item:hover{background-color:#f9fafb;color:#111827}.nav-item.active{background-color:#eff6ff;color:#2563eb}.logout-section{padding:16px;border-top:1px solid #f3f4f6}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#ef4444;cursor:pointer;border-radius:8px;font-weight:500;font-size:1rem}.logout-btn:hover{background-color:#fef2f2}.app-container{display:flex;min-height:100vh;background-color:#f9fafb}.main-content{flex:1;margin-left:260px;padding:32px;display:flex;justify-content:center}.content-wrapper{width:100%;max-width:1200px;margin:0 auto}