.btn,.tab,.card,.cx-ah,.input-field{--e_ad:0ms;--e_af:cubic-bezier(.23, 1, .32, 1);--e_aw:0ms;--e_sd:var(--e_ad);--e_sf:var(--e_af);--e_sw:var(--e_aw);--e_od:var(--e_sd);--e_of:var(--e_sf);--e_ow:var(--e_sw);--e_cd:var(--e_sd);--e_cf:var(--e_sf);--e_cw:var(--e_sw);--e_bd:var(--e_sd);--e_bf:var(--e_sf);--e_bw:var(--e_sw);--e_td:var(--e_bd);--e_tf:var(--e_bf);--e_tw:var(--e_bw);--e_b:var(--e_bd) var(--e_bf) var(--e_bw);--e_c:var(--e_cd) var(--e_cf) var(--e_cw);--e_rest:any;transition:all var(--e_ad) var(--e_af) var(--e_aw),opacity var(--e_od) var(--e_of) var(--e_ow),transform var(--e_td) var(--e_tf) var(--e_tw),color var(--e_c),background-color var(--e_c),border-color var(--e_c),fill var(--e_c),stroke var(--e_c),outline-color var(--e_c),box-shadow var(--e_c),filter var(--e_c),inset var(--e_b),width var(--e_b),height var(--e_b),max-width var(--e_b),max-height var(--e_b),min-width var(--e_b),min-height var(--e_b),border-width var(--e_b),outline-width var(--e_b),stroke-width var(--e_b),margin var(--e_b),padding var(--e_b),var(--e_rest)}.card,.card:is(:hover,.\@hover){--t_x:0;--t_y:0;--t_rotate:0;--t_scale:1;--t_scale-x:1;--t_scale-y:1;transform:translate(var(--t_x),var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale))}:root{font-family:var(--font-Inter,Inter);background:hsla(240,5.88%,10%,100%);color:#fff}:root *{box-sizing:border-box}.input-field:not(._0){background:hsla(0,0%,0%,20%);border:1px solid hsla(0,0%,100%,10%);color:#fff;border-radius:6px;padding:.75rem 1rem;outline:none;--e_rest: all .2s !important;width:100%}.input-field:is(:focus,.\@focus):not(._0){bdc:hsla(238.73,83.53%,66.67%,100%);box-shadow:0 0 0 2px #6366f14d}.input-field option:not(._0){background:hsla(240,3.7%,15.88%,100%);color:#fff}.btn:not(._0){border-style:none;color:#fff;font-weight:600;border-radius:6px;padding:.5rem 1.5rem;cursor:pointer;--e_rest: all .2s !important}.btn.primary:not(._0){background:hsla(238.73,83.53%,66.67%,100%)}.btn.primary:is(:hover,.\@hover):not(._0){background:hsla(243.4,75.36%,58.63%,100%);box-shadow:0 0 15px #6366f17f}.btn.cancel:not(._0){background:hsla(0,0%,100%,0%);border:1px solid hsla(0,0%,100%,20%)}.btn.cancel:is(:hover,.\@hover):not(._0){background:hsla(0,0%,100%,10%)}.btn.edit:not(._0){background:hsla(238.73,83.53%,66.67%,20%);border:1px solid hsla(238.73,83.53%,66.67%,30%);color:#a5b4fc}.btn.edit:is(:hover,.\@hover):not(._0){background:hsla(238.73,83.53%,66.67%,100%);color:#fff}.btn.delete:not(._0){background:hsla(0,84.24%,60.2%,20%);border:1px solid hsla(0,84.24%,60.2%,30%);color:#fca5a5}.btn.delete:is(:hover,.\@hover):not(._0){background:hsla(0,84.24%,60.2%,100%);color:#fff}.card:not(._0){background:hsla(0,0%,100%,5%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,10%);border-radius:8px;padding:1.25rem;--e_rest: all .3s !important;--t_y: 0 !important}.card:is(:hover,.\@hover):not(._0){background:hsla(0,0%,100%,10%);box-shadow:0 8px 24px #0000004d;--t_y: -2px !important}.card.out-of-stock:not(._0){bdc:hsla(0,84.24%,60.2%,50%)}.card.low-stock:not(._0){bdc:hsla(24.58,94.98%,53.14%,50%)}.badge:not(._0){padding:.25rem .75rem;border-radius:9999px;font-size:12px;line-height:18px;--u_lh: 18px;font-weight:700;text-transform:uppercase;tracking:wider}.badge.red:not(._0){background:hsla(0,84.24%,60.2%,20%);color:#f87171;border:1px solid hsla(0,84.24%,60.2%,30%)}.badge.orange:not(._0){background:hsla(24.58,94.98%,53.14%,20%);color:#fb923c;border:1px solid hsla(24.58,94.98%,53.14%,30%)}.badge.green:not(._0){background:hsla(160.12,84.08%,39.41%,20%);color:#34d399;border:1px solid hsla(160.12,84.08%,39.41%,30%)}.badge.gray:not(._0){background:hsla(240,3.83%,46.08%,20%);color:#d4d4d8;border:1px solid hsla(240,3.83%,46.08%,30%)}.tab:not(._0){padding:.5rem 1rem;border-radius:6px;cursor:pointer;--e_rest: all .2s !important;font-weight:500;font-size:14px;line-height:22px;--u_lh: 22px;background:hsla(0,0%,100%,0%);color:#a1a1aa}.tab:is(:hover,.\@hover):not(._0){color:#fff;background:hsla(0,0%,100%,5%)}.tab.active:not(._0){background:hsla(238.73,83.53%,66.67%,100%);color:#fff;box-shadow:0 0 10px #6366f14d}.cx-af:not(#_):not(#_){display:flex;flex-direction:column;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem;min-height:100vh;width:100%}.cx-ag:not(#_):not(#_):not(#_){max-width:900px;width:100%;padding-left:1rem;padding-right:1rem}.cx-ah:not(#_):not(#_):not(#_){font-size:30px;line-height:46px;--u_lh: 46px;font-weight:700;text-align:center;margin-bottom:.5rem;color:#818cf8;--e_rest: color .3s ease !important}.cx-ah:is(:hover,.\@hover):not(#_):not(#_):not(#_){color:#6366f1}.cx-ai:not(#_):not(#_):not(#_){display:flex;flex-direction:row;justify-content:center;gap:1rem;--u_rg: 1rem;--u_cg: 1rem;margin-bottom:2rem;margin-top:1rem}.cx-al:not(#_):not(#_):not(#_){background:hsla(0,0%,100%,5%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,10%);border-radius:8px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0003}.cx-am:not(#_):not(#_):not(#_){font-size:20px;line-height:30px;--u_lh: 30px;font-weight:600;margin-bottom:1rem}.cx-an:not(#_):not(#_):not(#_){display:flex;flex-direction:column;gap:1rem;--u_rg: 1rem;--u_cg: 1rem}.cx-ao:not(#_):not(#_):not(#_){display:grid;grid-template:repeat(auto-fit,minmax(200px,1fr));gap:1rem;--u_rg: 1rem;--u_cg: 1rem}.cx-at:not(#_):not(#_):not(#_){min-height:80px}.cx-au:not(#_):not(#_):not(#_){display:flex;flex-direction:row;gap:.75rem;--u_rg: .75rem;--u_cg: .75rem;justify-content:flex-end;margin-top:.5rem}.cx-ax:not(#_):not(#_):not(#_){display:flex;flex-direction:row;font-weight:wrap;gap:.5rem;--u_rg: .5rem;--u_cg: .5rem;margin-bottom:1.5rem}.cx-ba:not(#_):not(#_):not(#_){display:flex;flex-direction:column;gap:1rem;--u_rg: 1rem;--u_cg: 1rem}.cx-bb:not(#_):not(#_):not(#_){text-align:center;padding:2.5rem;color:#a1a1aa;font-size:18px;line-height:28px;--u_lh: 28px}.cx-bc:not(#_):not(#_):not(#_){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;--u_rg: 1rem;--u_cg: 1rem}.cx-bd:not(#_):not(#_):not(#_){display:flex;flex-direction:column;gap:.5rem;--u_rg: .5rem;--u_cg: .5rem;flex:1;padding-right:1rem;min-width:250px}.cx-be:not(#_):not(#_):not(#_){display:flex;flex-direction:row;align-items:center;gap:.75rem;--u_rg: .75rem;--u_cg: .75rem;margin-bottom:.25rem}.cx-bf:not(#_):not(#_):not(#_){font-size:18px;line-height:28px;--u_lh: 28px;font-weight:600;margin:0rem}.cx-bh:not(#_):not(#_):not(#_){font-size:14px;color:#d4d4d8;margin:0rem;line-height:1.5;--u_lh: 1.5}.cx-bi:not(#_):not(#_):not(#_){display:flex;flex-direction:row;align-items:center;gap:1.5rem;--u_rg: 1.5rem;--u_cg: 1.5rem}.cx-bj:not(#_):not(#_):not(#_){display:flex;flex-direction:column;align-items:center}.cx-bk:not(#_):not(#_):not(#_){font-size:24px;line-height:36px;--u_lh: 36px;font-weight:700;color:#f87171}.cx-bl:not(#_):not(#_):not(#_){font-size:24px;line-height:36px;--u_lh: 36px;font-weight:700;color:#fb923c}.cx-bm:not(#_):not(#_):not(#_){font-size:24px;line-height:36px;--u_lh: 36px;font-weight:700;color:#34d399}.cx-bn:not(#_):not(#_):not(#_){font-size:12px;line-height:18px;--u_lh: 18px;color:#a1a1aa;text-transform:uppercase;font-weight:700;margin-top:.25rem}.cx-bo:not(#_):not(#_):not(#_){margin-top:.5rem}.cx-bp:not(#_):not(#_):not(#_){margin-top:.5rem}.cx-bq:not(#_):not(#_):not(#_){margin-top:.5rem}.cx-br:not(#_):not(#_):not(#_){display:flex;flex-direction:column;gap:.5rem;--u_rg: .5rem;--u_cg: .5rem;margin-left:1rem}.cx-bu:not(#_):not(#_):not(#_){background:hsla(0,0%,100%,5%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,10%);border-radius:8px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0003}.cx-bv:not(#_):not(#_):not(#_){font-size:20px;line-height:30px;--u_lh: 30px;font-weight:600;margin-bottom:1.5rem}.cx-bw:not(#_):not(#_):not(#_){margin-bottom:2rem}.cx-bx:not(#_):not(#_):not(#_){display:block;margin-bottom:.5rem;font-size:14px;line-height:22px;--u_lh: 22px;color:#a1a1aa}.cx-cb:not(#_):not(#_):not(#_){overflow-x:auto}.cx-cc:not(#_):not(#_):not(#_){width:100%;bd-spacing:0}.cx-ce:not(#_):not(#_):not(#_){color:#a1a1aa;font-size:12px;line-height:18px;--u_lh: 18px;text-transform:uppercase;text-align:left}.cx-cf:not(#_):not(#_):not(#_){padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem}.cx-cg:not(#_):not(#_):not(#_){padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem;text-align:center}.cx-ch:not(#_):not(#_):not(#_){padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem;text-align:center}.cx-ci:not(#_):not(#_):not(#_){padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem;text-align:right}.cx-ck:not(#_):not(#_):not(#_){bd-top:1px solid hsla(0,0%,100%,5%)}.cx-cl:not(#_):not(#_):not(#_){padding:1rem .5rem}.cx-cm:not(#_):not(#_):not(#_){font-weight:600;font-size:14px;line-height:22px;--u_lh: 22px}.cx-cn:not(#_):not(#_):not(#_){font-size:10px;color:#71717a}.cx-co:not(#_):not(#_):not(#_){padding:1rem .5rem;text-align:center;font-size:14px;line-height:22px;--u_lh: 22px}.cx-cp:not(#_):not(#_):not(#_){padding:1rem .5rem;text-align:center;font-size:14px;line-height:22px;--u_lh: 22px}.cx-cq:not(#_):not(#_):not(#_){color:#34d399}.cx-cr:not(#_):not(#_):not(#_){color:#f87171}.cx-cs:not(#_):not(#_):not(#_){padding:1rem .5rem;text-align:right}.cx-cv:not(#_):not(#_):not(#_){text-align:center;padding-top:2.5rem;padding-bottom:2.5rem;color:#a1a1aa}app-tag{display:block}
