#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:#0000}*{box-sizing:border-box}:root{--primary-500:#0f766e;--primary-400:#14b8a6;--accent-500:#f97316;--surface:#fffffff2;--surface-border:#0f766e1f;--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--muted:#94a3b8;--bg:#e2f7f4}body{background:#eef6f4;color:#0f172a;color:var(--text-900);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.app-bg{background:radial-gradient(circle at top left,#14b8a62e,#0000 35%),radial-gradient(circle at bottom right,#f9731629,#0000 32%),linear-gradient(180deg,#f7fdfa,#d8f7ee);min-height:100vh}.topbar{color:#0f172a;color:var(--text-900);justify-content:space-between;padding:18px 24px}.brand,.topbar{align-items:center;display:flex}.brand{gap:14px}.brand-badge{background:linear-gradient(135deg,#14b8a62e,#f973162e);border-radius:14px;box-shadow:0 12px 30px #14b8a624;font-size:32px;padding:12px}.brand h1{font-size:28px;letter-spacing:-.03em;margin:0}.brand-subtitle{color:#334155;color:var(--text-700);font-size:14px;margin:4px 0 0}.top-actions{display:flex;gap:12px}.container{margin:0 auto;max-width:1220px;padding:24px 24px 40px}.stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 18px}.chip{background:#fffffff5;border:1px solid #0f766e1f;border:1px solid var(--surface-border);border-radius:999px;box-shadow:0 12px 24px #0f766e0f;color:#0f172a;color:var(--text-900);font-weight:700;padding:10px 14px}.stats .search{margin-left:auto;min-width:280px}.search input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;color:#0f172a;color:var(--text-900);max-width:100%;padding:12px 14px;width:100%}.search input:focus{border-color:#0f766e;border-color:var(--primary-500);box-shadow:0 0 0 4px #14b8a629;outline:none}.content-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:.8fr 1.2fr}@media (max-width:900px){.content-grid{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--surface);border:1px solid #0f766e1f;border:1px solid var(--surface-border);border-radius:24px;box-shadow:0 20px 45px #0f172a14;overflow:visible;padding:28px}.card h2{color:#0f172a;color:var(--text-900);font-size:22px;margin:0 0 14px}.list-card{padding:24px}.section-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-header p{color:#334155;color:var(--text-700);margin:6px 0 0}.scroll-x{background:#fffffff2;border-radius:18px;box-shadow:inset 0 0 0 1px #0f766e14;overflow-x:auto;width:100%}.product-form{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-form input{background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;padding:14px 16px;transition:all .2s ease}.product-form input:focus{border-color:#0f766e;border-color:var(--primary-500);box-shadow:0 0 0 5px #14b8a61f}.form-actions{display:flex;gap:12px;grid-column:1/-1;justify-content:flex-start}.btn{background:linear-gradient(135deg,#14b8a6,#0f766e);background:linear-gradient(135deg,var(--primary-400),var(--primary-500));border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.15px;padding:12px 16px;transition:transform .16s ease,box-shadow .24s ease,opacity .2s ease}.btn:hover{box-shadow:0 16px 32px #14b8a63d;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-secondary{background:#fff;border:1px solid #d1d5db}.btn-light,.btn-secondary{color:#0f172a;color:var(--text-900)}.btn-light{background:#ffffffe0;border:1px solid #0f766e24}.btn-edit{background:#0ea5e9}.btn-delete{background:#ef4444}.product-table{border-collapse:initial;border-spacing:0;min-width:720px;table-layout:auto;width:100%}.product-table thead th{background:#0f766e0f;border-bottom:2px solid #0f766e1f;color:#334155;color:var(--text-700);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.4px;padding:16px 18px;position:relative;text-align:left;text-transform:uppercase;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.product-table thead th.sortable:hover{background:linear-gradient(135deg,#f0f5fff2,#eef2ffe6)}.product-table thead th.sort-asc:after{color:#0f766e;color:var(--primary-500);content:" ↑";font-weight:700}.product-table thead th.sort-desc:after{color:#0f766e;color:var(--primary-500);content:" ↓";font-weight:700}.product-table thead th:first-child{width:6%}.product-table thead th:nth-child(2){width:15%}.product-table thead th:nth-child(3){width:25%}.product-table thead th:nth-child(4),.product-table thead th:nth-child(5){width:12%}.product-table thead th:nth-child(6){width:30%}.product-table thead th:first-child{border-radius:12px 0 0 0}.product-table thead th:last-child{border-radius:0 12px 0 0}.product-table tbody tr{background:#fff;border-radius:18px;box-shadow:0 2px 16px #0f172a0f;transition:all .2s ease}.product-table tbody tr:hover{background:#f1f8f5;box-shadow:0 6px 24px #0f172a14;transform:translateY(-1px)}.product-table tbody tr+tr td{border-top:1px solid #f1f5f9}.product-table tbody td{border-left:4px solid #0000;padding:18px;vertical-align:middle}.product-table tbody tr:hover td:first-child{border-left-color:#0f766e;border-left-color:var(--primary-500)}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;min-width:190px}.row-actions .btn{flex-shrink:0;font-size:13px;min-width:80px;padding:10px 14px}.qty-badge{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:8px;box-shadow:0 1px 3px #3730a31a;color:#3730a3;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;min-width:44px}.price-cell{color:#0f766e;color:var(--primary-500);font-size:15px;font-weight:700}.name-cell{color:#0f172a;color:var(--text-900);font-weight:600}.desc-cell{color:#64748b;color:var(--text-500);font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty,.muted{color:#6b7280}.empty{background:#f9fafb80;border-radius:12px;font-style:italic;margin:16px 0;padding:32px 16px;text-align:center}.success-msg{background:#16a34a}.error-msg,.success-msg{border-radius:10px;color:#fff;margin-top:12px;padding:10px 12px}.error-msg{background:#ef4444}.loader{color:#4f46e5;font-weight:700}@media (max-width:1100px){.product-form{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.product-form{grid-template-columns:1fr}}.footer-section{margin:0 auto 18px;max-width:1220px;padding:0 16px}.footer-section .tagline-card{width:100%}@media (min-width:900px){.footer-section{padding:0 24px 18px}}.tagline-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#eefaf8eb);border:1px solid #14b8a61f;border-radius:18px;box-shadow:0 12px 30px #0f172a14;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative}.tagline-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f59e0b);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tagline-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#f97316);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;letter-spacing:.5px;margin:0 0 6px}.tagline-content p{color:#475569;font-size:14px;font-style:normal;line-height:1.5;margin:0;max-width:520px}.company-badge{align-items:center;background:#ffffffeb;border:1px solid #14b8a624;border-radius:12px;box-shadow:0 4px 18px #0f172a0f;display:inline-flex;gap:8px;padding:10px 16px}.powered-by{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}@media (max-width:700px){.tagline-card{align-items:stretch;flex-direction:column;padding:14px 16px;text-align:center}.tagline-content{width:100%}.company-badge{justify-content:center;margin-top:12px;width:100%}}
/*# sourceMappingURL=main.0d24c63c.css.map*/