body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sales-container{color:#333;font-family:Segoe UI,Tahoma,sans-serif;padding:2rem}h2{color:#2c3e50}.quick-add-buttons,h2{margin-bottom:1rem}.quick-add-buttons button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:.6rem;padding:.6rem 1rem}.quick-add-buttons button:hover{background:#2980b9}.sales-form{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem;padding:1.5rem}.sales-form label{display:block;font-weight:600;margin-bottom:.3rem;margin-top:1rem}.sales-form input,.sales-form select{border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;padding:.5rem;width:100%}.product-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:1.5rem}.product-card{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:1rem;text-align:center}.product-card p{margin:.3rem 0}.product-card button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem 1rem}.product-card button:hover{background:#1e8449}.cart-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.cart-table td,.cart-table th{border:1px solid #ccc;padding:.6rem;text-align:center}.cart-table input{text-align:center;width:60px}.sales-form button{background:#e67e22;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.2rem}.sales-form button:hover{background:#ca6f1e}.sales-history{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1.5rem}.sales-history table{border-collapse:collapse;width:100%}.sales-history td,.sales-history th{border:1px solid #ddd;padding:.6rem;text-align:center}.sales-history th{background:#f4f6f7}.floating-card-overlay{background:#00000080;height:100%;left:0;top:0;width:100%;z-index:999}.floating-card{animation:fadeIn .3s ease;border-radius:10px;box-shadow:0 4px 12px #0003;width:400px}.floating-card-header{background:#3498db;padding:.8rem 1rem}.floating-card-body{padding:1rem}.floating-card-body form input{border:1px solid #ccc;border-radius:6px;margin-bottom:.8rem;padding:.6rem;width:100%}.floating-card-body form button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.6rem 1rem}.floating-card-footer{background:#f4f6f7;padding:.8rem 1rem}.floating-card-footer .edit-btn{background:#e67e22;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.6rem 1rem}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--bg:#f6f8fb;--card:#fff;--muted:#6b7a83;--text:#0f2a33;--accent:#2f6ebd;--accent-2:#5aa469;--danger:#e14f4f;--glass:#ffffffe6;--shadow-sm:0 6px 20px #0814220f;--max-width:980px;--transition:0.16s ease;--ui-font:"Inter","Segoe UI",Roboto,system-ui,-apple-system,"Helvetica Neue",Arial}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#f6f8fb;background:var(--bg);color:#0f2a33;color:var(--text);font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,Helvetica Neue,Arial;font-family:var(--ui-font);line-height:1.45;margin:0}.form-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f2a330a;box-shadow:0 6px 20px #0814220f;box-shadow:var(--shadow-sm);margin:20px auto;max-width:980px;width:100%}.form-card h2{color:#0f2a33;color:var(--text);font-size:1.35rem;font-weight:700;margin:0 0 12px}.form-card p.lead{color:#6b7a83;color:var(--muted);font-size:.95rem;margin:0 0 14px}.form-grid-3{grid-template-columns:1fr 260px}@media (max-width:980px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field>label{color:#6b7a83;color:var(--muted);font-size:.85rem;font-weight:600}.input,.textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e6eef3;border-radius:8px;color:#0f2a33;color:var(--text);font-size:.96rem;padding:10px 12px;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);width:100%}.textarea{min-height:110px;padding-bottom:12px;padding-top:12px}.input:focus,.textarea:focus{border-color:#2f6ebd59;box-shadow:0 8px 26px #2f6ebd0f;outline:none;transform:translateY(-1px)}.input:focus-visible,.textarea:focus-visible{outline:3px solid #2f6ebd14}.hint{color:#8c9aa3;font-size:.84rem;margin-top:4px}.field-error{color:#e14f4f;color:var(--danger);font-size:.85rem;font-weight:600;margin-top:6px}.line-items{display:flex;flex-direction:column;gap:10px;margin-top:12px}.line-item{grid-gap:8px;background:linear-gradient(180deg,#fbfdff,#fff);border:1px solid #eef4f8;border-radius:8px;display:grid;gap:8px;padding:12px}.line-item-grid{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 96px 120px 120px 72px}@media (max-width:820px){.line-item-grid{grid-template-columns:1fr}}.small-label{color:#6b7a83;font-size:.78rem}.amount{background:#fbfeff;border:1px solid #e6eef3;border-radius:8px;color:#24343f;font-weight:700;padding:9px 10px;text-align:right}.line-actions{display:flex;gap:8px;justify-content:flex-end}.add-line{border:1px dashed #dce7ee;color:#3a5560;padding:8px 10px;transition:background .16s ease;transition:background var(--transition)}.add-line:hover{background:#f6fbff}.form-actions{gap:10px;margin-top:14px}.btn{background:#2f6ebd;border:0;border-radius:9px;box-shadow:0 10px 24px #2f6ebd14;font-size:.95rem;font-weight:700;padding:10px 14px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.btn:hover{box-shadow:0 12px 30px #2f6ebd1f;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn[aria-disabled=true],.btn[disabled]{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.btn-ghost{background:#fff;border:1px solid #e6eef3;color:#1f2d33}.btn-success{background:#5aa469;background:var(--accent-2);box-shadow:0 10px 24px #5aa46914}.btn-danger{background:#e14f4f}.small-btn{border:0;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 10px}.compact-table{margin-top:12px}.compact-table td,.compact-table th{border-bottom:1px solid #f1f5f8;color:#24343f;padding:10px 12px}.compact-table th{color:#596b74;font-size:.86rem;font-weight:700}.qty-input{border:1px solid #e6eef3;border-radius:8px;padding:8px;width:80px}.floating-card-overlay{align-items:center;background:#060c1473;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.floating-card{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 20px 50px #0c141e1f;display:flex;flex-direction:column;max-width:calc(100% - 36px);overflow:hidden;width:420px}.floating-card-header{align-items:center;background:linear-gradient(90deg,#2f6ebd,#4a7bd3);background:linear-gradient(90deg,var(--accent),#4a7bd3);color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.floating-card-header h3{font-size:1.05rem;font-weight:700;margin:0}.floating-card-body{background:linear-gradient(180deg,#fbfdff,#fff);padding:14px}.floating-card-footer{background:#fbfdff;padding:12px 14px;text-align:right}.floating-card-header .close-btn{background:#0000;border:0;color:#fffffff2;cursor:pointer;font-size:18px;line-height:1;padding:6px}.floating-card-header .close-btn:hover{opacity:.9;transform:scale(1.02)}.floating-footer{padding:12px 14px}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:#e14f4fe6;box-shadow:0 6px 18px #e14f4f0f}.kv{gap:10px}.kv .label{color:#6b7a83;color:var(--muted);font-weight:600;min-width:140px}.muted{color:#6b7a83;font-size:.9rem}@media (max-width:640px){.form-card{padding:14px}.line-item-grid{grid-template-columns:1fr}.compact-table td,.compact-table th{padding:8px}.floating-card{border-radius:8px;max-width:600px;width:100%}}.flex{display:flex}.center{text-align:center}.gap-sm{gap:8px}:root{--bg:#fff;--card-bg:#fff;--muted:#6b7280;--text:#111827;--accent:#0ea5a4;--accent-600:#089e98;--success:#10b981;--danger:#ef4444;--surface:#f8fafc;--border:#e6e9ee;--shadow:0 8px 20px #1118270f;--radius:10px;--radius-sm:6px;--max-width:1100px;--gap:12px;--small-font:13px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono","Courier New",monospace}.form-card{background:#fff;background:var(--card-bg);border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 20px #1118270f;box-shadow:var(--shadow);color:#111827;color:var(--text);margin:18px auto;max-width:1100px;max-width:var(--max-width);padding:20px}.form-card.loading{filter:grayscale(.02);opacity:.95}.form-card>h2{font-size:20px;margin:0 0 6px}.form-card .lead{color:#6b7280;color:var(--muted);font-size:14px;margin:0 0 14px}.form-grid{grid-gap:12px;grid-gap:var(--gap);display:grid;gap:12px;gap:var(--gap)}.form-grid-2{gap:12px;gap:var(--gap);grid-template-columns:1fr 1fr}.form-grid-3{gap:16px;gap:calc(var(--gap) + 4px);grid-template-columns:repeat(3,1fr)}@media (max-width:880px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.field{margin-bottom:8px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field .hint{color:#6b7280;color:var(--muted);font-size:12px;margin-top:6px}.input,.textarea,select{background:#fff;border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#111827;color:var(--text);font-size:14px;outline:none;padding:10px 12px;transition:box-shadow .12s ease,border-color .12s ease;width:100%}.input:focus,select:focus,textarea:focus{border-color:#089e98;border-color:var(--accent-600);box-shadow:0 4px 12px #0369670f}.textarea{font-size:14px;min-height:78px;resize:vertical}.small-label{color:#6b7280;color:var(--muted);display:block;font-size:12px;margin-bottom:6px}.btn{align-items:center;background:#0ea5a4;background:var(--accent);border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 12px}.btn.small-btn{border-radius:7px;font-size:13px;padding:6px 8px}.btn-ghost{background:#0000;border:1px solid #0000;box-shadow:none;color:#111827;color:var(--text)}.btn-ghost.small-btn{padding:6px 8px}.btn-primary{background:#0ea5a4;background:var(--accent);border-color:#089e98;border-color:var(--accent-600);color:#fff}.btn-success{background:#10b981;background:var(--success);border-color:#10b981e6;color:#fff}.btn-danger{background:#ef4444;background:var(--danger);border-color:#ef4444e6;color:#fff}.btn-close{border-radius:8px;font-size:18px;line-height:1;padding:6px 8px}.form-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.compact-table{background:#0000;border-collapse:collapse;font-size:14px;width:100%}.compact-table td,.compact-table th{border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.compact-table thead th{color:#6b7280;color:var(--muted);font-size:13px;font-weight:700}.compact-table tbody tr:hover{background:#fbfdff}.muted{font-size:13px}.hint,.muted{color:#6b7280;color:var(--muted)}.hint{font-size:12px}.section{background:#fff;border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;-webkit-user-select:none;user-select:none}.section-header.open{background:#fbfcfd}.section-title{color:#111827;color:var(--text);font-weight:700}.section-chevron{color:#6b7280;color:var(--muted);font-weight:700;transition:transform .18s ease}.section-chevron.open{transform:rotate(180deg)}.section-body{max-height:0;overflow:hidden;padding:0 12px;transition:max-height .28s ease,padding .18s ease}.section-body.open{max-height:1200px;padding:12px}.section-body-inner{padding-bottom:6px}.modal-overlay,.receipt-overlay{align-items:center;background:#02061773;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:1400}.modal,.receipt-modal{background:#fff;background:var(--card-bg);border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 20px #1118270f;box-shadow:var(--shadow);max-width:940px;overflow:auto;width:100%}.modal-header,.receipt-header{align-items:center;border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.modal-body,.receipt-body{padding:16px}.receipt-table{border-collapse:collapse;margin-top:12px;width:100%}.receipt-table td,.receipt-table th{border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border);padding:8px 10px}.receipt-total{font-size:16px;font-weight:700;margin-top:12px;text-align:right}.receipt-footer{border-top:1px solid #e6e9ee;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}aside{margin-top:18px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.add-line{background:#0000;border:1px dashed #e6e9ee;border:1px dashed var(--border);border-radius:8px;cursor:pointer;font-weight:600;padding:8px 12px}.account-picker{position:relative}.account-list{background:#fff;background:var(--card-bg);border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0f172a14;left:0;max-height:280px;overflow:auto;position:absolute;top:calc(100% + 6px);width:360px;z-index:1600}.account-item{border-bottom:1px solid #f1f3f5;cursor:pointer;padding:10px 12px}.account-item:hover{background:#fbfdff}.account-item-title{font-weight:600}.account-item-sub{color:#6b7280;color:var(--muted);font-size:12px;margin-top:4px}.account-actions{display:flex;gap:8px;justify-content:flex-end;padding:8px}.kv{align-items:center;display:flex;gap:8px}.total-amount{font-size:20px;font-weight:700;margin-top:4px}.payment-status.pending{color:#6b7280;color:var(--muted)}.payment-status.paid{color:#10b981;color:var(--success)}@media (max-width:720px){.account-list{left:4vw;width:92vw}.modal,.receipt-modal{max-width:96vw}.form-card{margin:12px;padding:14px}.compact-table td,.compact-table th{font-size:13px;padding:8px}}.compact-table td .action-group{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start}.compact-table .btn-ghost.small-btn,.compact-table .btn.btn-danger.small-btn,.compact-table .btn.small-btn{border-radius:7px;font-size:13px;padding:6px 8px}.compact-table td[style]{white-space:nowrap}.modal-overlay{align-items:center;background:#02061773;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:1400}.modal{background:#fff;background:var(--card-bg);border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 20px #1118270f;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 96px);max-width:720px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border);display:flex;flex:0 0 auto;justify-content:space-between;padding:12px 16px}.modal-body{flex:1 1 auto;overflow:auto;padding:16px}.modal-body form{grid-gap:12px;display:grid;gap:12px}.modal-body label{font-size:13px;font-weight:700;margin-bottom:6px}.modal-body input[type=number],.modal-body input[type=text],.modal-body select,.modal-body textarea{border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;font-size:14px;padding:9px 10px;width:100%}.modal-footer{background:linear-gradient(180deg,#fff0,#ffffff05);border-top:1px solid #e6e9ee;border-top:1px solid var(--border);display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;padding:12px 16px}.btn-primary,.modal .btn.btn-primary{background:#0ea5a4;background:var(--accent);border-color:#089e98;border-color:var(--accent-600);border-radius:8px;color:#fff;padding:8px 12px}.btn-secondary,.modal .btn.btn-secondary{background:#0000;border:1px solid #e6e9ee;border:1px solid var(--border);border-radius:8px;color:#111827;color:var(--text);padding:8px 12px}.table td .small-btn{margin-right:6px}.table td .small-btn:last-child{margin-right:0}@media (max-width:720px){.modal{max-height:92vh;max-width:96vw}.modal-body{padding:12px}.modal-footer{padding:10px}}
/*# sourceMappingURL=main.6f3a21ee.css.map*/