@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-family:"Outfit", sans-serif;--transition:all .3s ease;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--pink-light-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--pink-light-glass:#fff9;--pink-light-glass-border:#fff6;--pink-light-text:#4a148c;--pink-light-text-muted:#7b1fa2;--pink-light-accent:#f06292;--pink-light-accent-hover:#e91e63;--pink-light-shadow:0 8px 32px 0 #e91e6326;--pink-dark-bg:linear-gradient(135deg, #4a148c, #311b92);--pink-dark-glass:#ffffff1a;--pink-dark-glass-border:#ffffff0d;--pink-dark-text:#fce4ec;--pink-dark-text-muted:#f48fb1;--pink-dark-accent:#f06292;--pink-dark-accent-hover:#f48fb1;--pink-dark-shadow:0 8px 32px 0 #0000004d;--white-light-bg:linear-gradient(135deg, #f0f4f8, #d9e2ec);--white-light-glass:#ffffffb3;--white-light-glass-border:#ffffff80;--white-light-text:#102a43;--white-light-text-muted:#486581;--white-light-accent:#334e68;--white-light-accent-hover:#102a43;--white-light-shadow:0 8px 32px 0 #1f26871a;--white-dark-bg:linear-gradient(135deg, #102a43, #243b53);--white-dark-glass:#102a4399;--white-dark-glass-border:#ffffff1a;--white-dark-text:#f0f4f8;--white-dark-text-muted:#9fb3c8;--white-dark-accent:#829ab1;--white-dark-accent-hover:#bcccdc;--white-dark-shadow:0 8px 32px 0 #0006;--original-light-bg:linear-gradient(135deg, #f8fafc, #e2e8f0);--original-light-glass:#ffffffb3;--original-light-glass-border:#fc6e2033;--original-light-text:#1b1b1b;--original-light-text-muted:#475569;--original-light-accent:#fc6e20;--original-light-accent-hover:#ff8c42;--original-light-shadow:0 8px 32px 0 #fc6e201a;--original-dark-bg:linear-gradient(135deg, #1b1b1b, #111);--original-dark-glass:#ffffff0d;--original-dark-glass-border:#fc6e204d;--original-dark-text:#ffe7d0;--original-dark-text-muted:#ffe7d099;--original-dark-accent:#fc6e20;--original-dark-accent-hover:#ff8c42;--original-dark-shadow:0 8px 32px 0 #00000080;--glowing-light-bg:linear-gradient(135deg, #c5e89e, #b5de8a);--glowing-light-glass:#ffffffb3;--glowing-light-glass-border:#105d5a26;--glowing-light-text:#105d5a;--glowing-light-text-muted:#105d5a99;--glowing-light-accent:#105d5a;--glowing-light-accent-hover:#084d4a;--glowing-light-shadow:0 8px 32px 0 #105d5a1a;--glowing-dark-bg:linear-gradient(135deg, #245c47, #1a4535);--glowing-dark-glass:#ffffff14;--glowing-dark-glass-border:#acff0133;--glowing-dark-text:#acff01;--glowing-dark-text-muted:#acff0199;--glowing-dark-accent:#acff01;--glowing-dark-accent-hover:#c5f94d;--glowing-dark-shadow:0 8px 32px 0 #0006;--coffee-light-bg:linear-gradient(135deg, #f5e9da, #ebd9c5);--coffee-light-glass:#ffffffb3;--coffee-light-glass-border:#61413326;--coffee-light-text:#614133;--coffee-light-text-muted:#af9681;--coffee-light-accent:#614133;--coffee-light-accent-hover:#4d3328;--coffee-light-shadow:0 8px 32px 0 #6141331a;--coffee-dark-bg:linear-gradient(135deg, #2b1e16, #1c1410);--coffee-dark-glass:#ffffff0d;--coffee-dark-glass-border:#af7e6140;--coffee-dark-text:#f5e9da;--coffee-dark-text-muted:#f5e9da99;--coffee-dark-accent:#b79681;--coffee-dark-accent-hover:#af7e61;--coffee-dark-shadow:0 8px 32px 0 #00000080;--muted-light-bg:linear-gradient(135deg, #efeff7, #d9e2ec);--muted-light-glass:#ffffffb3;--muted-light-glass-border:#242b3e1a;--muted-light-text:#242b3e;--muted-light-text-muted:#8e8ca0;--muted-light-accent:#ecbc58;--muted-light-accent-hover:#d4a74a;--muted-light-shadow:0 8px 32px 0 #242b3e1a;--muted-dark-bg:linear-gradient(135deg, #242b3e, #1a1f2e);--muted-dark-glass:#ffffff0d;--muted-dark-glass-border:#ecbc5833;--muted-dark-text:#f7e0da;--muted-dark-text-muted:#f7e0da99;--muted-dark-accent:#ecbc58;--muted-dark-accent-hover:#d4a74a;--muted-dark-shadow:0 8px 32px 0 #00000080;--violet-light-bg:linear-gradient(135deg, #ebebed, #d1d1d6);--violet-light-glass:#ffffffb3;--violet-light-glass-border:#7160c826;--violet-light-text:#1d193a;--violet-light-text-muted:#8b89a5;--violet-light-accent:#7160c8;--violet-light-accent-hover:#5d4eb0;--violet-light-shadow:0 8px 32px 0 #7160c81a;--violet-dark-bg:linear-gradient(135deg, #1d193a, #14112a);--violet-dark-glass:#ffffff0d;--violet-dark-glass-border:#724efb33;--violet-dark-text:#e0e5f2;--violet-dark-text-muted:#e0e5f299;--violet-dark-accent:#d9674d;--violet-dark-accent-hover:#c45b43;--violet-dark-shadow:0 8px 32px 0 #00000080}body.theme-pink{--bg-app:var(--pink-light-bg);--glass-bg:var(--pink-light-glass);--glass-border:var(--pink-light-glass-border);--text-main:var(--pink-light-text);--text-muted:var(--pink-light-text-muted);--accent:var(--pink-light-accent);--accent-hover:var(--pink-light-accent-hover);--glass-shadow:var(--pink-light-shadow)}body.theme-pink.dark-mode{--bg-app:var(--pink-dark-bg);--glass-bg:var(--pink-dark-glass);--glass-border:var(--pink-dark-glass-border);--text-main:var(--pink-dark-text);--text-muted:var(--pink-dark-text-muted);--accent:var(--pink-dark-accent);--accent-hover:var(--pink-dark-accent-hover);--glass-shadow:var(--pink-dark-shadow)}body.theme-white{--bg-app:var(--white-light-bg);--glass-bg:var(--white-light-glass);--glass-border:var(--white-light-glass-border);--text-main:var(--white-light-text);--text-muted:var(--white-light-text-muted);--accent:var(--white-light-accent);--accent-hover:var(--white-light-accent-hover);--glass-shadow:var(--white-light-shadow)}body.theme-white.dark-mode{--bg-app:var(--white-dark-bg);--glass-bg:var(--white-dark-glass);--glass-border:var(--white-dark-glass-border);--text-main:var(--white-dark-text);--text-muted:var(--white-dark-text-muted);--accent:var(--white-dark-accent);--accent-hover:var(--white-dark-accent-hover);--glass-shadow:var(--white-dark-shadow)}body.theme-original{--bg-app:var(--original-light-bg);--glass-bg:var(--original-light-glass);--glass-border:var(--original-light-glass-border);--text-main:var(--original-light-text);--text-muted:var(--original-light-text-muted);--accent:var(--original-light-accent);--accent-hover:var(--original-light-accent-hover);--glass-shadow:var(--original-light-shadow)}body.theme-original.dark-mode{--bg-app:var(--original-dark-bg);--glass-bg:var(--original-dark-glass);--glass-border:var(--original-dark-glass-border);--text-main:var(--original-dark-text);--text-muted:var(--original-dark-text-muted);--accent:var(--original-dark-accent);--accent-hover:var(--original-dark-accent-hover);--glass-shadow:var(--original-dark-shadow)}body.theme-glowing{--bg-app:var(--glowing-light-bg);--glass-bg:var(--glowing-light-glass);--glass-border:var(--glowing-light-glass-border);--text-main:var(--glowing-light-text);--text-muted:var(--glowing-light-text-muted);--accent:var(--glowing-light-accent);--accent-hover:var(--glowing-light-accent-hover);--glass-shadow:var(--glowing-light-shadow)}body.theme-glowing.dark-mode{--bg-app:var(--glowing-dark-bg);--glass-bg:var(--glowing-dark-glass);--glass-border:var(--glowing-dark-glass-border);--text-main:var(--glowing-dark-text);--text-muted:var(--glowing-dark-text-muted);--accent:var(--glowing-dark-accent);--accent-hover:var(--glowing-dark-accent-hover);--glass-shadow:var(--glowing-dark-shadow)}body.theme-coffee{--bg-app:var(--coffee-light-bg);--glass-bg:var(--coffee-light-glass);--glass-border:var(--coffee-light-glass-border);--text-main:var(--coffee-light-text);--text-muted:var(--coffee-light-text-muted);--accent:var(--coffee-light-accent);--accent-hover:var(--coffee-light-accent-hover);--glass-shadow:var(--coffee-light-shadow)}body.theme-coffee.dark-mode{--bg-app:var(--coffee-dark-bg);--glass-bg:var(--coffee-dark-glass);--glass-border:var(--coffee-dark-glass-border);--text-main:var(--coffee-dark-text);--text-muted:var(--coffee-dark-text-muted);--accent:var(--coffee-dark-accent);--accent-hover:var(--coffee-dark-accent-hover);--glass-shadow:var(--coffee-dark-shadow)}body.theme-muted{--bg-app:var(--muted-light-bg);--glass-bg:var(--muted-light-glass);--glass-border:var(--muted-light-glass-border);--text-main:var(--muted-light-text);--text-muted:var(--muted-light-text-muted);--accent:var(--muted-light-accent);--accent-hover:var(--muted-light-accent-hover);--glass-shadow:var(--muted-light-shadow)}body.theme-muted.dark-mode{--bg-app:var(--muted-dark-bg);--glass-bg:var(--muted-dark-glass);--glass-border:var(--muted-dark-glass-border);--text-main:var(--muted-dark-text);--text-muted:var(--muted-dark-text-muted);--accent:var(--muted-dark-accent);--accent-hover:var(--muted-dark-accent-hover);--glass-shadow:var(--muted-dark-shadow)}body.theme-violet{--bg-app:var(--violet-light-bg);--glass-bg:var(--violet-light-glass);--glass-border:var(--violet-light-glass-border);--text-main:var(--violet-light-text);--text-muted:var(--violet-light-text-muted);--accent:var(--violet-light-accent);--accent-hover:var(--violet-light-accent-hover);--glass-shadow:var(--violet-light-shadow)}body.theme-violet.dark-mode{--bg-app:var(--violet-dark-bg);--glass-bg:var(--violet-dark-glass);--glass-border:var(--violet-dark-glass-border);--text-main:var(--violet-dark-text);--text-muted:var(--violet-dark-text-muted);--accent:var(--violet-dark-accent);--accent-hover:var(--violet-dark-accent-hover);--glass-shadow:var(--violet-dark-shadow)}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden}body{background:var(--bg-app);color:var(--text-main);transition:var(--transition)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);transition:var(--transition)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}#root{flex-direction:column;gap:8px;height:100vh;padding:8px;display:flex}@media (width>=768px){#root{gap:16px;padding:16px}}h1{font-size:20px;font-weight:700}@media (width>=768px){h1{font-size:24px}}h2{font-size:18px;font-weight:600}@media (width>=768px){h2{font-size:20px}}h3{font-size:16px;font-weight:600}p{font-size:14px}.text-muted{color:var(--text-muted)}.text-xs{font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hide-mobile{display:none}@media (width>=768px){.hide-mobile{gap:8px;display:flex}}.hide-desktop{display:flex}@media (width>=768px){.hide-desktop{display:none}}.pos-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=768px){.pos-container{flex-direction:row;gap:16px}}.pos-main{flex-direction:column;flex:1;gap:12px;padding-bottom:70px;display:flex;overflow:hidden}@media (width>=768px){.pos-main{padding-bottom:0}}.pos-cart{z-index:100;background:var(--bg-app);border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:85%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -4px 24px #00000026}.pos-cart.open{transform:translateY(0)}@media (width>=768px){.pos-cart{border-radius:var(--border-radius-lg);width:380px;height:100%;box-shadow:var(--glass-shadow);position:static;transform:none}}.mobile-cart-btn{background:var(--accent);color:#fff;z-index:90;cursor:pointer;border:none;border-radius:100px;justify-content:space-between;align-items:center;width:calc(100% - 24px);padding:16px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}@media (width>=768px){.mobile-cart-btn{display:none}}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=400px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}.grid-cols-responsive{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.grid-cols-responsive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.charts-responsive{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.charts-responsive{grid-template-columns:2fr 1fr}}.btn{border-radius:var(--border-radius-md);cursor:pointer;justifyContent:center;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:#fff}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-main)}.btn-glass:hover{background:var(--glass-border)}.btn-icon-only{border-radius:50%;padding:8px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.input-glass{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:var(--border-radius-md);width:100%;transition:var(--transition);outline:none;padding:12px 16px;font-size:16px}.input-glass::placeholder{color:var(--text-muted);opacity:.7}.input-glass:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f0629233}.badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.badge-success{color:#2e7d32;background:#4caf5033}.badge-error{color:#c62828;background:#f4433633}.dark-mode .badge-success{color:#81c784;background:#4caf504d}.dark-mode .badge-error{color:#e57373;background:#f443364d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}