@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff5f5;--bg2:#fff;--bg3:#fff7f7;--bg4:#fff1f2;--accent:#ef4444;--accent2:#fb7185;--green:#16a34a;--red:#dc2626;--blue:#2563eb;--purple:#7c3aed;--cyan:#06b6d4;--text:#0f172a;--text2:#475569;--text3:#64748b;--border:#e6e9ef;--border2:#e2e8f0;--card:#fff;--radius:10px;--radius-lg:14px;--shadow:0 10px 30px #1018280f}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#fff5f5;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:14px;line-height:1.5}body,h1,h2,h3{color:#0f172a;color:var(--text)}h1,h2,h3{font-weight:800}h1{font-size:28px}h2{font-size:20px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text3)}.mono{font-family:JetBrains Mono,monospace}.text-accent{color:#ef4444;color:var(--accent)}.text-green{color:#16a34a;color:var(--green)}.text-red{color:#dc2626;color:var(--red)}.text-muted{color:#64748b;color:var(--text3)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn-ghost{background:#0000;border:1px solid #0000;color:#475569;color:var(--text2)}.btn-pill{border-radius:999px}.btn-social{align-items:center;border-radius:10px;display:flex;font-weight:700;gap:10px;padding:10px 14px}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:#ef4444;background:var(--accent);color:#fff}.btn-primary:hover{background:#fb7185;background:var(--accent2);transform:translateY(-1px)}.btn-outline{background:#fff7f7;background:var(--bg3);border:1px solid #e6e9ef;border:1px solid var(--border);color:#475569;color:var(--text2)}.btn-outline:hover{border-color:#ef4444;border-color:var(--accent);color:#ef4444;color:var(--accent)}.btn-danger{background:#ef44441f;border:1px solid #ef44444d;color:#f87171}.btn-danger:hover{background:#ef444433}.btn-blue,.btn-green{background:#ef4444;background:var(--accent);color:#fff}.btn-sm{font-size:11px;padding:5px 10px}.btn-icon{background:#fff7f7;background:var(--bg3);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:8px;color:#475569;color:var(--text2);height:32px;justify-content:center;padding:0;width:32px}.btn-icon:hover{border-color:#ef4444;border-color:var(--accent);color:#ef4444;color:var(--accent)}.form-group{margin-bottom:14px}.form-label{color:#475569;color:var(--text2);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:linear-gradient(180deg,#fff,#fff);background:linear-gradient(180deg,var(--bg2),var(--bg2));border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 18px #1018280a;color:#0f172a;color:var(--text);font-family:Sora,sans-serif;font-size:14px;outline:none;padding:12px 14px;transition:border .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ef4444;border-color:var(--accent);box-shadow:0 6px 22px #0ea5b714}.form-input::placeholder,.form-textarea::placeholder{color:#64748b;color:var(--text3)}.form-select option{background:#fff;background:var(--bg2)}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-error{color:#dc2626;color:var(--red);font-size:11px;margin-top:4px}.card{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg)}.card-pad{padding:20px 22px}.glass-card{background:linear-gradient(180deg,#ffffffd1,#ffffffb8);border:1px solid #fff9;box-shadow:0 8px 30px #10182814}.brand-mark-large{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:22px;font-weight:900;height:68px;justify-content:center;width:68px}.input-with-icon{position:relative}.input-with-icon svg{color:#64748b;color:var(--text3);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:42px}.marquee{position:relative}.marquee:after,.marquee:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:48px}.marquee:before{background:linear-gradient(90deg,#fff,#0000);background:linear-gradient(90deg,var(--bg2),#0000);left:0}.marquee:after{background:linear-gradient(270deg,#fff,#0000);background:linear-gradient(270deg,var(--bg2),#0000);right:0}.hero-graphic{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.hero-illustration{max-width:380px;width:100%}.product-grid{grid-gap:clamp(12px,2vw,24px);display:grid;gap:clamp(12px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:1200px){.product-grid{gap:18px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{gap:14px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{gap:12px;grid-template-columns:1fr}}.product-card{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:100px;min-height:260px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.2,0,0,1);width:250px}.product-card:hover{border-color:#ef4444;border-color:var(--accent);box-shadow:0 20px 25px -12px #00000026;transform:translateY(-4px)}.product-media{align-items:center;background:linear-gradient(135deg,#ef44440d,#ef444403);border-radius:12px;display:flex;flex-shrink:0;font-size:42px;height:100px;justify-content:center;transition:all .2s ease}.product-card:hover .product-media{background:linear-gradient(135deg,#ef444414,#ef444405)}.product-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0}.product-title{color:#0f172a;color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.3}.product-sub,.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-sub{color:#475569;color:var(--text2);font-size:11px;line-height:1.4}.product-price-row{align-items:baseline;display:flex;justify-content:space-between;margin-top:4px}.product-price{color:#ef4444;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800;letter-spacing:-.3px}.product-price-original{color:#64748b;color:var(--text3);font-size:11px;margin-left:8px;text-decoration:line-through}.product-stock{align-items:center;color:#64748b;color:var(--text3);display:flex;font-size:10px;gap:4px}.product-stock.in-stock{color:#10b981}.product-stock.low-stock{color:#f59e0b}.product-stock.out-of-stock{color:#dc2626;color:var(--red)}.product-badge{background:linear-gradient(135deg,#ef4444,#fb7185);background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 2px 4px #0000001a;font-size:10px;font-weight:700;padding:4px 10px;right:12px;text-transform:uppercase}.product-badge,.product-category{border-radius:40px;color:#fff;letter-spacing:.3px;position:absolute;top:12px;z-index:2}.product-category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;font-size:9px;font-weight:500;left:12px;padding:3px 8px}.product-footer{align-items:center;border-top:1px solid #e6e9ef;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-top:8px;padding-top:8px}.product-quantity{background:#fff5f5;background:var(--bg);gap:6px;padding:2px}.product-quantity,.product-quantity-btn{align-items:center;border-radius:40px;display:flex}.product-quantity-btn{background:#fff;background:var(--card);border:none;color:#0f172a;color:var(--text);cursor:pointer;font-weight:700;height:24px;justify-content:center;transition:all .15s ease;width:24px}.product-quantity-btn:hover{background:#ef4444;background:var(--accent);color:#fff}.product-quantity-value{font-size:12px;font-weight:600;min-width:24px;text-align:center}.product-add{background:linear-gradient(135deg,#ef4444,#fb7185);background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.3px;padding:8px 14px;text-align:center;transition:all .2s ease}.product-add:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(.98)}.product-add:active{transform:scale(.96)}.product-add.disabled,.product-add:disabled{background:#64748b;background:var(--text3);cursor:not-allowed;opacity:.6;transform:none}.product-details-btn{background:#0000;border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:40px;color:#475569;color:var(--text2);cursor:pointer;font-size:11px;font-weight:500;padding:7px 12px;transition:all .15s ease}.product-details-btn:hover{border-color:#ef4444;border-color:var(--accent);color:#ef4444;color:var(--accent)}.product-rating{align-items:center;color:#fbbf24;display:flex;font-size:9px;gap:4px}.product-rating span{color:#64748b;color:var(--text3);font-size:9px}.product-badge.sale{background:linear-gradient(135deg,#f59e0b,#ef4444)}.product-badge.new{background:linear-gradient(135deg,#10b981,#059669)}.product-image-wrapper{border-radius:12px;height:100px;overflow:hidden;position:relative}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-card.compact{aspect-ratio:auto;min-height:auto;padding:12px}.product-card.compact .product-media{font-size:32px;height:70px}.product-card.compact .product-title{font-size:12px}.product-card.compact .product-price{font-size:14px}.product-card.skeleton{pointer-events:none}.product-card.skeleton .product-media{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#e6e9ef 25%,#fff5f5 50%,#e6e9ef 75%);background:linear-gradient(90deg,var(--border) 25%,var(--bg) 50%,var(--border) 75%);background-size:200% 100%}.product-card.skeleton .product-price,.product-card.skeleton .product-sub,.product-card.skeleton .product-title{animation:skeleton-loading 1.5s infinite;background:#e6e9ef;background:var(--border);border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.inventory-table-wrapper{border-radius:16px;flex:1 1;min-height:0;overflow:auto}.badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:600;padding:2px 9px}.badge-green{background:#22c55e26;border:1px solid #22c55e40;color:#4ade80}.badge-red{background:#ef444426;border:1px solid #ef444440;color:#f87171}.badge-yellow{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24}.badge-blue{background:#3b82f626;border:1px solid #3b82f640;color:#60a5fa}.badge-purple{background:#a855f726;border:1px solid #a855f740;color:#c084fc}.badge-gray{background:#64748b26;border:1px solid #64748b40;color:#475569;color:var(--text2)}.data-table{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}table{border-collapse:collapse;width:100%}thead tr{background:#fff7f7;background:var(--bg3)}th{color:#64748b;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{padding:10px 14px}td{border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);color:#475569;color:var(--text2);font-size:12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff05}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;background:var(--card);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:14px 16px}.stat-label{color:#64748b;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.stat-sub{color:#64748b;color:var(--text3);font-size:11px;margin-top:4px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{animation:slideUp .2s ease;background:#fff;background:var(--bg2);border:1px solid #e2e8f0;border:1px solid var(--border2);border-radius:14px;border-radius:var(--radius-lg);max-height:90vh;max-width:460px;overflow-y:auto;padding:22px 24px;width:100%}.modal-lg{max-width:600px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15px;font-weight:700}.modal-close{background:none;border:none;color:#64748b;color:var(--text3);cursor:pointer;font-size:20px;line-height:1;padding:2px}.modal-close:hover{color:#dc2626;color:var(--red)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:2000}.toast{align-items:center;animation:slideIn .2s ease;background:#fff;background:var(--bg2);border:1px solid #e2e8f0;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);box-shadow:0 10px 30px #1018280f;box-shadow:var(--shadow);display:flex;font-size:12px;gap:10px;max-width:320px;min-width:220px;padding:10px 14px}.toast-success{border-color:#22c55e66}.toast-error{border-color:#ef444466}.toast-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.toast-success .toast-dot{background:#16a34a;background:var(--green)}.toast-error .toast-dot{background:#dc2626;background:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.page{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.page-title{font-size:18px;font-weight:700}.page-actions{display:flex;gap:8px}.access-denied{align-items:center;color:#64748b;color:var(--text3);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.access-denied-icon{font-size:52px;opacity:.25}.spinner{animation:spin .7s linear infinite;border:2px solid #e6e9ef;border-top-color:#ef4444;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:20px;width:20px}.loading-page{align-items:center;display:flex;flex:1 1;justify-content:center}@keyframes spin{to{transform:rotate(1turn)}}.divider{background:#e6e9ef;background:var(--border);height:1px}.login-root{align-items:center;background:#fff5f5;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:28px}.login-card{background:linear-gradient(180deg,#fff,#fff);background:linear-gradient(180deg,var(--bg2),var(--bg2));border-radius:16px;box-shadow:0 10px 30px #1018280f;box-shadow:var(--shadow);display:flex;max-width:980px;overflow:hidden;width:100%}.login-illustration{background:linear-gradient(135deg,#0ea5b70f,#06b6d405);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:44px}.brand-logo{gap:12px}.brand-logo,.brand-mark{align-items:center;display:flex}.brand-mark{background:linear-gradient(135deg,#ef4444,#fb7185);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;color:#fff;font-size:18px;font-weight:800;height:44px;justify-content:center;width:44px}.brand-title{color:#0f172a;color:var(--text);font-size:20px;font-weight:800}.brand-sub{color:#475569;color:var(--text2);font-size:13px}.login-form{background:#fff;background:var(--bg2);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:36px}.login-form .form-card{margin-left:auto;margin-right:0;max-width:420px;width:100%}.login-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.login-cta{color:#475569;color:var(--text2);font-size:13px}.demo-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.demo-item{background:#fff7f7;background:var(--bg3);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;color:#475569;color:var(--text2);cursor:pointer;font-size:12px;padding:8px 10px}@media (max-width:860px){.login-card{flex-direction:column}.login-form,.login-illustration{padding:24px}.login-form .form-card{margin:0 auto}}.site-header{align-items:center;background:#fff;background:var(--bg2);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:flex;height:72px;justify-content:space-between;padding:0 28px}.site-header .site-brand{align-items:center;display:flex;gap:12px}.site-header .site-brand .brand-mark{border-radius:10px;height:44px;width:44px}.site-header .site-actions{color:#475569;color:var(--text2);font-size:13px}.site-footer{align-items:center;background:#fff;background:var(--bg2);border-top:1px solid #e6e9ef;border-top:1px solid var(--border);color:#64748b;color:var(--text3);display:flex;font-size:13px;height:56px;justify-content:center}.login-full{flex:1 1;gap:24px;min-height:calc(100vh - 128px)}.info-col,.login-full{display:flex;padding:28px}.info-col{background:linear-gradient(180deg,#0ea5b70a,#f5181805);border-radius:14px;flex:1.2 1;flex-direction:column;gap:14px}.login-col{align-items:center;display:flex;flex:0.9 1;justify-content:center}.features{color:#475569;color:var(--text2);display:flex;flex-direction:column;gap:8px}.feature-item{align-items:center;background:#fff;background:var(--bg2);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:10px 12px}.app-root{display:flex;flex-direction:column;height:100vh}.topbar{background:#fff;background:var(--bg2);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #00000005;gap:16px;height:72px;padding:0 20px}.topbar,.topbar .brand{align-items:center;display:flex}.topbar .brand{gap:12px}.topbar .brand .brand-mark{border-radius:8px;height:36px;width:36px}.topbar .search{flex:1 1;margin-left:18px;max-width:820px}.topbar .search .form-input{border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:999px;box-shadow:none;font-size:13px;padding:10px 14px;width:100%}.topbar .search .form-input:focus{border-color:#ef44441f;box-shadow:0 6px 20px #ef44440f}.topbar .actions{align-items:center;display:flex;gap:12px}.sidebar{background:#fff;background:var(--bg2);border-right:1px solid #e6e9ef;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:16px 10px;width:220px}.sidebar.collapsed{width:64px}.sidebar .nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}.nav-link{align-items:center;border-radius:10px;color:#475569;color:var(--text2);display:flex;font-weight:600;gap:12px;padding:10px 12px;text-decoration:none}.nav-link:hover{background:linear-gradient(90deg,#0ea5b708,#0000);color:#0f172a;color:var(--text)}.nav-link.active{background:linear-gradient(90deg,#0ea5b714,#0ea5b705);box-shadow:inset 3px 0 0 #ef4444;box-shadow:inset 3px 0 0 var(--accent);color:#ef4444;color:var(--accent)}.nav-icon{align-items:center;background:#0000;border-radius:8px;color:#475569;color:var(--text2);display:inline-flex;font-size:16px;height:28px;justify-content:center;width:28px}.nav-label{flex:1 1}.nav-badge{background:#ef4444;background:var(--accent);border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:2px 8px}@media (max-width:860px){.sidebar{display:none}.topbar .search{max-width:none}}.marquee{background:#0000;border:1px dashed #e6e9ef;border:1px dashed var(--border);border-radius:8px;overflow:hidden;padding:8px 10px}.marquee-track{animation:marquee 20s linear infinite;color:#475569;color:var(--text2);display:inline-block;font-weight:600;white-space:nowrap}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@media (max-width:860px){.login-full{flex-direction:column;padding:12px}.info-col{order:2}.login-col{order:1}}
/*# sourceMappingURL=main.a74bae55.css.map*/