body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;max-width:100%}@font-face{font-family:FontBubbleKu;font-style:normal;font-weight:400;src:url(../../static/media/KeeponTruckin.691b4ef0e8996f89a639.ttf) format("truetype")}body{align-items:center;background-attachment:fixed;background-image:linear-gradient(#040b16cc,#040b16cc),url(https://images.unsplash.com/photo-1497935586351-b67a49e012bf?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80);background-position:50%;background-size:cover;color:#fff;display:flex;font-family:Montserrat,Segoe UI,Tahoma,sans-serif;justify-content:center;margin:0;min-height:100vh}.form-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a192fd9;border:1px solid #f3b9274d;border-radius:16px;box-shadow:0 15px 35px #00000080;max-width:450px;padding:15px 20px;text-align:center;width:90%}.brand-header-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:0;margin-top:0}.brand-logo-header{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));height:auto;max-width:90%;object-fit:contain;width:380px}.subtitle{color:#a8b2d1;font-size:.9rem;letter-spacing:2px;margin-bottom:25px;margin-top:0;text-transform:uppercase}.form-kopi{display:flex;flex-direction:column;gap:15px}.form-kopi input,.form-kopi textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:14px;transition:.3s;width:100%}.form-kopi textarea{resize:vertical}.form-kopi input::placeholder,.form-kopi textarea::placeholder{color:#ffffff80}.form-kopi input:focus,.form-kopi textarea:focus{background:#ffffff1a;border-color:#f3b927;outline:none}.input-dinamis{display:flex;flex-direction:column;gap:8px;text-align:left}.input-dinamis label{color:#ccd6f6;font-size:.85rem;font-weight:600;margin-left:5px}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) sepia(100%) saturate(500%) hue-rotate(10deg)}.metode-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:5px}.metode-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ccd6f6;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;padding:10px 5px;transition:all .3s ease}.metode-card:hover{border-color:#f3b92780}.metode-card.selected{background:#f3b92726;border-color:#f3b927;box-shadow:0 0 10px #f3b92733;color:#f3b927}.menu-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:15px;width:100%}.menu-card{background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;transition:all .3s ease;width:100%}.menu-card:hover{border-color:#f3b92780}.menu-card.selected{background:#f3b92726;border-color:#f3b927;box-shadow:0 0 15px #f3b92733;transform:translateY(-2px)}.menu-card h4{color:#ccd6f6;font-size:.9rem;font-weight:600;margin:0 0 8px}.menu-card.selected h4,.menu-card.selected span{color:#f3b927}.menu-card span{color:#8892b0;font-size:.8rem}.item-customization{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;margin-top:12px;width:100%}.select-mewah-mini{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#a8b2d1;cursor:pointer;font-family:inherit;font-size:.8rem;padding:8px 10px;width:100%}.select-mewah-mini:focus{border-color:#f3b927;color:#fff;outline:none}.select-mewah-mini option{background-color:#0a192f;color:#fff}.qty-control{background:#00000040;border-radius:50px;justify-content:space-between;padding:5px 15px;width:100%}.btn-qty,.qty-control{align-items:center;display:flex}.btn-qty{background:#0a192f;border:1px solid #f3b927;border-radius:50%;color:#f3b927;cursor:pointer;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:.2s;width:32px}.btn-qty:hover{background:#f3b927;color:#0a192f}.qty-angka{color:#fff;font-size:1.1rem;font-weight:700;min-width:20px;text-align:center}.keranjang-box{background:#0003;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:20px;padding:15px;text-align:left}.keranjang-box h3{border-bottom:1px dashed #f3b9274d;color:#f3b927;font-size:1.1rem;margin-top:0;padding-bottom:10px}.keranjang-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#ccd6f6;padding:8px 0}.keranjang-item,.keranjang-total{display:flex;justify-content:space-between}.keranjang-total{color:#fff;font-size:1.1rem;margin-top:15px}.info-poin{background:#f3b9271a;border:1px solid #f3b92766;border-radius:8px;color:#ccd6f6;font-size:.9rem;padding:12px}.info-poin span,.info-poin strong{color:#f3b927}.btn-kirim{background:linear-gradient(135deg,#f3b927,#d4af37);border:none;border-radius:8px;color:#0a192f;cursor:pointer;font-size:1.1rem;font-weight:800;letter-spacing:1px;margin-top:10px;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}.btn-kirim:hover{box-shadow:0 6px 20px #f3b92766;transform:translateY(-2px)}.btn-pesan-lagi{background:#0000;border:2px solid #f3b927;color:#f3b927}.btn-pesan-lagi:hover{background:#f3b9271a;box-shadow:none}.btn-cs-ig{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50px;bottom:25px;box-shadow:0 4px 15px #0006;color:#fff;font-weight:700;padding:12px 25px;position:fixed;right:25px;text-decoration:none;transition:transform .3s ease;z-index:1000}.btn-cs-ig:hover{transform:scale(1.08)}.btn-masuk-admin{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;bottom:25px;color:#fff;cursor:pointer;font-weight:700;left:25px;padding:10px 20px;position:fixed;z-index:1000}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040b16d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.nota-container{background:#0a192f;border:2px solid #f3b927;border-radius:16px;box-shadow:0 20px 50px #f3b92740;max-height:90vh;max-width:420px;overflow-y:auto;padding:30px 25px;text-align:center;width:100%}.nota-container::-webkit-scrollbar{width:6px}.nota-container::-webkit-scrollbar-thumb{background:#f3b927;border-radius:10px}.nota-container h2{color:#f3b927;font-size:1.8rem;margin-top:0}.nota-id{color:#8892b0;font-family:monospace;font-size:1.1rem;margin-top:-10px}.nota-container hr{border:0;border-top:1px dashed #f3b92766;margin:20px 0}.nota-detail{background:#ffffff08;border-radius:8px;color:#ccd6f6;font-size:1rem;line-height:1.6;padding:15px;text-align:left}.gold-text{color:#f3b927;font-weight:700}.tagihan-box{background:#f3b9271f;border:1px solid #f3b927;border-radius:12px;margin:20px 0;padding:20px}.tagihan-box p{color:#a8b2d1;font-size:.85rem;letter-spacing:2px;margin:0}.tagihan-box h1{color:#f3b927;font-size:2.3rem;margin:5px 0;text-shadow:0 0 10px #f3b9274d}.qris-section{margin-top:15px}.qris-section p{color:#ccd6f6;font-size:.9rem;margin-bottom:10px}.qris-img{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000080;max-width:160px;padding:10px}.btn-tutup-nota{background:linear-gradient(135deg,#f3b927,#d4af37);border:none;border-radius:8px;color:#0a192f;cursor:pointer;font-size:1.1rem;font-weight:800;margin-top:25px;padding:15px;transition:.3s;width:100%}.btn-tutup-nota:hover{box-shadow:0 5px 15px #f3b92766;transform:scale(1.02)}.success-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 30px}.success-desc{color:#ccd6f6;font-size:1.1rem;line-height:1.6;margin-bottom:25px;margin-top:10px}.logo-success-wrapper{align-items:center;display:flex;justify-content:center;padding:20px}.logo-success-glow{animation:floatMewah 3s ease-in-out infinite,glowMewah 2s ease-in-out infinite alternate;height:auto;object-fit:contain;width:140px}.animate-pop{animation:popEffect .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popEffect{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes floatMewah{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes glowMewah{0%{filter:drop-shadow(0 0 5px rgba(243,185,39,.3))}to{filter:drop-shadow(0 0 25px rgba(243,185,39,.8))}}.admin-bg{align-items:flex-start;padding:30px}.admin-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192ff2;border:1px solid #f3b9274d;border-radius:16px;box-shadow:0 15px 35px #00000080;max-width:1200px;padding:30px;width:100%}.admin-header{align-items:center;border-bottom:2px dashed #f3b9274d;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-header h2{color:#f3b927;font-size:2rem;margin:0}.admin-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-left:10px;padding:10px 20px;transition:.3s}.btn-refresh{background:#2e8b57;color:#fff}.btn-keluar{background:#dc2743;color:#fff}.btn-download{background:#1d6f42!important;color:#fff!important}.btn-download:hover{background:#155230!important}.omset-banner-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:35px}.omset-card{background:#f3b9270d;border:1px solid #f3b92740;border-radius:12px;padding:15px 10px;text-align:center}.omset-card p{color:#a8b2d1;font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin:0}.omset-card h1{color:#f3b927;font-size:1.6rem;margin:8px 0 0}.admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:left}.admin-card.card-processing{background:#2980b90d;border-color:#2980b9}.card-top{display:flex;justify-content:space-between;margin-bottom:15px}.order-id{color:#8892b0;font-family:monospace}.badge-status{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px}.bg-orange{background:#e67e22}.bg-blue{background:#2980b9!important}.admin-card h3{color:#f3b927;margin:0 0 10px}.admin-card p{color:#ccd6f6;font-size:.9rem;margin:5px 0}.card-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:20px;padding-top:15px}.card-bottom h4{color:#fff;font-size:1.2rem;margin:0}.card-buttons{display:flex;gap:8px}.btn-struk{background:#3a4f7c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:.2s}.btn-struk:hover{background:#2a3b5f}.btn-menyiapkan{background:#2980b9;color:#fff}.btn-menyiapkan,.btn-selesai{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 15px}.btn-selesai{background:#f3b927;color:#0a192f}.toko-tutup-banner{background:#dc27431a;border:2px solid #dc2743;border-radius:12px;margin:20px 0;padding:25px 20px;text-align:center}.toko-tutup-banner h2{color:#dc2743;margin-top:0}.toko-tutup-banner p{color:#ccd6f6;line-height:1.5}.btn-status-toko{border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-left:10px;padding:10px 20px}.store-open{background:#2e8b57;color:#fff}.store-closed{background:#dc2743;color:#fff}@media screen and (max-width:768px){.omset-banner-grid{gap:10px;grid-template-columns:1fr}.omset-card h1{font-size:1.4rem}}@media screen and (max-width:600px){.brand-logo-header{width:240px}.menu-grid{grid-template-columns:1fr}}@media screen and (max-width:500px){.form-container{padding:25px 15px;width:95%}.subtitle{font-size:.8rem;margin-bottom:20px}.form-kopi{gap:12px}.form-kopi input,.form-kopi textarea{font-size:.9rem;padding:12px}.menu-grid{gap:10px;margin:5px 0}.menu-card{padding:12px}.menu-card h4{font-size:.85rem}.btn-kirim{font-size:1rem;padding:14px}.btn-cs-ig{bottom:15px;font-size:.85rem;padding:10px 18px;right:15px}.nota-container{padding:20px 15px}.tagihan-box h1{font-size:1.9rem}}.web-footer{margin-bottom:20px;margin-top:40px;text-align:center;width:100%}.web-footer p{color:#8892b0;font-size:.7rem;letter-spacing:.8px;margin:0;opacity:.4;transition:opacity .3s ease}.web-footer p:hover{opacity:1}@media screen and (max-width:500px){.web-footer{margin-bottom:70px;margin-top:30px}}
/*# sourceMappingURL=main.450520b6.css.map*/