@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--bg-2:#13161e;--bg-3:#1a1e29;--bg-4:#222736;--border:#2a2f40;--border-2:#353c52;--text:#e8eaf0;--text-2:#9499aa;--text-3:#5c6175;--gold:#e8b44b;--gold-dim:#c49530;--gold-bg:#e8b44b14;--gold-glow:#e8b44b33;--red:#e05c5c;--red-bg:#e05c5c14;--green:#4caf80;--green-bg:#4caf8014;--orange:#e07f3a;--orange-bg:#e07f3a14;--radius:8px;--radius-lg:12px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace}html{font-size:15px}body{-webkit-font-smoothing:antialiased;background:#0d0f14;background:var(--bg);color:#e8eaf0;color:var(--text);font-weight:400;line-height:1.6;min-height:100vh}body,button{font-family:DM Sans,sans-serif;font-family:var(--font-body)}button{border:none;cursor:pointer;outline:none;transition:all .18s ease}input{font-family:DM Sans,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#13161e;background:var(--bg-2)}::-webkit-scrollbar-thumb{background:#353c52;background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#5c6175;background:var(--text-3)}.table-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-meta{border-bottom:1px solid var(--border);color:var(--text-3);font-size:.78rem;letter-spacing:.02em;padding:.85rem 1.4rem}.table-meta strong{color:var(--text-2)}.product-table{border-collapse:collapse;table-layout:auto;width:100%}.product-table thead tr{background:var(--bg-3);border-bottom:1px solid var(--border)}.product-table th{color:var(--text-3);font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:.85rem 1rem;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.product-table th.sortable{cursor:pointer;transition:color .15s}.product-table th.sortable:hover{color:var(--text-2)}.sort-icon{font-size:.75rem;margin-left:.35rem;opacity:.4;transition:opacity .15s}.sort-icon.active{color:var(--gold);opacity:1}.product-row{animation:rowIn .25s ease both;border-bottom:1px solid var(--border);transition:background .12s}.product-row:last-child{border-bottom:none}.product-row:hover{background:var(--bg-3)}@keyframes rowIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.product-table td{font-size:.88rem;padding:1rem;vertical-align:middle}.id-badge{background:var(--bg-4);border:1px solid var(--border);border-radius:4px;color:var(--text-3);font-family:var(--font-mono);font-size:.78rem;padding:.2rem .5rem}.product-name{color:var(--text);font-weight:500;text-transform:capitalize}.product-desc{color:var(--text-2);font-size:.85rem}.price-cell{color:var(--gold);font-size:.88rem}.price-cell,.qty-badge{font-family:var(--font-mono);font-weight:500}.qty-badge{border-radius:4px;display:inline-block;font-size:.8rem;min-width:32px;padding:.2rem .55rem;text-align:center}.qty-low{background:var(--red-bg);border:1px solid #e05c5c33;color:var(--red)}.qty-medium{background:var(--orange-bg);border:1px solid #e07f3a33;color:var(--orange)}.qty-ok{background:var(--green-bg);border:1px solid #4caf8033;color:var(--green)}.action-btns{display:flex;gap:.4rem}.btn-delete,.btn-edit{align-items:center;border:1px solid #0000;border-radius:6px;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.btn-edit{background:var(--bg-4);border-color:var(--border);color:var(--text-2)}.btn-edit:hover{background:var(--gold-bg);border-color:var(--gold-dim);color:var(--gold)}.btn-delete{background:var(--bg-4);border-color:var(--border);color:var(--text-3)}.btn-delete:hover{background:var(--red-bg);border-color:#e05c5c4d;color:var(--red)}.skeleton-row td{padding:1rem}.skeleton-cell{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--bg-3) 0,var(--bg-4) 50%,var(--bg-3) 100%);background-size:200% 100%;border-radius:4px;display:inline-block;height:14px;width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.6rem;padding:4rem 2rem;text-align:center}.empty-icon{color:var(--text-3);font-size:2.5rem;margin-bottom:.5rem}.empty-state h3{color:var(--text-2);font-family:var(--font-display);font-size:1rem}.empty-state p{color:var(--text-3);font-size:.88rem;max-width:320px}@media (max-width:768px){.table-wrap{overflow-x:auto}.product-table{min-width:620px}}.modal{animation:slideUp .2s ease;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:94vw;overflow:hidden;width:520px}.modal-header{align-items:center;background:var(--bg-3);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.4rem 1.6rem}.modal-title-group{align-items:center;display:flex;gap:.7rem}.modal-icon{color:var(--gold);font-size:1rem}.modal-header h2{color:var(--text);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.02em}.modal-close{align-items:center;background:var(--bg-4);border:1px solid var(--border);border-radius:6px;color:var(--text-3);display:flex;font-size:.8rem;height:30px;justify-content:center;width:30px}.modal-close:hover{background:var(--red-bg);border-color:#e05c5c4d;color:var(--text)}.modal-form{padding:1.6rem}.form-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-3);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.form-input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);font-size:.9rem;outline:none;padding:.62rem .85rem;transition:all .15s;width:100%}.form-input::placeholder{color:var(--text-3)}.form-input:focus{background:var(--bg-2);border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--gold-glow)}.form-input.input-error{border-color:var(--red)}.form-input.input-error:focus{box-shadow:0 0 0 3px #e05c5c26}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.form-input[type=number]{-moz-appearance:textfield}.field-error{color:var(--red);font-size:.74rem;margin-top:1px}.modal-actions{border-top:1px solid var(--border);display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.6rem;padding-top:1.2rem}.btn-save{align-items:center;background:var(--gold);border-radius:var(--radius);color:#0d0f14;display:flex;font-family:var(--font-display);font-size:.82rem;font-weight:700;gap:.5rem;letter-spacing:.03em;padding:.6rem 1.4rem}.btn-save:hover:not(:disabled){background:#f0c05a;box-shadow:0 4px 16px var(--gold-glow);transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .7s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#0d0f14;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.toast{align-items:center;animation:toastIn .25s ease,toastOut .3s ease 3.2s both;border:1px solid #0000;border-radius:var(--radius);bottom:2rem;box-shadow:var(--shadow-lg);display:flex;font-size:.88rem;font-weight:500;gap:.6rem;padding:.75rem 1.2rem;position:fixed;right:2rem;z-index:999}.toast-success{background:var(--bg-3);border-color:#4caf804d;color:var(--green)}.toast-error{background:var(--bg-3);border-color:#e05c5c4d;color:var(--red)}.toast-icon{font-size:1rem}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media (max-width:480px){.toast{bottom:1.5rem;left:1rem;right:1rem}}.search-wrap{align-items:center;display:flex;flex:1 1;gap:1rem}.search-input-wrap{flex:1 1;max-width:520px;position:relative}.search-icon{color:var(--text-3);font-size:1.1rem;left:.9rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.88rem;outline:none;padding:.6rem 2.6rem .6rem 2.4rem;transition:all .15s;width:100%}.search-input::placeholder{color:var(--text-3)}.search-input:focus{background:var(--bg-3);border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--gold-glow)}.search-clear{align-items:center;background:var(--bg-4);border:1px solid var(--border);border-radius:4px;color:var(--text-3);display:flex;font-size:.7rem;height:22px;justify-content:center;position:absolute;right:.7rem;top:50%;transform:translateY(-50%);width:22px}.search-clear:hover{background:var(--bg-3);color:var(--text)}.search-hint{color:var(--text-3);font-size:.78rem;white-space:nowrap}.stats-bar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.1rem 1.3rem;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.stat-card.stat-accent{background:var(--red-bg);border-color:#e05c5c4d}.stat-card.stat-accent .stat-icon,.stat-card.stat-accent .stat-value{color:var(--red)}.stat-icon{color:var(--gold);flex-shrink:0;font-size:1.4rem;line-height:1}.stat-info{display:flex;flex-direction:column}.stat-value{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1}.stat-label{color:var(--text-3);font-size:.72rem;letter-spacing:.04em;margin-top:.25rem;text-transform:uppercase}@media (max-width:900px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-bar{grid-template-columns:1fr 1fr}.stat-value{font-size:1.1rem}}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-2);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{height:68px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.brand,.header-inner{align-items:center;display:flex}.brand{gap:.85rem}.brand-icon{color:var(--gold);font-size:1.6rem;line-height:1}.brand-name{color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.12em;line-height:1}.brand-tagline{color:var(--text-3);font-size:.7rem;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.btn-add{align-items:center;background:var(--gold);border-radius:var(--radius);color:#0d0f14;display:flex;font-family:var(--font-display);font-size:.82rem;font-weight:700;gap:.5rem;letter-spacing:.04em;padding:.55rem 1.1rem;transition:all .18s ease}.btn-add:hover{background:#f0c05a;box-shadow:0 4px 16px var(--gold-glow);transform:translateY(-1px)}.btn-icon{font-size:1.1rem;line-height:1}.app-main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1280px;padding:2rem;width:100%}.toolbar{gap:1rem}.error-state,.toolbar{align-items:center;display:flex}.error-state{background:var(--red-bg);border:1px solid #e05c5c40;border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:3rem 2rem;text-align:center}.error-icon{color:var(--red);font-size:2rem}.error-state p{color:var(--text-2);max-width:380px}.btn-retry{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);font-size:.85rem;margin-top:.5rem;padding:.45rem 1.2rem}.btn-retry:hover{background:var(--bg-4)}.overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUp .2s ease;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;padding:2rem;text-align:center;width:420px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.confirm-icon{color:var(--red);font-size:2rem;margin-bottom:1rem}.confirm-dialog h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.6rem}.confirm-dialog p{color:var(--text-2);font-size:.9rem;line-height:1.6}.confirm-dialog strong{color:var(--text)}.confirm-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.75rem}.btn-cancel{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-2);font-size:.88rem;padding:.55rem 1.4rem}.btn-cancel:hover{background:var(--bg-4);color:var(--text)}.btn-delete-confirm{background:var(--red);border-radius:var(--radius);color:#fff;font-size:.88rem;font-weight:500;padding:.55rem 1.4rem}.btn-delete-confirm:hover{background:#c44;transform:translateY(-1px)}@media (max-width:768px){.header-inner{padding:0 1rem}.app-main{gap:1rem;padding:1.25rem 1rem}.brand-tagline{display:none}}
/*# sourceMappingURL=main.93b719b8.css.map*/