@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);body{margin:0;font-family:Arial,sans-serif}.login-page[data-v-da607e2a]{background-color:#ffcdd2;height:100vh;width:100%;display:flex;flex-direction:column;font-family:Fredoka One,cursive;overflow-x:hidden}.navbar[data-v-da607e2a]{background-color:#e53935;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;font-weight:700;align-items:center}.navbar .brand[data-v-da607e2a]{font-size:22px;letter-spacing:2px}.navbar nav a[data-v-da607e2a]{margin:0 15px;text-decoration:none;color:#fff;font-size:16px;transition:.3s}.navbar nav a[data-v-da607e2a]:hover{color:#ffeb3b}.content[data-v-da607e2a]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:40px 80px;overflow-y:auto}.left[data-v-da607e2a]{flex:1;text-align:center;padding:0 20px}.tagline[data-v-da607e2a]{font-size:14px;color:#b71c1c;margin-bottom:10px;font-weight:700}.left h1[data-v-da607e2a]{font-size:56px;font-weight:700;color:#e91e63;line-height:1.2;margin-bottom:30px}.btn[data-v-da607e2a]{display:block;width:220px;margin:12px auto;padding:14px;border-radius:50px;border:2px solid #e53935;background:none;color:#e53935;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.btn[data-v-da607e2a]:hover{background-color:#e53935;color:#fff}.right[data-v-da607e2a]{flex:1;display:flex;justify-content:center;align-items:center}.main-img[data-v-da607e2a]{width:500px;max-width:100%;height:auto}@media (max-width:768px){.content[data-v-da607e2a]{flex-direction:column;align-items:center;padding:30px 20px;text-align:center}.left[data-v-da607e2a]{order:1;width:100%;margin-top:0;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.right[data-v-da607e2a]{order:2;width:100%;display:flex;justify-content:center;margin-bottom:20px}.left h1[data-v-da607e2a]{font-size:36px;margin-bottom:15px}.main-img[data-v-da607e2a]{width:100%;max-width:350px;height:auto;-o-object-fit:contain;object-fit:contain}}@media (max-width:576px){.navbar[data-v-da607e2a]{padding:15px 20px}.navbar .brand[data-v-da607e2a]{font-size:20px}.navbar nav a[data-v-da607e2a]{font-size:14px;margin:0 8px}.content[data-v-da607e2a]{padding:20px 15px}.left h1[data-v-da607e2a]{font-size:30px;line-height:1.2}.tagline[data-v-da607e2a]{font-size:14px;margin-bottom:10px}.btn[data-v-da607e2a]{width:100%;max-width:280px;padding:12px;font-size:16px;margin:5px 0}.main-img[data-v-da607e2a]{max-width:280px}}.login-page[data-v-6d3ee9b4]{background:url(/img/Gemini_Generated_Image_j9l6y3j9l6y3j9l6-removebg-preview.9701a97b.png) no-repeat 50% fixed;background-size:cover;min-height:100vh;display:flex;flex-direction:column;background-color:#ffcdd2;width:100%;font-family:Fredoka One,cursive;overflow-x:hidden}.navbar[data-v-6d3ee9b4]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;font-weight:700;font-family:Fredoka One,cursive;letter-spacing:1px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.navbar .brand[data-v-6d3ee9b4]{font-size:22px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.overlay[data-v-6d3ee9b4]{flex:1;display:flex;justify-content:center;align-items:center;padding:20px 10px}.login-card[data-v-6d3ee9b4]{background:#f8bbd0;color:#880e4f;padding:40px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.3);width:360px;text-align:center}.login-card h2[data-v-6d3ee9b4]{margin-bottom:10px;color:#ad1457}.input-group[data-v-6d3ee9b4]{margin-bottom:15px;text-align:center}label[data-v-6d3ee9b4]{display:block;font-size:14px;font-weight:700;color:#880e4f;margin-bottom:5px}input[data-v-6d3ee9b4]{width:90%;padding:10px;border:2px solid #f48fb1;border-radius:8px;outline:none;text-align:center;transition:.3s}input[data-v-6d3ee9b4]:focus{border-color:#ad1457;box-shadow:0 0 6px rgba(173,20,87,.5)}button[data-v-6d3ee9b4]{margin-top:15px;padding:12px 40px;border:none;border-radius:25px;background:#ec407a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;opacity:.9}button[data-v-6d3ee9b4]:hover{background:#ad1457;opacity:1}.login-btn[data-v-6d3ee9b4]{background:#f06292;width:100%}.login-btn[data-v-6d3ee9b4]:disabled{background:#f48fb1;cursor:not-allowed;opacity:.7}.btn-register[data-v-6d3ee9b4]{margin-top:20px;background:#ab47bc;padding:8px 20px;font-size:13px;border-radius:18px;width:auto}.btn-register[data-v-6d3ee9b4]:hover{background:#6a1b9a}@media (max-width:576px){.navbar[data-v-6d3ee9b4]{padding:10px 15px}.navbar .brand[data-v-6d3ee9b4]{font-size:20px}.login-card[data-v-6d3ee9b4]{width:90%;max-width:350px;padding:30px 25px;margin:40px auto;box-sizing:border-box}.login-card h2[data-v-6d3ee9b4]{font-size:24px;margin-bottom:10px}.login-card p[data-v-6d3ee9b4]{font-size:14px;margin-bottom:25px}.input-group[data-v-6d3ee9b4]{width:100%;margin-bottom:15px}.input-group label[data-v-6d3ee9b4]{display:block;text-align:left;margin-left:0;margin-bottom:8px;font-weight:700;width:100%}input[data-v-6d3ee9b4]{width:100%;padding:12px;box-sizing:border-box;border-radius:8px;margin-bottom:0}.btn-register[data-v-6d3ee9b4],.login-btn[data-v-6d3ee9b4],button[data-v-6d3ee9b4]{width:100%!important;padding:12px 0;margin-left:0;margin-right:0;margin-top:15px;box-sizing:border-box;display:block}.btn-register[data-v-6d3ee9b4]{font-size:13px;margin-top:10px}}@media (max-width:768px){.login-card[data-v-6d3ee9b4]{width:80%;max-width:400px}}.pembeli-page[data-v-bef7fb48]{background:url(/img/Gemini_Generated_Image_j9l6y3j9l6y3j9l6-removebg-preview.9701a97b.png) no-repeat 50% fixed;background-size:cover;min-height:100vh;display:flex;flex-direction:column;background-color:#ffcdd2;width:100%;font-family:Fredoka One,cursive;overflow-x:hidden}.navbar[data-v-bef7fb48]{background-color:#e53935;color:#fff;display:flex;justify-content:flex-start;padding:15px 30px;font-weight:700;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar .brand[data-v-bef7fb48]{font-size:22px;letter-spacing:2px}.overlay[data-v-bef7fb48]{flex:1;display:flex;justify-content:center;align-items:center;padding:20px 0;width:100%}.pembeli-card[data-v-bef7fb48]{background:#f8bbd0;color:#880e4f;padding:40px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.3);width:100%;max-width:400px;margin:0 15px;text-align:center;box-sizing:border-box}.pembeli-card h2[data-v-bef7fb48]{margin-bottom:10px;color:#ad1457}.input-group[data-v-bef7fb48]{margin-bottom:15px;text-align:center}label[data-v-bef7fb48]{display:block;font-size:14px;font-weight:700;color:#880e4f;margin-bottom:5px}input[data-v-bef7fb48]{width:100%;max-width:90%;padding:10px;border:2px solid #f48fb1;border-radius:8px;outline:none;text-align:center;transition:.3s;box-sizing:border-box}input[data-v-bef7fb48]:focus{border-color:#ad1457;box-shadow:0 0 6px rgba(173,20,87,.5)}.valid-password[data-v-bef7fb48]{border-color:#4caf50!important;box-shadow:0 0 6px rgba(76,175,80,.6)}.invalid-password[data-v-bef7fb48]{border-color:#e53935!important;box-shadow:0 0 6px rgba(229,57,53,.6)}.hint-valid[data-v-bef7fb48]{color:#2e7d32;font-size:12px;margin-top:4px;display:block}.hint-invalid[data-v-bef7fb48]{color:#c62828;font-size:12px;margin-top:4px;display:block}button[data-v-bef7fb48]{margin-top:15px;padding:12px 40px;border:none;border-radius:25px;background:#ec407a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;opacity:.9}button[data-v-bef7fb48]:hover{background:#ad1457;opacity:1}button[data-v-bef7fb48]:disabled{background:#f48fb1;cursor:not-allowed;opacity:.7}.register-btn[data-v-bef7fb48]{margin-top:10px;background:#f06292;width:100%;max-width:90%}.register-btn[data-v-bef7fb48]:hover{background:#ec407a}.btn-back[data-v-bef7fb48]{margin-top:20px;background:#ab47bc;padding:8px 20px;font-size:13px;border-radius:18px;width:auto}.btn-back[data-v-bef7fb48]:hover{background:#6a1b9a}@media (max-width:768px){.pembeli-card[data-v-bef7fb48]{padding:30px}}@media (max-width:480px){.navbar[data-v-bef7fb48]{padding:12px 20px;justify-content:center}.navbar .brand[data-v-bef7fb48]{font-size:20px}.overlay[data-v-bef7fb48]{align-items:flex-start;padding-top:20px;padding-bottom:40px}.pembeli-card[data-v-bef7fb48]{padding:25px 20px;margin:10px;width:95%}.register-btn[data-v-bef7fb48],input[data-v-bef7fb48]{max-width:100%;width:100%}h2[data-v-bef7fb48]{font-size:20px}label[data-v-bef7fb48]{text-align:left}.btn-back[data-v-bef7fb48]{font-size:12px}}.dashboard-admin[data-v-e3534a10]{height:100vh;display:flex;flex-direction:column;background:#fce4ec;font-family:Fredoka One,cursive;overflow-x:hidden}.navbar[data-v-e3534a10]{background:#e53935;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.brand[data-v-e3534a10]{font-weight:700;font-size:18px}.logout-btn[data-v-e3534a10]{background:transparent;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.logout-btn[data-v-e3534a10]:hover{color:#ffccbc}.main-content[data-v-e3534a10]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;overflow-y:auto}.welcome[data-v-e3534a10]{font-size:18px;color:#ad1457;opacity:.7;margin-bottom:10px;position:relative;top:-15px}.dashboard-title[data-v-e3534a10]{font-size:28px;font-weight:700;color:#c62828;margin:10px 0 25px 0;position:relative;text-align:center}.dashboard-title[data-v-e3534a10]:after,.dashboard-title[data-v-e3534a10]:before{content:"";display:inline-block;width:60px;height:2px;background:#c62828;margin:0 10px;vertical-align:middle}.menu-container[data-v-e3534a10]{display:flex;justify-content:center;align-items:stretch;gap:30px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:20px 10px}.menu-card[data-v-e3534a10]{background:#f8bbd0;border-radius:20px;width:250px;height:200px;padding:25px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .4s ease,box-shadow .4s ease,opacity .3s;opacity:0;animation:fadeZoomIn-e3534a10 .6s ease forwards;flex-shrink:0;cursor:pointer}.menu-card[data-v-e3534a10]:first-child{animation-delay:.2s}.menu-card[data-v-e3534a10]:nth-child(2){animation-delay:.4s}.menu-card[data-v-e3534a10]:nth-child(3){animation-delay:.6s}.menu-card[data-v-e3534a10]:nth-child(4){animation-delay:.8s}.menu-card[data-v-e3534a10]:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 12px 25px rgba(0,0,0,.35)}.menu-icon[data-v-e3534a10]{font-size:50px;color:#d81b60;margin-bottom:12px}.menu-card h3[data-v-e3534a10]{font-size:18px;font-weight:700;color:#c2185b;margin-bottom:8px}.menu-card p[data-v-e3534a10]{font-size:14px;color:#4a148c}@keyframes fadeZoomIn-e3534a10{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.swal-pink-popup[data-v-e3534a10]{border-radius:20px!important;box-shadow:0 6px 20px rgba(236,64,122,.4)!important;font-family:Fredoka One,cursive!important}@media (max-width:768px){.navbar[data-v-e3534a10]{padding:15px 20px}.menu-container[data-v-e3534a10]{gap:20px}.menu-card[data-v-e3534a10]{width:200px;height:170px;padding:20px}.menu-icon[data-v-e3534a10]{font-size:45px}.dashboard-title[data-v-e3534a10]:after,.dashboard-title[data-v-e3534a10]:before{width:40px}}@media (max-width:576px){.navbar[data-v-e3534a10]{padding:10px 15px}.brand[data-v-e3534a10]{font-size:16px}.logout-btn[data-v-e3534a10]{font-size:14px;gap:5px}.dashboard-title[data-v-e3534a10]{font-size:24px;margin:5px 0 20px 0}.dashboard-title[data-v-e3534a10]:after,.dashboard-title[data-v-e3534a10]:before{width:30px;margin:0 5px}.menu-container[data-v-e3534a10]{flex-direction:column;align-items:center;gap:15px;overflow-x:hidden;width:100%;padding:10px 0}.menu-card[data-v-e3534a10]{width:90%;max-width:300px;height:auto;min-height:150px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:none!important;box-shadow:0 4px 12px rgba(0,0,0,.2)}.menu-card[data-v-e3534a10]:hover{transform:scale(1.02);box-shadow:0 8px 18px rgba(0,0,0,.3)}.menu-icon[data-v-e3534a10]{font-size:40px;margin-bottom:5px}}.dashboard-pembeli[data-v-ebe256e4]{background:#f8bbd0;min-height:100vh;font-family:Fredoka One,cursive;color:#880e4f;overflow-x:hidden}.dropdown[data-v-ebe256e4]{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dropdown .cart-badge[data-v-ebe256e4]{position:absolute;top:-11px;right:-11px;background-color:#e53935;color:#fff;border-radius:50%;min-width:16px;height:16px;padding:2px 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #fff;z-index:10}.empty-cart[data-v-ebe256e4],.loading-etalase[data-v-ebe256e4]{text-align:center;color:#ad1457;padding:20px 0;font-size:1.2rem}.navbar[data-v-ebe256e4]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:sticky;top:0;z-index:1000}.navbar .brand[data-v-ebe256e4]{font-size:22px;font-weight:700;letter-spacing:2px;color:#fff}.navbar nav[data-v-ebe256e4]{display:flex;align-items:center;gap:20px}.navbar nav a[data-v-ebe256e4]{color:#fff;font-weight:700;text-decoration:none;font-size:15px;transition:color .3s}.navbar nav i[data-v-ebe256e4]{color:#fff;font-size:20px;cursor:pointer;transition:transform .2s}.navbar nav a[data-v-ebe256e4]:hover,.navbar nav i[data-v-ebe256e4]:hover{color:#ffe4ec;transform:translateY(-2px)}.dropdown-menu[data-v-ebe256e4]{position:absolute;right:0;top:35px;background:#fff0f5;border-radius:10px;box-shadow:0 4px 10px rgba(236,64,122,.25);width:180px;padding:8px 0;z-index:150;display:flex;flex-direction:column;animation:fadeIn .25s ease-in-out}.dropdown-link[data-v-ebe256e4]{display:flex;align-items:center;gap:10px;color:#ad1457!important;padding:10px 15px;font-size:14px;cursor:pointer;transition:background .3s}.dropdown-link[data-v-ebe256e4]:hover{background:rgba(236,64,122,.15);transform:none}.dropdown-cart-container[data-v-ebe256e4]{position:fixed!important;top:70px;right:30px;left:auto;margin:0;transform:none!important;width:350px;max-width:400px;z-index:2000}.dropdown-cart[data-v-ebe256e4]{width:100%!important;box-sizing:border-box;background:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);padding:15px;border:1px solid #f06292;max-height:70vh;overflow-y:auto}.dropdown-cart h4[data-v-ebe256e4]{color:#ad1457;margin-top:0;margin-bottom:15px;text-align:center}.cart-content[data-v-ebe256e4]{max-height:350px;overflow-y:auto;padding-right:5px}.cart-item[data-v-ebe256e4]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;border-bottom:1px solid #eee;padding-bottom:10px}.cart-checkbox[data-v-ebe256e4]{margin-top:5px;accent-color:#ec407a;transform:scale(1.1);cursor:pointer}.cart-item img[data-v-ebe256e4]{width:50px;height:50px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.cart-info[data-v-ebe256e4]{flex-grow:1;font-size:13px}.cart-name[data-v-ebe256e4]{font-weight:700;color:#880e4f;margin:0}.cart-price[data-v-ebe256e4],.cart-subtotal[data-v-ebe256e4]{color:#6a1b9a;margin:2px 0;font-size:12px}.qty-control[data-v-ebe256e4]{display:flex;align-items:center;gap:6px;margin:4px 0}.qty-btn[data-v-ebe256e4]{background-color:#ec407a;color:#fff;border:none;border-radius:6px;width:22px;height:22px;cursor:pointer;font-weight:700}.qty-btn[data-v-ebe256e4]:disabled{background-color:#f48fb1;cursor:not-allowed}.hapus-btn[data-v-ebe256e4]{background:#fce4ec;border:1px solid #ec407a;color:#ec407a;font-size:12px;font-weight:700;cursor:pointer;margin-top:6px;display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:4px 8px;transition:all .3s ease}.proses-btn[data-v-ebe256e4]{width:100%;padding:10px;margin-top:10px;border:none;background:#ec407a;color:#fff;border-radius:8px;font-weight:700;cursor:pointer}.welcome[data-v-ebe256e4]{text-align:center;font-size:26px;margin:40px 0 20px;font-weight:700;color:#880e4f;animation:fadePulse 3s ease-in-out infinite}.etalase[data-v-ebe256e4]{text-align:center;margin-top:30px;padding:0 10px 50px}.etalase h1[data-v-ebe256e4]{font-size:40px;color:#d32f2f;margin-bottom:30px}.produk-list[data-v-ebe256e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;justify-items:center;padding:0 40px;max-width:1200px;margin:0 auto}.produk-card[data-v-ebe256e4]{background:#fce4ec;border-radius:16px;padding:20px;width:100%;max-width:300px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:.3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.produk-card[data-v-ebe256e4]:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(236,64,122,.3)}.produk-card img[data-v-ebe256e4]{width:100%;height:180px;border-radius:12px;-o-object-fit:cover;object-fit:cover;margin-bottom:15px}.produk-card h3[data-v-ebe256e4]{color:#c2185b;margin-bottom:8px;font-size:18px}.produk-card p.deskripsi[data-v-ebe256e4]{font-size:14px;color:#6a1b9a;flex-grow:1;margin-bottom:15px;line-height:1.4}.produk-card p.harga[data-v-ebe256e4]{font-size:16px;color:#c2185b;font-weight:700;margin-bottom:20px}.card-actions[data-v-ebe256e4]{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto}.detail-btn[data-v-ebe256e4]{width:100%;padding:10px;background-color:#4fc3f7;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:Fredoka One,cursive;transition:.3s}.detail-btn[data-v-ebe256e4]:hover{background-color:#039be5}.add-btn[data-v-ebe256e4]{width:100%;padding:10px;background-color:#ec407a;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:Fredoka One,cursive;transition:.3s}.add-btn[data-v-ebe256e4]:hover{background-color:#d81b60}.img-clickable[data-v-ebe256e4]{cursor:pointer;transition:opacity .2s}.img-clickable[data-v-ebe256e4]:hover{opacity:.8}.produk-card .btn-tambah[data-v-ebe256e4]:hover,.produk-card button[data-v-ebe256e4]:hover{background-color:#d81b60}@media (max-width:600px){.navbar[data-v-ebe256e4]{padding:10px 15px}.navbar .brand[data-v-ebe256e4]{font-size:16px}.navbar nav[data-v-ebe256e4]{gap:15px}.navbar nav a[data-v-ebe256e4],.navbar nav i[data-v-ebe256e4]{font-size:18px}.dropdown-cart-container[data-v-ebe256e4]{top:65px;right:0;left:0;margin-left:auto;margin-right:auto;width:90%}.dropdown-cart[data-v-ebe256e4]{width:100%}.welcome[data-v-ebe256e4]{font-size:18px;margin:20px 0;text-align:center}.etalase h1[data-v-ebe256e4]{font-size:24px;margin-bottom:20px;text-align:center}.produk-list[data-v-ebe256e4]{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;gap:40px;padding:0 20px;justify-items:center;margin:0 auto}.produk-card[data-v-ebe256e4]{width:100%;max-width:340px;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,.1)}.produk-card img[data-v-ebe256e4]{height:200px;width:100%;-o-object-fit:cover;object-fit:cover}}.loading-container[data-v-24f38c6e]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.dashboard-guest[data-v-24f38c6e]{background:#f8bbd0;min-height:100vh;font-family:Fredoka One,cursive;color:#880e4f;overflow-x:hidden}.navbar[data-v-24f38c6e]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;position:relative}.navbar .brand[data-v-24f38c6e]{font-size:20px;font-weight:700}.navbar nav[data-v-24f38c6e]{display:flex;align-items:center;gap:20px}.navbar nav i[data-v-24f38c6e]{cursor:pointer;font-size:18px}.dropdown[data-v-24f38c6e]{position:relative}.dropdown-menu[data-v-24f38c6e]{position:absolute;right:0;top:30px;background:#fff;color:#333;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);min-width:160px;display:flex;flex-direction:column;z-index:100}.dropdown-link[data-v-24f38c6e]{padding:10px;text-align:left;border:none;background:none;font-size:14px;cursor:pointer;text-decoration:none;color:#333!important;display:flex;align-items:center;gap:8px;font-weight:400!important}.dropdown-link[data-v-24f38c6e]:hover{background:#f8bbd0;color:#880e4f}.back-login[data-v-24f38c6e]{color:#880e4f!important;font-weight:400}.welcome[data-v-24f38c6e]{text-align:center;margin:25px 0;font-size:22px;font-weight:700;color:#c2185b}.animate-text[data-v-24f38c6e]{animation:fadePulse-24f38c6e 3s ease-in-out infinite}@keyframes fadePulse-24f38c6e{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(.95)}}.etalase[data-v-24f38c6e]{text-align:center;margin-top:30px}.etalase h1[data-v-24f38c6e]{font-size:40px;color:#d32f2f;margin-bottom:30px;position:relative}.etalase h1[data-v-24f38c6e]:after,.etalase h1[data-v-24f38c6e]:before{content:"";display:inline-block;width:100px;height:3px;background:#d32f2f;margin:0 20px;vertical-align:middle}.produk-list[data-v-24f38c6e]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;justify-items:center;padding:0 60px;max-width:1400px;margin:0 auto}.produk-card[data-v-24f38c6e]{background:#fce4ec;border-radius:16px;padding:18px;width:240px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:.3s}.produk-card[data-v-24f38c6e]:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(236,64,122,.3)}.produk-card img[data-v-24f38c6e]{width:100%;height:160px;border-radius:12px;-o-object-fit:cover;object-fit:cover;margin-bottom:12px}.produk-card h3[data-v-24f38c6e]{color:#c2185b;margin-bottom:8px}.produk-card p[data-v-24f38c6e]{font-size:14px;color:#6a1b9a}@media (max-width:1200px){.produk-list[data-v-24f38c6e]{grid-template-columns:repeat(3,1fr);padding:0 40px}}@media (max-width:900px){.produk-list[data-v-24f38c6e]{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}.produk-card[data-v-24f38c6e]{width:100%;max-width:300px}}@media (max-width:600px){.navbar[data-v-24f38c6e]{padding:12px 15px}.navbar .brand[data-v-24f38c6e]{font-size:18px}.welcome[data-v-24f38c6e]{font-size:18px;margin:15px 0}.etalase h1[data-v-24f38c6e]{font-size:30px;margin-bottom:20px}.etalase h1[data-v-24f38c6e]:after,.etalase h1[data-v-24f38c6e]:before{width:50px;margin:0 10px}.produk-list[data-v-24f38c6e]{grid-template-columns:1fr;padding:0 15px;gap:15px}.produk-card[data-v-24f38c6e]{width:100%;max-width:none;padding:15px}.produk-card img[data-v-24f38c6e]{height:180px}}[data-v-6a4a7a73]{box-sizing:border-box}.proses-pesanan[data-v-6a4a7a73]{background-color:#f8bbd0;min-height:100vh;font-family:Fredoka One,cursive;color:#880e4f;padding-bottom:40px}.navbar[data-v-6a4a7a73]{background:linear-gradient(135deg,#e53935,#ec407a);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;font-family:Fredoka One,cursive;font-weight:700;letter-spacing:1px;box-shadow:0 4px 10px rgba(229,57,53,.25);border-bottom:2px solid hsla(0,0%,100%,.15)}.navbar .brand[data-v-6a4a7a73]{font-size:22px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:1px 1px 2px rgba(255,182,193,.7)}.navbar nav a[data-v-6a4a7a73]{color:#fff;font-weight:700;text-decoration:none;font-size:16px;transition:.3s}.navbar nav a[data-v-6a4a7a73]:hover{color:#ffe6ee;text-shadow:0 0 6px hsla(0,100%,90%,.8);transform:translateY(-2px)}.container[data-v-6a4a7a73]{max-width:680px;margin:40px auto;background:#fff8f9;border-radius:20px;padding:25px;box-shadow:0 6px 20px rgba(255,105,180,.2);width:90%}.container h2[data-v-6a4a7a73]{text-align:center;color:#e91e63;margin-top:0}.subtitle[data-v-6a4a7a73]{text-align:center;color:#ad1457;margin-bottom:25px}.card[data-v-6a4a7a73]{background:#fff;border:2px solid #ffc1cc;border-radius:14px;padding:25px 30px;margin-bottom:20px}.card h3[data-v-6a4a7a73]{color:#c2185b;margin-top:0;border-bottom:2px dashed #f8bbd0;padding-bottom:10px;margin-bottom:15px}.item[data-v-6a4a7a73]{display:flex;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid #ffebee;padding-bottom:15px}.item[data-v-6a4a7a73]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.item img[data-v-6a4a7a73]{width:110px;height:110px;border-radius:14px;margin-right:18px;border:3px solid #f8bbd0;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px rgba(236,64,122,.3);flex-shrink:0}.item .info[data-v-6a4a7a73]{flex:1}.item .info strong[data-v-6a4a7a73]{display:block;color:#ad1457;font-size:20px;line-height:1.3;margin-bottom:5px}.item .info p[data-v-6a4a7a73]{margin:5px 0;color:#880e4f;font-size:17px}.warna-produk[data-v-6a4a7a73]{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;color:#6a1b9a}.color-box[data-v-6a4a7a73]{width:18px;height:18px;border-radius:5px;border:1px solid #aaa;box-shadow:0 0 2px rgba(0,0,0,.2)}.color-name[data-v-6a4a7a73]{font-weight:700;color:#ad1457}.total[data-v-6a4a7a73]{text-align:right;font-weight:700;color:#c2185b;margin-top:15px;font-size:18px;border-top:2px solid #ffc1cc;padding-top:10px}.form-group[data-v-6a4a7a73]{margin-bottom:20px}label[data-v-6a4a7a73]{display:block;color:#c2185b;margin-bottom:8px;font-weight:700}input[data-v-6a4a7a73],select[data-v-6a4a7a73],textarea[data-v-6a4a7a73]{width:100%;padding:12px 14px;border-radius:10px;border:2px solid #f8bbd0;background:#fff0f5;color:#880e4f;font-family:inherit;font-size:16px;transition:.3s;box-sizing:border-box}input[data-v-6a4a7a73],select[data-v-6a4a7a73]{height:50px}textarea[data-v-6a4a7a73]{height:80px;resize:vertical}input[data-v-6a4a7a73]:focus,select[data-v-6a4a7a73]:focus,textarea[data-v-6a4a7a73]:focus{outline:none;border-color:#ec407a;box-shadow:0 0 6px rgba(236,64,122,.4)}.info-cod[data-v-6a4a7a73]{background:#fff0f3;padding:15px;border-left:5px solid #ff6b81;border-radius:10px;margin-bottom:20px;font-size:14px;line-height:1.5}.info-cod h4[data-v-6a4a7a73]{color:#c2185b;margin:0 0 8px 0}.info-cod a[data-v-6a4a7a73]{color:#e91e63;font-weight:700}.bayar-btn[data-v-6a4a7a73]{width:100%;padding:15px;border:none;border-radius:25px;background:linear-gradient(135deg,#f06292,#ec407a);color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:.3s;box-shadow:0 4px 10px rgba(236,64,122,.3)}.bayar-btn[data-v-6a4a7a73]:hover{background:linear-gradient(135deg,#ec407a,#d81b60);transform:scale(1.02)}.bayar-btn[data-v-6a4a7a73]:disabled{background:#f48fb1;cursor:not-allowed;opacity:.7}@media (max-width:600px){.navbar[data-v-6a4a7a73]{padding:10px 15px}.navbar .brand[data-v-6a4a7a73]{font-size:18px}.navbar nav a[data-v-6a4a7a73]{font-size:14px}.container[data-v-6a4a7a73]{margin:20px auto;padding:15px;width:95%}.container h2[data-v-6a4a7a73]{font-size:20px}.subtitle[data-v-6a4a7a73]{font-size:14px;margin-bottom:15px}.card[data-v-6a4a7a73]{padding:15px;margin-bottom:15px}.item[data-v-6a4a7a73]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:15px;border-bottom:1px dashed #eee;padding-bottom:15px;margin-bottom:15px}.item img[data-v-6a4a7a73]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-right:0;flex-shrink:0}.item .info[data-v-6a4a7a73]{flex:1}.item .info strong[data-v-6a4a7a73]{display:block;font-size:16px;margin-bottom:5px;color:#333}.item .info p[data-v-6a4a7a73]{font-size:14px;margin:0;color:#555}.warna-produk[data-v-6a4a7a73]{font-size:12px;color:#888}.total[data-v-6a4a7a73]{font-size:18px;font-weight:700;text-align:right;margin-top:10px;color:#c2185b}input[data-v-6a4a7a73],select[data-v-6a4a7a73],textarea[data-v-6a4a7a73]{font-size:14px;padding:10px}.bayar-btn[data-v-6a4a7a73]{font-size:16px;padding:12px}.info-cod[data-v-6a4a7a73]{font-size:13px}}.pembayaran-page[data-v-ef882f90]{background-color:#ffe4ec;min-height:100vh;font-family:Fredoka One,cursive;color:#880e4f;padding-bottom:40px}.navbar[data-v-ef882f90]{background:linear-gradient(135deg,#e53935,#ec407a);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;box-shadow:0 4px 10px rgba(229,57,53,.25)}.navbar .brand[data-v-ef882f90]{font-size:20px;font-weight:700;letter-spacing:1.2px}.navbar nav[data-v-ef882f90]{display:flex;align-items:center;gap:20px}.navbar nav a[data-v-ef882f90]{color:#fff;font-weight:700;text-decoration:none;font-size:16px;transition:.3s}.navbar nav a[data-v-ef882f90]:hover{color:#ffe6ee;text-shadow:0 0 6px hsla(0,100%,90%,.8)}.container[data-v-ef882f90]{max-width:680px;margin:40px auto;background:#fff8f9;border-radius:20px;padding:25px;box-shadow:0 6px 20px rgba(255,105,180,.2);width:90%;box-sizing:border-box}.container h2[data-v-ef882f90]{text-align:center;color:#e91e63;margin-bottom:8px;font-size:24px}.subtitle[data-v-ef882f90]{text-align:center;color:#ad1457;margin-bottom:25px;font-size:16px;line-height:1.4}.card[data-v-ef882f90]{background:#fff;border:2px solid #ffc1cc;border-radius:14px;padding:20px 25px;margin-bottom:20px;box-sizing:border-box}.total-card[data-v-ef882f90]{text-align:center}.total-card h3[data-v-ef882f90]{color:#c2185b;margin:0 0 8px 0;font-size:18px}.nominal[data-v-ef882f90]{font-size:26px;color:#e91e63;font-weight:700;margin:0}.qris-card[data-v-ef882f90]{text-align:center}.qris-card h3[data-v-ef882f90]{color:#c2185b;margin-top:0}.qris-img[data-v-ef882f90]{width:250px;height:250px;-o-object-fit:contain;object-fit:contain;border:3px solid #f8bbd0;border-radius:12px;margin:15px 0;box-shadow:0 4px 12px rgba(236,64,122,.3);background-color:#fff}.loading-text[data-v-ef882f90]{font-weight:700;color:#ad1457;margin:20px 0}.info-text[data-v-ef882f90]{font-size:14px;color:#6a1b9a;margin-top:10px}.upload-card[data-v-ef882f90]{padding:10px;background:transparent;border:none;box-shadow:none;margin-bottom:0}.kirim-btn[data-v-ef882f90]{width:100%;padding:14px;border:none;border-radius:25px;background:linear-gradient(135deg,#f06292,#ec407a);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:.3s;box-shadow:0 4px 8px rgba(236,64,122,.3)}.kirim-btn[data-v-ef882f90]:hover{background:linear-gradient(135deg,#ec407a,#d81b60);transform:scale(1.03)}@media (max-width:768px){.container[data-v-ef882f90]{width:95%;margin:20px auto;padding:20px}}@media (max-width:480px){.navbar[data-v-ef882f90]{padding:10px 15px}.navbar .brand[data-v-ef882f90]{font-size:18px}.navbar nav[data-v-ef882f90]{gap:15px}.navbar nav a[data-v-ef882f90]{font-size:14px}.container h2[data-v-ef882f90]{font-size:20px}.subtitle[data-v-ef882f90]{font-size:14px;margin-bottom:20px}.card[data-v-ef882f90]{padding:15px;margin-bottom:15px}.total-card h3[data-v-ef882f90]{font-size:16px}.nominal[data-v-ef882f90]{font-size:22px}.qris-img[data-v-ef882f90]{width:200px;height:200px}.qris-card p[data-v-ef882f90]{font-size:14px}.info-text[data-v-ef882f90]{font-size:12px}.kirim-btn[data-v-ef882f90]{padding:12px;font-size:14px}}.history-page[data-v-a4677626]{background:#f8bbd0;min-height:100vh;padding-bottom:40px;font-family:Fredoka One,cursive}.loading-container[data-v-a4677626]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.navbar[data-v-a4677626]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;font-weight:700;letter-spacing:1px;box-shadow:0 3px 8px rgba(0,0,0,.2);position:sticky;top:0;z-index:1000}.navbar .brand[data-v-a4677626]{font-size:22px;letter-spacing:2px;color:#fff;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.navbar nav[data-v-a4677626]{display:flex;align-items:center;gap:22px}.navbar nav a[data-v-a4677626]{color:#fff;font-weight:700;text-decoration:none;font-size:15px;transition:color .3s ease,transform .2s ease}.navbar nav a[data-v-a4677626]:hover{color:#ffe4ec;transform:translateY(-2px)}.header[data-v-a4677626]{text-align:center;margin:30px 0 20px;padding:0 15px}.header h1[data-v-a4677626]{color:#e91e63;font-size:28px;margin-bottom:5px}.header p[data-v-a4677626]{color:#ad1457;font-size:16px}.status-container[data-v-a4677626]{display:flex;justify-content:center;align-items:flex-start;gap:30px;flex-wrap:wrap;padding:20px}.status-section[data-v-a4677626]{flex:1;min-width:300px;max-width:380px;background:#fce4ec;border-radius:15px;box-shadow:0 3px 8px rgba(0,0,0,.1);padding:15px}.status-section h2[data-v-a4677626]{color:#c2185b;text-align:center;margin-bottom:15px;font-size:20px}.order-list[data-v-a4677626]{display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto;padding-right:5px}.order-card[data-v-a4677626]{background:#fff0f6;border-radius:10px;padding:15px;border-left:5px solid #f06292;transition:transform .2s;box-shadow:0 2px 5px rgba(0,0,0,.05)}.order-card[data-v-a4677626]:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.order-header[data-v-a4677626]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-header h3[data-v-a4677626]{color:#ad1457;font-size:16px;margin:0}.order-header .date[data-v-a4677626]{font-size:12px;color:#6a1b9a}.items-container[data-v-a4677626]{border-top:1px dashed #f48fb1;border-bottom:1px dashed #f48fb1;padding:10px 0}.item[data-v-a4677626]{display:flex;align-items:center;margin-bottom:8px}.item[data-v-a4677626]:last-child{margin-bottom:0}.item-img[data-v-a4677626]{width:55px;height:55px;border-radius:10px;-o-object-fit:cover;object-fit:cover;margin-right:10px}.item-info[data-v-a4677626]{flex:1}.item-name[data-v-a4677626]{font-weight:700;color:#880e4f;font-size:14px}.item-qty[data-v-a4677626]{font-size:12px;color:#666}.item-price[data-v-a4677626]{color:#e91e63;font-weight:700;font-size:13px}.order-footer[data-v-a4677626]{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#ad1457;font-size:14px}.status[data-v-a4677626]{padding:5px 12px;border-radius:12px;font-weight:700;color:#fff;font-size:12px;white-space:nowrap}.status.pending[data-v-a4677626]{background:#ffb300}.status.dibuat[data-v-a4677626]{background:#42a5f5}.status.selesai[data-v-a4677626]{background:#66bb6a}.bayar-btn[data-v-a4677626]{width:100%;padding:10px;margin-top:12px;border:none;background:#ec407a;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;font-family:Fredoka One,cursive}.bayar-btn[data-v-a4677626]:hover{background:#d81b60}@media (max-width:600px){.navbar[data-v-a4677626]{padding:12px 20px}.navbar .brand[data-v-a4677626]{font-size:18px}.navbar nav a[data-v-a4677626]{font-size:14px}.header h1[data-v-a4677626]{font-size:24px}.header p[data-v-a4677626]{font-size:14px}.status-container[data-v-a4677626]{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:15px;gap:15px;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;height:auto;padding-bottom:25px}.status-section[data-v-a4677626]{width:90%;min-width:90%;flex-shrink:0;height:auto!important;min-height:250px;display:flex;flex-direction:column;overflow:visible;scroll-snap-align:center;margin-bottom:10px}.order-card[data-v-a4677626]{padding:15px;width:100%;box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:space-between}.order-card>div[data-v-a4677626]{flex-grow:1}.order-header h3[data-v-a4677626]{font-size:15px}.order-footer[data-v-a4677626]{font-size:13px;flex-wrap:wrap;gap:5px;margin-top:15px}}[data-v-639552d4]{box-sizing:border-box;margin:0;padding:0}.loading-container[data-v-639552d4]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.rincian-produk[data-v-639552d4]{font-family:Fredoka One,cursive;color:#880e4f;min-height:100vh;background-color:#f8bbd0;overflow-x:hidden;display:flex;flex-direction:column}.navbar[data-v-639552d4]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.brand[data-v-639552d4]{font-size:22px;letter-spacing:2px;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.home-btn[data-v-639552d4]{background:#fff0f5;color:#e53935;border:none;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.3s}.home-btn[data-v-639552d4]:hover{background:#ffe4ec;transform:translateY(-2px)}main[data-v-639552d4]{padding:100px 20px 60px 20px;display:flex;flex-direction:column;align-items:center;flex:1;width:100%}main h1[data-v-639552d4]{font-size:32px;margin-bottom:25px;color:#c2185b;text-shadow:2px 2px 3px hsla(0,0%,100%,.7);text-align:center}.produk-detail-card[data-v-639552d4]{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;background:#fce4ec;border-radius:24px;padding:30px;box-shadow:0 8px 20px rgba(0,0,0,.15);gap:40px;width:90%;max-width:900px;transition:transform .3s,box-shadow .3s}.produk-detail-card[data-v-639552d4]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.25)}.produk-gambar[data-v-639552d4]{flex:1;display:flex;justify-content:center}.produk-gambar img[data-v-639552d4]{width:100%;max-width:350px;height:auto;aspect-ratio:1/1;border-radius:16px;-o-object-fit:cover;object-fit:cover;border:4px solid #f48fb1;box-shadow:0 4px 10px rgba(0,0,0,.1)}.produk-info[data-v-639552d4]{flex:1.2;display:flex;flex-direction:column;text-align:left;gap:15px}.produk-info h2[data-v-639552d4]{color:#ad1457;font-size:28px;line-height:1.2;margin:0}.produk-info .deskripsi[data-v-639552d4]{font-size:16px;color:#6a1b9a;line-height:1.6;font-family:Poppins,sans-serif}.produk-info .harga[data-v-639552d4]{font-size:22px;font-weight:700;color:#d81b60;margin-top:5px;background:#fff0f5;display:inline-block;padding:8px 15px;border-radius:10px;align-self:flex-start}.quantity[data-v-639552d4]{display:flex;align-items:center;gap:15px;font-weight:700;font-size:18px;color:#c2185b}.quantity input[data-v-639552d4]{width:70px;padding:8px;border-radius:8px;border:2px solid #d81b60;text-align:center;font-family:Fredoka One,cursive;font-size:18px;color:#880e4f;background-color:#fff}.quantity input[data-v-639552d4]:focus{outline:none;border-color:#ad1457;box-shadow:0 0 5px rgba(173,20,87,.4)}.add-cart-btn[data-v-639552d4]{padding:14px 25px;border:none;border-radius:12px;background:linear-gradient(135deg,#ec407a,#d81b60);color:#fff;font-weight:700;cursor:pointer;transition:.3s;align-self:flex-start;margin-top:10px;font-family:Fredoka One,cursive;font-size:16px;box-shadow:0 4px 10px rgba(236,64,122,.3);display:flex;align-items:center;gap:8px}.add-cart-btn[data-v-639552d4]:hover{transform:scale(1.02);box-shadow:0 6px 15px rgba(236,64,122,.4)}.add-cart-btn[data-v-639552d4]:disabled{background:#f48fb1;cursor:not-allowed;transform:none}@media (max-width:768px){.navbar[data-v-639552d4]{padding:10px 20px}.brand[data-v-639552d4]{font-size:20px}main[data-v-639552d4]{padding-top:80px}main h1[data-v-639552d4]{font-size:26px}.produk-detail-card[data-v-639552d4]{flex-direction:column;align-items:center;padding:25px;gap:25px;width:95%}.produk-gambar[data-v-639552d4]{width:100%}.produk-gambar img[data-v-639552d4]{max-width:100%;width:300px;height:auto}.produk-info[data-v-639552d4]{width:100%;align-items:center;text-align:center}.produk-info h2[data-v-639552d4]{font-size:24px}.produk-info .harga[data-v-639552d4]{align-self:center;font-size:20px}.quantity[data-v-639552d4]{justify-content:center;width:100%}.add-cart-btn[data-v-639552d4]{align-self:stretch;justify-content:center;margin-top:15px;padding:15px;font-size:18px}}@media (max-width:480px){.navbar[data-v-639552d4]{padding:10px 15px}.home-btn span[data-v-639552d4]{display:none}.home-btn[data-v-639552d4]{padding:8px}.produk-detail-card[data-v-639552d4]{padding:20px}.produk-info h2[data-v-639552d4]{font-size:22px}}.fade-scale-enter-active[data-v-639552d4],.fade-scale-leave-active[data-v-639552d4]{transition:all .5s ease}.fade-scale-enter-from[data-v-639552d4],.fade-scale-leave-to[data-v-639552d4]{opacity:0;transform:scale(.9)}[data-v-243a95ae]{box-sizing:border-box;margin:0;padding:0}body[data-v-243a95ae],html[data-v-243a95ae]{height:100%;font-family:Fredoka One,cursive;color:#880e4f;background:#f8bcd1;overflow-x:hidden}.loading-container[data-v-243a95ae]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.profil-page[data-v-243a95ae]{min-height:100vh;background:#f7aec7;display:flex;flex-direction:column;color:#880e4f}.navbar[data-v-243a95ae]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;z-index:1000}.brand[data-v-243a95ae]{font-size:22px;letter-spacing:2px;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.home-btn[data-v-243a95ae]{background:#fff0f5;color:#e53935;border:none;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.3s}.home-btn[data-v-243a95ae]:hover{background:#ffe4ec;transform:translateY(-2px)}.profil-container[data-v-243a95ae]{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 15px 60px}.profil-container h1[data-v-243a95ae]{margin-bottom:2rem;font-size:1.8rem;color:#7b1145;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.profil-card[data-v-243a95ae]{background:#fff0f6;border-radius:20px;box-shadow:0 6px 15px rgba(255,105,180,.2);padding:2rem;width:100%;max-width:500px;transition:.3s;display:flex;flex-direction:column;align-items:center}.profil-card[data-v-243a95ae]:hover{transform:scale(1.01)}.foto-profil[data-v-243a95ae]{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #ff80ab;margin-bottom:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.info[data-v-243a95ae]{width:100%}.info-grid[data-v-243a95ae]{display:flex;flex-direction:column;gap:.8rem;text-align:left;margin-top:.5rem}.info-row[data-v-243a95ae]{display:grid;grid-template-columns:120px 10px 1fr;align-items:center;padding:4px 0}.label[data-v-243a95ae]{font-weight:700;color:#7b1145}.colon[data-v-243a95ae]{text-align:center;color:#7b1145}.value[data-v-243a95ae]{color:#880e4f;word-wrap:break-word;font-size:16px}.edit-btn[data-v-243a95ae]{background:#ff80ab;color:#fff;border:none;padding:12px;border-radius:12px;margin-top:1.5rem;cursor:pointer;transition:.3s;font-family:Fredoka One,cursive;width:100%;font-size:16px}.edit-btn[data-v-243a95ae]:hover{background:#ff5fa2}.edit-form[data-v-243a95ae]{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%}.edit-form label[data-v-243a95ae]{font-weight:700;color:#c2185b;margin-top:5px;font-size:14px}.edit-form input[data-v-243a95ae],.edit-form textarea[data-v-243a95ae]{padding:10px;border:2px solid #ffb6d9;border-radius:10px;font-family:Fredoka One,cursive;background:#fff;color:#880e4f;width:100%}.edit-actions[data-v-243a95ae]{display:flex;gap:10px;margin-top:1.5rem}.cancel-btn[data-v-243a95ae],.save-btn[data-v-243a95ae]{flex:1;border:none;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;transition:.3s;font-family:Fredoka One,cursive;font-size:14px}.save-btn[data-v-243a95ae]{background:#ff66a3;color:#fff}.save-btn[data-v-243a95ae]:hover{background:#ff4081}.cancel-btn[data-v-243a95ae]{background:#ffd1e8;color:#7b1145}.cancel-btn[data-v-243a95ae]:hover{background:#ffadc9}.cancel-btn[data-v-243a95ae]:disabled,.save-btn[data-v-243a95ae]:disabled{background:#f48fb1;cursor:not-allowed;opacity:.7}@media (max-width:600px){.navbar[data-v-243a95ae]{padding:10px 15px}.brand[data-v-243a95ae]{font-size:18px}.home-btn[data-v-243a95ae]{font-size:14px;padding:6px 10px}.profil-container[data-v-243a95ae]{padding-top:80px}.profil-container h1[data-v-243a95ae]{font-size:1.5rem;margin-bottom:1.5rem}.profil-card[data-v-243a95ae]{padding:20px;width:95%;box-sizing:border-box}.foto-profil[data-v-243a95ae]{width:100px;height:100px}.info-grid[data-v-243a95ae]{gap:15px}.info-row[data-v-243a95ae]{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px dashed #fce4ec;padding-bottom:10px;width:100%}.info-row[data-v-243a95ae]:last-child{border-bottom:none}.label[data-v-243a95ae]{font-size:13px;color:#c2185b;margin-bottom:4px;text-transform:uppercase;opacity:.8}.colon[data-v-243a95ae]{display:none}.value[data-v-243a95ae]{font-size:16px;font-weight:500;width:100%;word-wrap:break-word;word-break:break-all}.edit-actions[data-v-243a95ae]{flex-direction:row}.cancel-btn[data-v-243a95ae],.save-btn[data-v-243a95ae]{padding:10px}}.loading-container[data-v-b8ca275c]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}body[data-v-b8ca275c],html[data-v-b8ca275c]{font-family:Fredoka One,cursive;background:#f8bcd1;color:#880e4f;margin:0;padding:0;height:100%;overflow-y:auto;box-sizing:border-box}.navbar[data-v-b8ca275c]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 40px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.brand[data-v-b8ca275c]{font-size:22px;letter-spacing:2px;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.navbar-right[data-v-b8ca275c]{display:flex;align-items:center;justify-content:flex-end}.home-btn[data-v-b8ca275c]{background:#fff0f5;color:#e53935;border:none;padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s}.home-btn[data-v-b8ca275c]:hover{background:#ffe4ec;transform:translateY(-2px)}.produk-container[data-v-b8ca275c]{padding:110px 20px 80px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.judul-halaman[data-v-b8ca275c]{text-align:center;font-size:1.8rem;color:#ad1457;margin-bottom:2.5rem;text-shadow:1px 1px 3px rgba(255,192,203,.6)}.top-bar[data-v-b8ca275c]{position:fixed;top:80px;right:40px;z-index:900}.tambah-btn[data-v-b8ca275c]{background:#ff80ab;border:none;color:#fff;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700;transition:.3s;box-shadow:0 4px 8px rgba(0,0,0,.15);font-size:14px}.tambah-btn[data-v-b8ca275c]:hover{background:#ff5fa2;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.produk-list[data-v-b8ca275c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;width:100%;max-width:1400px;padding:0 10px;margin-top:20px}.produk-card[data-v-b8ca275c]{background:#fff0f6;border-radius:20px;box-shadow:0 6px 15px rgba(255,105,180,.2);padding:1rem;text-align:center;transition:.3s;position:relative;display:flex;flex-direction:column;overflow:hidden}.produk-card[data-v-b8ca275c]:hover{transform:scale(1.03);box-shadow:0 10px 25px rgba(255,105,180,.3)}.produk-img[data-v-b8ca275c]{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:15px;margin-bottom:.8rem;border:2px solid #fff}.produk-info[data-v-b8ca275c]{flex-grow:1;text-align:left;padding-bottom:10px}.produk-info h2[data-v-b8ca275c]{font-size:1.1rem;color:#7b1145;text-align:center;margin-bottom:10px;line-height:1.3}.produk-info p[data-v-b8ca275c]{font-size:.9rem;margin:6px 0;color:#880e4f;line-height:1.4}.produk-actions[data-v-b8ca275c]{position:absolute;top:10px;right:10px;display:flex;gap:5px;background:hsla(0,0%,100%,.8);padding:5px;border-radius:10px;backdrop-filter:blur(2px)}.delete[data-v-b8ca275c],.edit[data-v-b8ca275c]{background:#ffd1e8;border:none;border-radius:8px;padding:0;cursor:pointer;transition:.3s;width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center}.edit[data-v-b8ca275c]:hover{background:#ff80ab;color:#fff}.delete[data-v-b8ca275c]:hover{background:#f06292;color:#fff}@media (max-width:600px){.navbar[data-v-b8ca275c]{padding:10px 15px}.brand[data-v-b8ca275c]{font-size:18px}.home-btn[data-v-b8ca275c]{font-size:14px;padding:6px 12px}.produk-container[data-v-b8ca275c]{padding:80px 15px 40px}.judul-halaman[data-v-b8ca275c]{font-size:1.5rem;margin-bottom:1.5rem}.top-bar[data-v-b8ca275c]{position:static;width:100%;display:flex;justify-content:center;margin-bottom:25px;padding:0}.tambah-btn[data-v-b8ca275c]{width:100%;max-width:300px;padding:12px;font-size:16px;display:flex;justify-content:center;align-items:center;gap:8px}.produk-list[data-v-b8ca275c]{grid-template-columns:1fr;gap:20px;padding:0}.produk-card[data-v-b8ca275c]{padding:15px}.produk-img[data-v-b8ca275c]{height:200px}.delete[data-v-b8ca275c],.edit[data-v-b8ca275c]{width:36px;height:36px}}.loading-container[data-v-400926ee]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.navbar[data-v-400926ee]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 40px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.brand[data-v-400926ee]{font-size:22px;letter-spacing:2px;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.home-btn[data-v-400926ee]{background:#fff0f5;color:#e53935;border:none;padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s}.home-btn[data-v-400926ee]:hover{background:#ffe4ec;transform:translateY(-2px)}main[data-v-400926ee]{padding:100px 30px 60px;background:#fff5f8;min-height:100vh;font-family:Poppins,sans-serif}.judul-halaman[data-v-400926ee]{text-align:center;font-size:2.2rem;color:#ad1457;margin-bottom:30px;text-shadow:1px 1px 3px rgba(255,192,203,.6)}.tabel-section[data-v-400926ee]{margin-bottom:40px;background:#fff;border-radius:16px;box-shadow:0 3px 8px rgba(0,0,0,.1);padding:20px}.tabel-section h2[data-v-400926ee]{color:#d81b60;margin-bottom:15px;font-size:1.3rem;border-bottom:2px dashed #f8bbd0;padding-bottom:10px}.pesanan-table[data-v-400926ee]{width:100%;border-collapse:collapse}.pesanan-table td[data-v-400926ee],.pesanan-table th[data-v-400926ee]{border:1px solid #ffc1e3;padding:12px;text-align:center;vertical-align:middle}.pesanan-table th[data-v-400926ee]{background-color:#f8bbd0;color:#880e4f;font-weight:700}.pesanan-table td.alamat[data-v-400926ee]{text-align:left;font-size:13px;white-space:pre-wrap;min-width:200px;max-width:300px;line-height:1.4}.pembayaran-status[data-v-400926ee]{font-weight:700;padding:5px 10px;border-radius:8px;display:inline-block;font-size:13px;text-transform:capitalize}.pembayaran-status.berhasil[data-v-400926ee]{background-color:#c8e6c9;color:#2e7d32}.pembayaran-status.gagal[data-v-400926ee]{background-color:#ffcdd2;color:#c62828}.rincian-pesanan[data-v-400926ee]{list-style:none;padding:0;margin:0;text-align:left;font-size:.9rem}.rincian-pesanan li[data-v-400926ee]{padding:2px 0}select[data-v-400926ee]{padding:8px;border-radius:6px;border:1px solid #d81b60;color:#ad1457;font-weight:500;background:#fff0f5;cursor:pointer}@media (max-width:900px){.navbar[data-v-400926ee]{padding:10px 20px}.brand[data-v-400926ee]{font-size:18px}main[data-v-400926ee]{padding:80px 15px 40px}.judul-halaman[data-v-400926ee]{font-size:1.8rem}.tabel-section[data-v-400926ee]{padding:15px}.pesanan-table thead[data-v-400926ee]{display:none}.pesanan-table tbody[data-v-400926ee],.pesanan-table td[data-v-400926ee],.pesanan-table tr[data-v-400926ee],.pesanan-table[data-v-400926ee]{display:block;width:100%;box-sizing:border-box}.pesanan-table tr[data-v-400926ee]{margin-bottom:20px;background:#fff;border:2px solid #f8bbd0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden}.pesanan-table td[data-v-400926ee]{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:10px 15px;border:none;border-bottom:1px solid #ffebee;font-size:14px;min-height:40px}.pesanan-table td[data-v-400926ee]:last-child{border-bottom:none;background-color:#fff0f6;padding:15px;justify-content:center}.pesanan-table td[data-v-400926ee]:before{content:attr(data-label);font-weight:700;color:#d81b60;text-align:left;margin-right:20px;flex-shrink:0}.pesanan-table td[data-v-400926ee]:first-of-type:before{content:"ID Pesanan"}.pesanan-table td[data-v-400926ee]:nth-of-type(2):before{content:"Nama Pemesan"}.pesanan-table td[data-v-400926ee]:nth-of-type(3):before{content:"No. Telepon"}.pesanan-table td[data-v-400926ee]:nth-of-type(4):before{content:"Alamat"}.pesanan-table td[data-v-400926ee]:nth-of-type(5):before{content:"Rincian Pesanan"}.pesanan-table td[data-v-400926ee]:nth-of-type(6):before{content:"Total Harga"}.pesanan-table td[data-v-400926ee]:nth-of-type(7):before{content:"Status"}.pesanan-table td[data-v-400926ee]:nth-of-type(8):before{content:"Ubah Status"}.pesanan-table td[data-v-400926ee]:nth-of-type(4),.pesanan-table td[data-v-400926ee]:nth-of-type(5){flex-direction:column;align-items:flex-start;text-align:left;gap:8px}.pesanan-table td.alamat[data-v-400926ee],.rincian-pesanan[data-v-400926ee]{width:100%;max-width:none}select[data-v-400926ee]{width:100%;padding:10px;font-size:16px}}.history-admin[data-v-21377b13]{font-family:Fredoka One,cursive;background:#fce4ec;min-height:100vh;padding-bottom:40px;padding-top:100px;overflow-x:hidden}.loading-container[data-v-21377b13]{text-align:center;margin-top:50px;font-size:1.2rem;color:#ad1457}.navbar[data-v-21377b13]{background:#e53935;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 40px;font-weight:700;font-family:Fredoka One,cursive;box-shadow:0 3px 8px rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.brand[data-v-21377b13]{font-size:22px;letter-spacing:2px;text-shadow:1px 1px 2px rgba(255,182,193,.6)}.navbar-right[data-v-21377b13]{display:flex;align-items:center;justify-content:flex-end}.home-btn[data-v-21377b13]{background:#fff0f5;color:#e53935;border:none;padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s}.home-btn[data-v-21377b13]:hover{background:#ffe4ec;transform:translateY(-2px)}.title[data-v-21377b13]{text-align:center;font-size:28px;color:#c2185b;margin:0 0 30px 0;padding:0 10px}.year-filter[data-v-21377b13]{text-align:center;margin-bottom:30px}.filter-container select[data-v-21377b13],.year-filter select[data-v-21377b13]{margin-left:8px;padding:6px 12px;border-radius:10px;border:2px solid #f48fb1;color:#ad1457;background:#fff0f5;font-family:Fredoka One,cursive;cursor:pointer}.chart-row[data-v-21377b13]{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:0 20px;margin-top:20px}.chart-container[data-v-21377b13]{flex:1 1 45%;background:#fff0f5;border-radius:20px;padding:20px;box-shadow:0 6px 16px rgba(0,0,0,.2);min-width:300px;box-sizing:border-box}.chart-container.pie-small[data-v-21377b13]{flex-grow:0;flex-basis:350px}.chart-container h2[data-v-21377b13]{color:#ad1457;text-align:center;margin-bottom:15px;font-size:1.2rem}.pie-wrapper[data-v-21377b13]{position:relative;height:250px;width:100%;max-width:250px;margin:0 auto}.filter-container[data-v-21377b13]{text-align:center;margin-bottom:15px;font-size:16px;color:#ad1457}.table-container[data-v-21377b13]{width:90%;margin:40px auto 0;background:#fff0f5;padding:25px;border-radius:20px;box-shadow:0 6px 16px rgba(0,0,0,.15);overflow-x:auto}.table-container h2[data-v-21377b13]{color:#c2185b;text-align:center;margin-bottom:20px;font-size:1.4rem}table[data-v-21377b13]{width:100%;border-collapse:collapse;min-width:800px}th[data-v-21377b13]{background:#f48fb1;color:#fff;padding:12px 10px;white-space:nowrap}td[data-v-21377b13]{padding:10px;text-align:center;border-bottom:1px solid #f8bbd0;color:#880e4f}.status[data-v-21377b13]{color:#43a047;font-weight:700;text-transform:capitalize}tr[data-v-21377b13]:hover{background-color:#fce4ec;transition:.3s}@media (max-width:900px){.chart-row[data-v-21377b13]{flex-direction:column;align-items:center}.chart-container[data-v-21377b13]{width:100%;max-width:600px;flex-basis:auto}.chart-container.pie-small[data-v-21377b13]{flex-basis:auto;width:100%}}@media (max-width:600px){.history-admin[data-v-21377b13]{padding-top:80px}.navbar[data-v-21377b13]{padding:10px 15px}.brand[data-v-21377b13]{font-size:18px}.home-btn[data-v-21377b13]{font-size:14px;padding:6px 10px}.title[data-v-21377b13]{font-size:22px;margin-bottom:20px}.chart-row[data-v-21377b13]{padding:0 10px;gap:20px}.chart-container[data-v-21377b13]{padding:15px;min-width:0;border-radius:15px}.pie-wrapper[data-v-21377b13]{height:200px;max-width:200px}.table-container[data-v-21377b13]{width:95%;padding:15px;margin-top:30px}.table-container h2[data-v-21377b13]{font-size:18px}.filter-container select[data-v-21377b13],.year-filter select[data-v-21377b13]{font-size:14px;padding:4px 8px}}