@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";.footer[data-v-1743a8df]{font-family:Arial,sans-serif;background-color:#ffc107;color:#1a1a1a;padding:40px 20px 0}.footer-container[data-v-1743a8df]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-section.about .logo[data-v-1743a8df]{width:120px;margin-bottom:15px}.footer-section h3[data-v-1743a8df]{font-size:18px;font-weight:700;margin-bottom:15px;color:#000}.footer-section.about p[data-v-1743a8df]{font-size:14px;line-height:1.6;margin-bottom:20px;color:#000}.contact[data-v-1743a8df]{font-size:14px}.contact p[data-v-1743a8df]{margin-bottom:8px;display:flex;align-items:center;gap:8px}.contact i[data-v-1743a8df]{font-size:16px}.footer-section.nav h3[data-v-1743a8df]{margin-bottom:15px}.footer-section.nav ul[data-v-1743a8df]{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-section.nav ul li a[data-v-1743a8df]:hover{opacity:.7}.footer-section.social h3[data-v-1743a8df]{margin-bottom:15px}.social-icons[data-v-1743a8df]{display:flex;gap:15px}.social-icons a[data-v-1743a8df]{width:40px;height:40px;background-color:#ffd93f;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s}.social-icons a[data-v-1743a8df]:hover{transform:scale(1.1)}.social-icons i[data-v-1743a8df]{color:#ffc107;font-size:20px}.social-icons img[data-v-1743a8df]{width:24px;height:24px;filter:invert(89%) sepia(69%) saturate(1567%) hue-rotate(359deg) brightness(104%) contrast(101%)}.footer-bottom[data-v-1743a8df]{border-top:2px solid #ffffff;padding:20px 0;text-align:left;max-width:1200px;margin:0 auto}.footer-bottom p[data-v-1743a8df]{font-size:13px;color:#000}@media (max-width: 768px){.footer-container[data-v-1743a8df]{grid-template-columns:1fr;gap:30px}.footer-section.about .logo[data-v-1743a8df]{width:100px}.social-icons[data-v-1743a8df]{justify-content:flex-start}}.router-link-active[data-v-7aa6f412]{color:#d4a300}ul li[data-v-7aa6f412]{list-style:none}.icon-nav[data-v-7aa6f412]{display:none}li a[data-v-7aa6f412]{color:#000;text-decoration:none;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:10px}li a[data-v-7aa6f412]:hover{color:#d4a300;transition:all .2s ease-in-out}.navbar[data-v-7aa6f412]{display:flex;align-items:center;justify-content:space-between;padding:8px 30px;position:fixed;width:100%;top:0;left:0;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;z-index:9999}.navbar-scrolled[data-v-7aa6f412]{background-color:#ffffffe6;box-shadow:0 2px 5px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo img[data-v-7aa6f412]{display:block}.nav-isi ul[data-v-7aa6f412]{display:flex;gap:100px;font-weight:600;margin:0;padding:0}.nav-cart[data-v-7aa6f412]{font-size:30px;text-align:center;position:relative}.nav-cart a[data-v-7aa6f412]{color:#000}.nav-cart a[data-v-7aa6f412]:hover{color:#d4a300}.jumlah-keranjang[data-v-7aa6f412]{position:absolute;top:0;right:0;background-color:#d4a300;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:600;transform:translate(10px,-8px);display:flex;align-items:center;justify-content:center;min-width:18px;height:18px}.hamburger[data-v-7aa6f412]{background:none;border:none;font-size:28px;cursor:pointer;display:none;color:#000}@media (max-width: 900px){.jumlah-keranjang[data-v-7aa6f412]{font-size:10px;min-width:16px;height:16px;transform:translate(8px,-6px)}.navbar[data-v-7aa6f412]{padding:10px 25px}.hamburger[data-v-7aa6f412]{display:block;z-index:10000}.icon-nav[data-v-7aa6f412]{display:block}.nav-isi[data-v-7aa6f412]{position:fixed;top:0;right:0;width:40%;height:100vh;background-color:#fff;box-shadow:-2px 0 15px #0000001a;transform:translate(100%);transition:transform .3s ease;display:flex;justify-content:center}.nav-isi.open[data-v-7aa6f412]{transform:translate(0)}.nav-isi ul[data-v-7aa6f412]{flex-direction:column;transform:translateY(100px);gap:25px;text-align:left}.nav-isi ul li a[data-v-7aa6f412]{font-size:1.1rem;padding:10px 0}.nav-cart[data-v-7aa6f412]{position:absolute;right:80px;font-size:28px}.nav-logo img[data-v-7aa6f412]{width:80px}}@media (max-width: 500px){.nav-isi[data-v-7aa6f412]{width:55%}.nav-cart[data-v-7aa6f412]{right:70px}.nav-isi ul li a[data-v-7aa6f412]{font-size:1rem}}.dashboard[data-v-02a1e923]{font-family:Poppins,sans-serif;background-color:#fdfbec;min-height:100vh;padding:40px;color:#222}.judul[data-v-02a1e923]{margin-top:-20px;font-size:24px;font-weight:700;color:#b6920e;margin-bottom:20px}.statistik[data-v-02a1e923]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.kartu[data-v-02a1e923]{margin-top:-10px;background-color:#faf8e2;border-radius:12px;padding:8px 20px;box-shadow:0 0 3px #0000001a;text-align:left}.kartu h4[data-v-02a1e923]{font-size:15px;font-weight:500;color:#333;margin-bottom:5px}.kartu .main-value[data-v-02a1e923]{font-size:32px;font-weight:700;margin-top:5px;margin-bottom:15px;color:#d4a300}.detail-value[data-v-02a1e923]{border-top:1px solid #eee;padding-top:10px;font-size:14px;color:#555}.sub-label[data-v-02a1e923]{font-weight:500}.sub-value[data-v-02a1e923]{font-weight:600;color:#333}.notifikasi[data-v-02a1e923]{margin-top:-20px;background-color:#faf8e2;border-radius:12px;padding:20px;box-shadow:0 0 3px #0000001a}.notifikasi h4[data-v-02a1e923]{margin-bottom:15px;font-size:16px}table[data-v-02a1e923]{width:100%;border-collapse:collapse}th[data-v-02a1e923],td[data-v-02a1e923]{padding:10px 15px;text-align:left;border-bottom:1px solid #ccc}th[data-v-02a1e923]{font-weight:600}tr:last-child td[data-v-02a1e923]{border-bottom:none}.container-paginate[data-v-02a1e923]{display:flex;justify-content:center;margin:20px auto auto;gap:1rem;font-size:20px;font-weight:500}.page[data-v-02a1e923]{background-color:#faebd7;padding:5px 15px;border-radius:10px;transition:all .3s ease;cursor:pointer}.page[data-v-02a1e923]:hover{transform:scale(1.1)}.page.button[data-v-02a1e923]{background-color:#fee2bc;color:#d4a300;border:none}.page.active[data-v-02a1e923]{color:#fff;background-color:#d4a300}.page.inactive[data-v-02a1e923]{background-color:#fff;color:#d4a300;border:1px solid #d4a300}.no-produk[data-v-02a1e923]{display:flex;justify-content:center;align-items:center;min-height:250px;text-align:center;background-color:#fff9f2;border-radius:16px;padding:40px 20px;box-shadow:0 0 10px #ffdd9633;transition:all .3s ease}.no-produk[data-v-02a1e923]:hover{transform:scale(1.01);box-shadow:0 4px 20px #ffc86440}.no-produk-content[data-v-02a1e923]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#444}.no-produk-img[data-v-02a1e923]{width:100px;height:100px;opacity:.8}.no-produk h2[data-v-02a1e923]{font-size:1.5rem;font-weight:600;color:#d4a300}.no-produk p[data-v-02a1e923]{font-size:1rem;color:#666}@media (max-width: 768px){.dashboard[data-v-02a1e923]{padding:20px}.statistik[data-v-02a1e923]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.kartu .main-value[data-v-02a1e923]{font-size:26px}.notifikasi[data-v-02a1e923]{overflow-x:auto;padding:15px}table[data-v-02a1e923]{min-width:600px}th[data-v-02a1e923],td[data-v-02a1e923]{padding:8px 10px;font-size:13px}}.data-produk[data-v-aa6c43b8]{background-color:#fffdf2;min-height:100vh;padding:40px;font-family:Poppins,sans-serif}.data-produk h1[data-v-aa6c43b8]{font-size:28px;color:#d2a400;font-weight:700;margin-bottom:30px}.form-produk[data-v-aa6c43b8]{background-color:#fbf8e3;padding:25px;border-radius:15px;border:1px solid #f1e8b8;box-shadow:0 2px 5px #0000000d;margin-bottom:30px}.form-produk h2[data-v-aa6c43b8]{font-size:20px;font-weight:600;margin-bottom:15px}.form-container[data-v-aa6c43b8]{display:flex;flex-wrap:wrap;gap:30px}.form-inputs[data-v-aa6c43b8]{flex:1;display:flex;flex-direction:column;gap:15px}.input-group[data-v-aa6c43b8]{display:flex;flex-direction:column}.input-group label[data-v-aa6c43b8]{font-weight:500;margin-bottom:5px;color:#333}.input-group input[data-v-aa6c43b8]{background-color:#f9f8ee;border:1px solid #ccc;border-radius:6px;padding:8px;font-size:14px;width:50%}.upload-container[data-v-aa6c43b8]{flex:1}.upload-container label[data-v-aa6c43b8]{display:block;font-weight:500;margin-bottom:5px}.upload-box[data-v-aa6c43b8]{border:2px dashed #aaa;background-color:#fffceb;border-radius:10px;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative}.upload-icon[data-v-aa6c43b8]{background-color:#faf49e;border-radius:10px;padding:10px}.preview-img[data-v-aa6c43b8]{max-width:100%;max-height:150px;border-radius:10px;object-fit:cover}.browse-btn[data-v-aa6c43b8]{position:absolute;inset:0;opacity:0;cursor:pointer}.btn-tambah[data-v-aa6c43b8]{background-color:#ffd400;color:#fff;border:none;border-radius:30px;width:100%;padding:12px;font-size:16px;font-weight:600;margin-top:20px;cursor:pointer;transition:.3s}.btn-tambah[data-v-aa6c43b8]:hover{background-color:#eac100}.tabel-produk[data-v-aa6c43b8]{background-color:#fbf8e3;border-radius:15px;border:1px solid #f1e8b8;padding:20px}table[data-v-aa6c43b8]{width:100%;border-collapse:collapse}thead[data-v-aa6c43b8]{background-color:#f5f3d8}th[data-v-aa6c43b8]{text-align:left;padding:10px;color:#555}td[data-v-aa6c43b8]{padding:10px;border-top:1px solid #e3e3c3;vertical-align:middle}td img[data-v-aa6c43b8]{width:60px;height:60px;border-radius:10px;object-fit:cover}.action[data-v-aa6c43b8]{display:flex;gap:10px}.edit-btn[data-v-aa6c43b8],.delete-btn[data-v-aa6c43b8]{background:transparent;border:none;cursor:pointer;transition:.3s}.edit-btn[data-v-aa6c43b8]:hover{color:#007bff}.delete-btn[data-v-aa6c43b8]:hover{color:#d9534f}.container-paginate[data-v-aa6c43b8]{display:flex;justify-content:center;margin:auto;gap:1rem;font-size:20px;font-weight:500}.page[data-v-aa6c43b8]{background-color:#faebd7;padding:5px 15px;border-radius:10px;transition:all .3s ease;cursor:pointer}.page[data-v-aa6c43b8]:hover{transform:scale(1.1)}.page.button[data-v-aa6c43b8]{background-color:#fee2bc;color:#d4a300;border:none}.page.active[data-v-aa6c43b8]{color:#fff;background-color:#d4a300}.page.inactive[data-v-aa6c43b8]{background-color:#fff;color:#d4a300;border:1px solid #d4a300}body{font-family:Poppins,sans-serif;background-color:#fffdf4}.container{width:90%;margin:40px auto;background-color:#fffdf4}.title{font-weight:700;color:#c59e00;font-size:22px;margin-bottom:10px}.tabs{display:flex;gap:15px;margin-bottom:10px}.tabs button{border:none;background:none;font-weight:600;color:#999;cursor:pointer;border-bottom:2px solid transparent;padding-bottom:5px}.tabs button.active{color:#333;border-bottom:2px solid #c59e00}.filters{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.filters input{border:1px solid #ddd;border-radius:8px;padding:8px 12px}.data-table{width:100%;border-collapse:collapse;background:#fefce9;border-radius:12px;overflow:hidden}.data-table th{text-align:left;background:#f7f3d0;padding:12px 16px}.data-table td{padding:14px 16px;border-top:1px solid #ddd}.status{padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;font-size:14px}.status.baru{background-color:#3b82f6}.status.proses{background-color:#fbbf24}.status.dikirim{background-color:#fb923c}.status.selesai{background-color:#22c55e}.btn-detail{background-color:#2f2f2f;color:#fff;padding:6px 12px;border-radius:6px;border:none;cursor:pointer}.btn-detail:hover{opacity:.9}.pagination{display:flex;justify-content:flex-end;margin-top:20px;gap:6px}.pagination button{border:1px solid #c59e00;background:#fffbe3;border-radius:6px;padding:4px 10px;cursor:pointer}.pagination button.active{background-color:#c59e00;color:#fff}.data-produk[data-v-95f1a960]{background-color:#fffdf2;min-height:100vh;padding:40px;font-family:Poppins,sans-serif}.data-produk h1[data-v-95f1a960]{font-size:28px;color:#d2a400;font-weight:700;margin-bottom:30px}.form-produk[data-v-95f1a960]{background-color:#fbf8e3;padding:25px;border-radius:15px;border:1px solid #f1e8b8;box-shadow:0 2px 5px #0000000d;margin-bottom:30px}.form-produk h2[data-v-95f1a960]{font-size:20px;font-weight:600;margin-bottom:15px}.form-container[data-v-95f1a960]{display:flex;flex-wrap:wrap;gap:30px}.form-inputs[data-v-95f1a960]{flex:1;display:flex;flex-direction:column;gap:15px}.input-group[data-v-95f1a960]{display:flex;flex-direction:column}.input-group label[data-v-95f1a960]{font-weight:500;margin-bottom:5px;color:#333}.input-group input[data-v-95f1a960],select[data-v-95f1a960]{background-color:#f9f8ee;border:1px solid #ccc;border-radius:6px;padding:8px;font-size:14px}.upload-container[data-v-95f1a960]{flex:1}.upload-container label[data-v-95f1a960]{display:block;font-weight:500;margin-bottom:5px}.upload-box[data-v-95f1a960]{border:2px dashed #aaa;background-color:#fffceb;border-radius:10px;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative}.upload-icon[data-v-95f1a960]{background-color:#faf49e;border-radius:10px;padding:10px}.preview-img[data-v-95f1a960]{max-width:100%;max-height:150px;border-radius:10px;object-fit:cover}.browse-btn[data-v-95f1a960]{position:absolute;inset:0;opacity:0;cursor:pointer}.btn-tambah[data-v-95f1a960]{background-color:#ffd400;color:#fff;border:none;border-radius:30px;width:100%;padding:12px;font-size:16px;font-weight:600;margin-top:20px;cursor:pointer;transition:.3s}.btn-tambah[data-v-95f1a960]:hover{background-color:#eac100}.tabel-produk[data-v-95f1a960]{background-color:#fbf8e3;border-radius:15px;border:1px solid #f1e8b8;padding:20px}table[data-v-95f1a960]{width:100%;border-collapse:collapse}thead[data-v-95f1a960]{background-color:#f5f3d8}th[data-v-95f1a960]{text-align:left;padding:10px;color:#555}td[data-v-95f1a960]{padding:10px;border-top:1px solid #e3e3c3;vertical-align:middle}td img[data-v-95f1a960]{width:60px;height:60px;border-radius:10px;object-fit:cover}.action[data-v-95f1a960]{display:flex;gap:10px}.edit-btn[data-v-95f1a960],.delete-btn[data-v-95f1a960]{background:transparent;border:none;cursor:pointer;transition:.3s}.edit-btn[data-v-95f1a960]:hover{color:#007bff}.delete-btn[data-v-95f1a960]:hover{color:#d9534f}.container-paginate[data-v-95f1a960]{display:flex;justify-content:center;margin:auto;gap:1rem;font-size:20px;font-weight:500}.page[data-v-95f1a960]{background-color:#faebd7;padding:5px 15px;border-radius:10px;transition:all .3s ease;cursor:pointer}.page[data-v-95f1a960]:hover{transform:scale(1.1)}.page.button[data-v-95f1a960]{background-color:#fee2bc;color:#d4a300;border:none}.page.active[data-v-95f1a960]{color:#fff;background-color:#d4a300}.page.inactive[data-v-95f1a960]{background-color:#fff;color:#d4a300;border:1px solid #d4a300}.detail-pesanan[data-v-1f58bd6a]{padding:30px;font-family:Poppins,sans-serif;background-color:#fffdf2;min-height:100vh}.detail-pesanan h1[data-v-1f58bd6a]{color:#d2a400;margin-bottom:20px}.info-pesanan p[data-v-1f58bd6a]{font-size:16px;margin:5px 0}.tabel-produk[data-v-1f58bd6a]{width:100%;border-collapse:collapse;margin-top:20px}.tabel-produk th[data-v-1f58bd6a],.tabel-produk td[data-v-1f58bd6a]{padding:10px;border:1px solid #e3e3c3;text-align:left}.btn-kembali[data-v-1f58bd6a]{margin-top:20px;background-color:#ffd400;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;color:#fff;font-weight:600}.btn-kembali[data-v-1f58bd6a]:hover{background-color:#eac100}.btn-download[data-v-1f58bd6a]{background-color:green;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;color:#fff;font-weight:600}.btn-download[data-v-1f58bd6a]:hover{background-color:#eac100}.loading[data-v-1f58bd6a]{display:flex;justify-content:center;align-items:center;padding:50px;font-size:18px;color:#d2a400}.status-dropdown[data-v-1f58bd6a]{width:220px;padding:8px 12px;border-radius:8px;border:1px solid #d4a300;background-color:#fff8e1;color:#333;font-size:14px;font-weight:500;cursor:pointer;position:relative}.status-dropdown[data-v-1f58bd6a]:disabled{opacity:.7}.status-dropdown-wrapper[data-v-1f58bd6a]{position:relative;display:inline-block}.status-dropdown-wrapper[data-v-1f58bd6a]:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#d4a300;font-size:12px}.action-panel-wrapper[data-v-1f58bd6a]{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.action-card[data-v-1f58bd6a]{background-color:transparent;padding:10px;border-radius:12px}.action-card h3[data-v-1f58bd6a]{color:#333;padding-bottom:10px;margin-bottom:10px;font-size:18px}.input-group[data-v-1f58bd6a]{margin-bottom:20px}.input-group label[data-v-1f58bd6a]{display:block;font-weight:600;margin-bottom:8px;color:#555}.form-input[data-v-1f58bd6a],.form-select[data-v-1f58bd6a]{background-color:transparent;width:100%;padding:10px;border-radius:8px;border:1px solid #ced4da;font-size:15px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.form-input[data-v-1f58bd6a]:focus,.form-select[data-v-1f58bd6a]:focus{border-color:#d2a400;box-shadow:0 0 0 3px #d2a4001a;outline:none}.btn[data-v-1f58bd6a]{width:100%;padding:12px;border:none;border-radius:8px;cursor:pointer;font-weight:700;color:#fff;transition:background-color .3s;text-transform:uppercase}.btn-save[data-v-1f58bd6a]{background-color:#d2a400}.btn-save[data-v-1f58bd6a]:hover:not(:disabled){background-color:#c09400}.btn-download[data-v-1f58bd6a]{background-color:#28a745}.btn-download[data-v-1f58bd6a]:hover:not(:disabled){background-color:#1e7e34}.btn[data-v-1f58bd6a]:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}.hint-text[data-v-1f58bd6a]{display:block;margin-top:10px;font-size:13px;color:#888}.menu[data-v-88c31ccd]:hover{background-color:#f7e8b8;border-radius:10px}.menu.active[data-v-88c31ccd]{background-color:#f7e8b8;border-radius:10px;color:#333}.menu.active h3[data-v-88c31ccd]{color:#333;font-weight:600}.menu.active .w-5[data-v-88c31ccd]{color:#333!important}aside[data-v-88c31ccd]{height:100%;display:flex;flex-direction:column;background-color:#fdfbec;border-right:1px solid #eee}.container-menu[data-v-88c31ccd]{display:flex;flex-direction:column;gap:2rem;padding-left:20px}.menu[data-v-88c31ccd]{display:flex;align-items:center;gap:.5rem;padding:8px 15px;margin-right:15px;color:#000}.menu h3[data-v-88c31ccd]{font-weight:600}@media (max-width: 1024px){aside[data-v-88c31ccd]{position:fixed;top:0;left:0;width:250px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease-out;box-shadow:2px 0 5px #0000001a}aside[data-open=true][data-v-88c31ccd]{transform:translate(0)}aside>.menu[data-v-88c31ccd]:last-child{display:none}}main[data-v-d638fcb1]{font-family:poppins,sans-serif;display:grid;grid-template-columns:.8fr 3.2fr;height:100vh}.content-wrapper[data-v-d638fcb1]{overflow-y:auto}.toggle-button[data-v-d638fcb1]{display:none;position:fixed;top:20px;left:20px;z-index:1001;cursor:pointer;color:#b6920e;background-color:#faf8e2;padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 1024px){main[data-v-d638fcb1]{grid-template-columns:1fr;height:auto}.toggle-button[data-v-d638fcb1]{display:block}}.btn[data-v-c55616c5]{color:#fff;border:none;padding:10px 40px;border-radius:15px;cursor:pointer;font-weight:600;transition:.2s ease;font-size:medium}.btn[data-v-c55616c5]:hover{opacity:.85}main[data-v-8171a586]{padding:30px;margin-top:70px}header[data-v-8171a586]{display:flex;flex-wrap:wrap;align-items:center;margin-left:60px}header h1[data-v-8171a586]{font-weight:700;color:#d4a300;font-family:DynaPuff,sans-serif;font-size:45px}header p[data-v-8171a586],div[data-v-8171a586]{margin-top:10px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px}header p[data-v-8171a586]{text-decoration:underline;color:#353535;margin-left:10px}.button-panah[data-v-8171a586]{background-color:#ef6a6a;width:20px;height:20px;border-radius:100%;color:#fff;display:flex;justify-content:center;align-items:center;margin-left:8px}.router-link[data-v-8171a586]{text-decoration:none}.container-card[data-v-8171a586]{display:grid;grid-template-columns:repeat(3,1fr);padding:60px}.card h1[data-v-8171a586]{font-size:20px;font-weight:500;width:190px;color:#4b4b4b}.container-harga[data-v-8171a586]{display:flex;gap:.3rem;margin-top:-5px;align-items:center}.calltoaction h2[data-v-8171a586]{font-family:DynaPuff,sans-serif;font-size:30px;font-weight:500;color:#333;margin-bottom:10px}.calltoaction[data-v-8171a586]{position:relative;background-color:#ffcd29;border-radius:200px 100px 100px 0;height:400px}.calltoaction span[data-v-8171a586]{border-bottom:3px solid #bb0015}Button[data-v-8171a586]{margin-top:15px}.container-image[data-v-8171a586]{transform:translateY(-120px)}.content[data-v-8171a586]{margin-top:-180px;padding-left:40px}@media (max-width: 1024px){.container-card[data-v-8171a586]{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:100px 0}.calltoaction[data-v-8171a586]{margin-top:120px}.card h1[data-v-8171a586]{width:100%}}.text-card[data-v-00ecae92]{font-family:dynapuff;color:#d4a300;padding:30px;margin-bottom:50px;font-size:45px;margin-left:60px}.card-container[data-v-00ecae92]{display:flex;justify-content:center;gap:100px;flex-wrap:wrap}.product-card[data-v-00ecae92]{position:relative;overflow:hidden;border-radius:30px 120px 0 50px;width:300px;height:400px}.card-image[data-v-00ecae92]{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.card-text-overlay1[data-v-00ecae92]{position:relative;width:70%;background-color:#ffc300;border-radius:0 80px 0 70px;padding:23px 0 20px;text-align:center;color:#fff;font-weight:700;font-family:Poppins,sans-serif;z-index:2;left:50px;bottom:50px}.card-text-overlay1 h3[data-v-00ecae92]{margin:0;font-size:20px;line-height:1.2}.main[data-v-e0f3138d]{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:60px 80px}.left-container[data-v-e0f3138d]{flex:1;display:flex;flex-direction:column;gap:1.5rem}.right-container[data-v-e0f3138d]{flex:1;display:flex;justify-content:center}.right-container img[data-v-e0f3138d]{max-width:100%;height:auto}header h1[data-v-e0f3138d]{font-weight:700;text-align:start;font-size:clamp(1.8rem,4vw,2.5rem);font-family:DynaPuff,sans-serif;line-height:1.3}.highlight[data-v-e0f3138d]{color:#d4a300}header h2[data-v-e0f3138d]{font-family:Poppins,sans-serif;font-weight:500;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.4;text-align:start}.button-container[data-v-e0f3138d]{display:flex;align-items:flex-start;gap:15px}.button-text1[data-v-e0f3138d],.button-text2[data-v-e0f3138d]{font-size:1rem;width:220px;height:50px;border-radius:20px;font-family:Poppins,sans-serif;font-weight:700;transition:all .3s ease;cursor:pointer;padding:20px;display:flex;justify-content:center;align-items:center}.button-text1[data-v-e0f3138d]{background-color:#ffc300;border:none;color:#fff}.button-text1[data-v-e0f3138d]:hover{background-color:#e5b200}.button-text2[data-v-e0f3138d]{background-color:#fff;color:#ffc300;border:3px solid #ffc300}.button-text2[data-v-e0f3138d]:hover{background-color:#ffc300;color:#fff}.label-container[data-v-e0f3138d]{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.label-item[data-v-e0f3138d]{display:flex;align-items:center;gap:10px;background-color:#f0f0f0;border:2px solid #c9c9c9;padding:10px 15px;width:230px;height:75px;border-radius:30px 0;font-family:Poppins,sans-serif}.label-item.right[data-v-e0f3138d]{border-radius:0 30px}.label-logo[data-v-e0f3138d]{background-color:#fff;display:flex;justify-content:center;align-items:center;width:65px;height:60px;border-radius:inherit}.text-box h3[data-v-e0f3138d]{font-size:15px;color:#d4a300;margin:0}.text-box p[data-v-e0f3138d]{font-size:11px;font-weight:600;margin:0}@media (max-width: 1024px){.main[data-v-e0f3138d]{flex-direction:column;text-align:center;padding:80px;margin-top:100px}.right-container img[data-v-e0f3138d]{display:none}}@media (max-width: 600px){.main[data-v-e0f3138d]{padding:20px;gap:30px}header[data-v-e0f3138d]{padding:20px}header h1[data-v-e0f3138d]{font-size:2rem}header h2[data-v-e0f3138d]{font-size:1rem;margin-top:5px}.button-text1[data-v-e0f3138d],.button-text2[data-v-e0f3138d]{width:100%;font-size:.9rem;height:45px}.label-item[data-v-e0f3138d]{width:60%;display:flex}}[data-v-9d90e066]{margin:0;padding:0;box-sizing:border-box}main[data-v-9d90e066]{font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}.cta-section[data-v-9d90e066]{background-color:#ffecb3;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 8px 20px #0000001a;gap:80px;padding:20px;border-radius:40px;max-width:1300px}.cta-image[data-v-9d90e066]{position:relative;flex-shrink:0;transform:translate(-30px);left:50px}.cta-image img[data-v-9d90e066]{width:340px;border-radius:25px;object-fit:cover;box-shadow:0 6px 12px #0000001a;transition:all .3s ease,box-shadow .3s ease}.cta-content[data-v-9d90e066]{max-width:700px;text-align:center}.cta-content h2[data-v-9d90e066]{font-family:"Baloo 2",cursive;font-size:42.5px;color:#000;margin-bottom:10px}.cta-content h2 span[data-v-9d90e066]{color:#f4a100}.cta-content p[data-v-9d90e066]{margin-top:10px;color:#333;font-size:23px;line-height:1.5;font-style:italic}.cta-button[data-v-9d90e066]{display:inline-block;background-color:#ff9800;color:#fff;padding:14px 30px;border-radius:30px;text-decoration:none;font-weight:550;transition:.3s;margin-top:18px}.cta-button span[data-v-9d90e066]{margin-left:8px;font-weight:700}.cta-button[data-v-9d90e066]:hover{background-color:#f57c00;transform:translateY(-3px)}@media (max-width: 1024px){.cta-section[data-v-9d90e066]{flex-direction:column;text-align:center;gap:30px;padding:40px 20px;max-width:800px;margin:30px auto}.cta-image[data-v-9d90e066]{transform:none;left:auto}.cta-image img[data-v-9d90e066]{width:300px}.cta-content[data-v-9d90e066]{max-width:90%}.cta-content h2[data-v-9d90e066]{font-size:38px}.cta-content p[data-v-9d90e066]{font-size:18px}}@media (max-width: 600px){.cta-section[data-v-9d90e066]{padding:20px;border-radius:25px;margin:15px}.cta-image img[data-v-9d90e066]{width:250px}.cta-content h2[data-v-9d90e066]{font-size:28px}.cta-content p[data-v-9d90e066]{font-size:14px;padding:0 5px}.cta-button[data-v-9d90e066]{padding:10px 20px;font-size:15px}}.btn[data-v-73b417ba]{margin-top:50px;color:#fff;border:none;padding:10px 40px;border-radius:15px;cursor:pointer;font-weight:600;transition:.2s ease;font-size:medium;background-color:#ffc300}.btn[data-v-73b417ba]:hover{opacity:.85}main[data-v-690d2acd]{padding:25px 20px;position:relative}header[data-v-690d2acd]{font-family:DynaPuff,sans-serif;color:#d4a300;text-align:center}.container-content[data-v-690d2acd]{display:grid;grid-template-columns:1fr 2fr;padding:60px;font-family:poppins,sans-serif;gap:2rem}.content .label[data-v-690d2acd]{color:#9e9e9e;font-weight:500;font-size:20px}.content .varian[data-v-690d2acd]{font-weight:600}.content .harga[data-v-690d2acd]{color:#d4a300;font-weight:600;font-size:30px}.content .deskripsi[data-v-690d2acd]{color:#4b4b4b;font-size:20px;margin-top:10px}.button-jumlah[data-v-690d2acd]{display:flex;gap:2rem;border:1px solid #9e9e9e;width:fit-content;height:35px;align-items:center;padding:0 20px;border-radius:50px;font-weight:500;margin-top:20px;font-size:22px;color:#4b4b4b;margin-bottom:30px}.kurang[data-v-690d2acd]{display:flex;align-items:center;border-right:1px solid #9e9e9e;height:35px;padding-right:20px;cursor:pointer}.tambah[data-v-690d2acd]{display:flex;align-items:center;border-left:1px solid #9e9e9e;height:35px;padding-left:20px;cursor:pointer}.harga-total[data-v-690d2acd]{color:#d4a300;font-weight:600;margin-bottom:10px}@media (max-width: 720px){.container-content[data-v-690d2acd]{grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center}aside img[data-v-690d2acd]{width:300px}}main[data-v-0683dee5]{font-family:Poppins,sans-serif;padding-top:50px;max-width:1200px;margin:auto}.btn[data-v-0683dee5]{background-color:#d4a300;color:#fff;border:none;padding:10px 40px;border-radius:15px;cursor:pointer;font-weight:600;transition:.2s ease;font-size:medium}.btn[data-v-0683dee5]:hover{opacity:.85}.title[data-v-0683dee5]{text-align:center;color:#d4a300;font-size:1.8rem}.container-table[data-v-0683dee5]{padding:40px 15px;overflow-x:auto}.table-wrapper[data-v-0683dee5]{width:100%;overflow-x:auto}table[data-v-0683dee5]{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-weight:600}th[data-v-0683dee5],td[data-v-0683dee5]{border-bottom:1.5px solid #d4a300;padding:15px}th[data-v-0683dee5]{color:#d4a300;text-transform:uppercase;font-size:14px}.produk[data-v-0683dee5]{display:flex;align-items:center;gap:1rem}.produk aside img[data-v-0683dee5]{border-radius:10px}.produk .content h3[data-v-0683dee5]{font-weight:600;font-size:16px}.produk .content p[data-v-0683dee5]{color:#6a6969;font-weight:500;font-size:14px}.button-delete[data-v-0683dee5]{cursor:pointer;font-weight:700;transition:all .2s ease}.button-delete[data-v-0683dee5]:hover{color:#00000080}.no-produk[data-v-0683dee5]{display:flex;justify-content:center;align-items:center;min-height:250px;text-align:center;background-color:#fff9f2;border-radius:16px;padding:40px 20px;box-shadow:0 0 10px #ffdd9633;transition:all .3s ease}.no-produk[data-v-0683dee5]:hover{transform:scale(1.01);box-shadow:0 4px 20px #ffc86440}.no-produk-content[data-v-0683dee5]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#444}.no-produk-img[data-v-0683dee5]{width:100px;height:100px;opacity:.8}.no-produk h2[data-v-0683dee5]{font-size:1.5rem;font-weight:600;color:#d4a300}.no-produk p[data-v-0683dee5]{font-size:1rem;color:#666}.container-form[data-v-0683dee5]{display:grid;margin-bottom:100px;grid-template-columns:1.5fr 1fr;gap:2rem;padding:40px;background-color:#ffea00;border-radius:20px;margin-top:50px}.left-container[data-v-0683dee5]{width:100%}.container-input[data-v-0683dee5]{display:flex;flex-direction:column;gap:.5rem;margin-top:15px}.container-input input[data-v-0683dee5],.container-input textarea[data-v-0683dee5]{padding:12px 15px;background-color:transparent;outline:none;border:2px solid #d4a300;border-radius:15px;font-family:Poppins,sans-serif;resize:none}.right-container[data-v-0683dee5]{width:100%;padding:20px}.content-ringkasan[data-v-0683dee5]{display:flex;justify-content:space-between;font-weight:700;font-size:15px;padding:15px 0;border-top:2px solid #d4a300}.content-ringkasan.total[data-v-0683dee5]{border-bottom:2px solid #d4a300;margin-bottom:15px}h5[data-v-0683dee5]{font-size:14px;color:red;margin-bottom:15px}@media (max-width: 992px){.container-form[data-v-0683dee5]{grid-template-columns:1fr;padding:30px}.title[data-v-0683dee5]{font-size:1.6rem}table[data-v-0683dee5]{min-width:600px}.produk aside img[data-v-0683dee5]{width:80px}}@media (max-width: 768px){.container-table[data-v-0683dee5]{padding:20px 10px}table[data-v-0683dee5]{font-size:13px;min-width:500px}.produk[data-v-0683dee5]{flex-direction:column;align-items:flex-start}.produk aside img[data-v-0683dee5]{width:70px}.container-form[data-v-0683dee5]{padding:20px}}@media (max-width: 576px){main[data-v-0683dee5]{padding:80px 10px 10px}.title[data-v-0683dee5]{font-size:1.4rem}.container-form[data-v-0683dee5]{padding:15px}.content-ringkasan[data-v-0683dee5],input[data-v-0683dee5],textarea[data-v-0683dee5]{font-size:14px}table[data-v-0683dee5]{font-size:12px}.produk aside img[data-v-0683dee5]{width:60px}.produk .content h3[data-v-0683dee5]{font-size:14px}}[data-v-1ce48501]{margin:0;padding:0;box-sizing:border-box}body[data-v-1ce48501]{font-family:Poppins,sans-serif;background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.login-container[data-v-1ce48501]{display:flex;width:80%;max-width:1000px;overflow:hidden}.login-image[data-v-1ce48501]{flex:1;display:flex;justify-content:center;align-items:center}.login-image img[data-v-1ce48501]{width:100%;height:100%;object-fit:cover;border-top-right-radius:40px;border-bottom-right-radius:40px}.login-form[data-v-1ce48501]{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-form h2[data-v-1ce48501]{font-size:28px;font-weight:700;margin-bottom:10px}.login-form p[data-v-1ce48501]{font-size:14px;color:#777;margin-bottom:30px}form[data-v-1ce48501]{display:flex;flex-direction:column}label[data-v-1ce48501]{font-weight:600;margin-bottom:5px}input[data-v-1ce48501]{padding:12px;border:none;border-radius:10px;background-color:#fff8dc;margin-bottom:20px;font-size:14px}button[data-v-1ce48501]{background-color:#f1c40f;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:12px;padding:12px;cursor:pointer;transition:.3s}button[data-v-1ce48501]:hover{background-color:#e2b607}@media (max-width: 768px){.login-container[data-v-1ce48501]{flex-direction:column}.login-image[data-v-1ce48501]{height:250px}.login-form[data-v-1ce48501]{padding:30px}}.card[data-v-1be77f5a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:200px;min-height:280px;border-radius:20px;padding:20px 16px 16px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;cursor:pointer;border:1px solid rgba(0,0,0,.04);text-decoration:none}.container-img[data-v-1be77f5a]{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:9999}.container-img img[data-v-1be77f5a]{border-radius:10px;width:100%;height:auto;object-fit:contain;transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card[data-v-1be77f5a]:hover{transform:translateY(-8px)}.container-img[data-v-1be77f5a]:hover{transform:translateY(-20px) scale(2)}.content[data-v-1be77f5a]{display:flex;flex-direction:column;margin-top:15px;width:100%;transition:all .3s ease}.category[data-v-1be77f5a]{color:#444;font-size:13px;font-weight:600}.card:hover .content[data-v-1be77f5a]{transform:translateY(-5px)}.content h4[data-v-1be77f5a]{font-weight:600;color:#444;margin-bottom:10px;font-size:15px;transition:color .3s ease}.card:hover .content h4[data-v-1be77f5a]{color:#222}.harga[data-v-1be77f5a]{display:flex;align-items:center;gap:.5rem}.harga h2[data-v-1be77f5a]{margin-top:-10px;font-weight:600;color:#d4a300;font-size:25px;transition:all .3s ease}.card:hover .harga h2[data-v-1be77f5a]{color:#b88f00;transform:scale(1.05)}.button-detail[data-v-1be77f5a]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);margin-top:-10px;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #ff6b6b4d}.card:hover .button-detail[data-v-1be77f5a]{transform:translate(3px) scale(1.1);box-shadow:0 4px 12px #ff6b6b66}.button-detail svg[data-v-1be77f5a]{color:#fff;transition:transform .3s ease}.card:hover .button-detail svg[data-v-1be77f5a]{transform:translate(1px)}@media (max-width: 768px){.container-card[data-v-1be77f5a]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.card[data-v-1be77f5a]{min-width:160px;min-height:260px}.container-img[data-v-1be77f5a]{width:120px;height:120px}}@media (max-width: 640px){.judul[data-v-1be77f5a]{font-size:24px}.container-img[data-v-1be77f5a]:hover{transform:translateY(-15px) scale(2.1)}}@keyframes fadeInUp-1be77f5a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card[data-v-1be77f5a]{animation:fadeInUp-1be77f5a .5s ease forwards}main[data-v-97c13927]{font-family:Poppins,sans-serif;padding:20px}header[data-v-97c13927]{display:flex;align-items:center;justify-content:space-between;padding:0 55px;flex-wrap:wrap}.judul[data-v-97c13927]{font-size:28px;font-weight:600;color:#333}.filter-container[data-v-97c13927]{display:flex;align-items:center;gap:10px;margin:20px 0;font-family:Poppins,sans-serif;flex-wrap:wrap}.filter-label[data-v-97c13927]{font-weight:600;color:#333}.custom-select[data-v-97c13927]{position:relative;display:inline-block;width:220px}.custom-select select[data-v-97c13927]{appearance:none;width:100%;padding:10px 40px 10px 14px;border:1.5px solid #ccc;border-radius:8px;background-color:#fff;color:#333;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-select select[data-v-97c13927]:hover{border-color:#007bff}.custom-select select[data-v-97c13927]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.custom-select[data-v-97c13927]:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:#555;pointer-events:none;transition:transform .2s ease}.custom-select select:focus+.custom-select[data-v-97c13927]:after{transform:translateY(-50%) rotate(180deg)}.container-card[data-v-97c13927]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;justify-items:center;gap:2rem;padding:20px;position:relative}.no-produk[data-v-97c13927]{display:flex;justify-content:center;align-items:center;min-height:250px;text-align:center;background-color:#fff9f2;border-radius:16px;padding:40px 20px;box-shadow:0 0 10px #ffdd9633;transition:all .3s ease}.no-produk[data-v-97c13927]:hover{transform:scale(1.01);box-shadow:0 4px 20px #ffc86440}.no-produk-content[data-v-97c13927]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#444}.no-produk-img[data-v-97c13927]{width:100px;height:100px;opacity:.8}.no-produk h2[data-v-97c13927]{font-size:1.5rem;font-weight:600;color:#d4a300}.no-produk p[data-v-97c13927]{font-size:1rem;color:#666}.container-paginate[data-v-97c13927]{display:flex;justify-content:center;margin:auto;gap:1rem;font-size:20px;font-weight:500}.page[data-v-97c13927]{background-color:#faebd7;padding:5px 15px;border-radius:10px;transition:all .3s ease;cursor:pointer}.page[data-v-97c13927]:hover{transform:scale(1.1)}.page.button[data-v-97c13927]{background-color:#fee2bc;color:#d4a300;border:none}.page.active[data-v-97c13927]{color:#fff;background-color:#d4a300}.page.inactive[data-v-97c13927]{background-color:#fff;color:#d4a300;border:1px solid #d4a300}main[data-v-f53a0ca6]{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:3rem;padding:60px 80px;font-family:Poppins,sans-serif}aside[data-v-f53a0ca6]{display:flex;justify-content:center;align-items:center}main img[data-v-f53a0ca6]{width:100%;max-width:420px;height:auto;display:block}.content[data-v-f53a0ca6]{text-align:left}.subtitle[data-v-f53a0ca6]{font-weight:600;color:#ff7043;font-size:18px;margin-bottom:10px}#title[data-v-f53a0ca6]{font-family:DynaPuff,sans-serif;font-size:42px;font-weight:600;line-height:1.2;margin-bottom:20px}#title span[data-v-f53a0ca6]{color:#d4a300}.desc[data-v-f53a0ca6]{font-weight:400;font-size:18px;color:#4a4a4a;max-width:600px}.container-label[data-v-f53a0ca6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-top:30px}.label[data-v-f53a0ca6]{display:flex;align-items:center;gap:.6rem}.label p[data-v-f53a0ca6]{color:#1f1f1f;font-weight:500}.label .icon[data-v-f53a0ca6]{padding:6px;border:1px solid #ffc300;border-radius:50%;display:flex;align-items:center;justify-content:center}.harga[data-v-f53a0ca6]{display:flex;align-items:baseline;gap:1.5rem;margin:25px 0}.harga h1[data-v-f53a0ca6]{color:#ff7043;font-weight:600;font-size:30px}.harga h3[data-v-f53a0ca6]{font-weight:500;color:#989898;text-decoration:line-through;margin:0}@media (max-width: 1200px){main[data-v-f53a0ca6]{grid-template-columns:1fr 1fr;padding:50px 60px;gap:2rem}#title[data-v-f53a0ca6]{font-size:36px}.desc[data-v-f53a0ca6]{font-size:16px}}@media (max-width: 900px){main[data-v-f53a0ca6]{grid-template-columns:1fr;padding:50px 40px}aside[data-v-f53a0ca6]{order:1;margin-bottom:20px}.content[data-v-f53a0ca6]{order:2;max-width:90%;margin:0 auto;text-align:left}.container-label[data-v-f53a0ca6]{grid-template-columns:1fr 1fr}#title[data-v-f53a0ca6]{font-size:32px}.desc[data-v-f53a0ca6]{font-size:16px;color:#505050}}@media (max-width: 640px){main[data-v-f53a0ca6]{padding:30px 20px}#title[data-v-f53a0ca6]{font-size:26px}.subtitle[data-v-f53a0ca6]{font-size:16px}.desc[data-v-f53a0ca6]{font-size:15px}.container-label[data-v-f53a0ca6]{grid-template-columns:1fr;gap:.8rem}.harga[data-v-f53a0ca6]{flex-direction:column;align-items:flex-start;gap:.5rem}.harga h1[data-v-f53a0ca6]{font-size:24px}.harga h3[data-v-f53a0ca6]{font-size:16px}main img[data-v-f53a0ca6]{max-width:250px}}header[data-v-c08b5312]{text-align:center;margin:60px auto 40px;padding:0 20px;max-width:900px}main[data-v-c08b5312]{padding:30px 10px 10px}header h1[data-v-c08b5312]{color:#d4a300;font-size:48px;font-weight:700;font-family:DynaPuff,sans-serif;line-height:1.2;margin-bottom:15px}header p[data-v-c08b5312]{color:#4b4b4b;font-size:24px;font-weight:500;font-family:Poppins,sans-serif;max-width:700px;margin:0 auto}@media (max-width: 1200px){header h1[data-v-c08b5312]{font-size:42px}header p[data-v-c08b5312]{font-size:20px}}@media (max-width: 900px){header[data-v-c08b5312]{margin:50px auto 35px;padding:0 25px}header h1[data-v-c08b5312]{font-size:36px}header p[data-v-c08b5312]{font-size:18px;max-width:90%}}@media (max-width: 640px){header[data-v-c08b5312]{margin:40px auto 30px;padding:0 15px}header h1[data-v-c08b5312]{font-size:28px}header p[data-v-c08b5312]{font-size:16px;color:#555}}.container[data-v-ecc0aace]{margin-top:50px}.judul h1[data-v-ecc0aace]{text-align:center;font-size:45px;color:#d4a300;font-family:dynapuff;margin-bottom:50px}.content[data-v-ecc0aace]{display:flex;justify-content:center;align-items:center;gap:50px;max-width:1300px;margin:0 auto;padding:0 20px}.left-container[data-v-ecc0aace]{flex-shrink:0}.left-container img[data-v-ecc0aace]{width:550px;max-width:100%;border-radius:20px;object-fit:cover}.right-container[data-v-ecc0aace]{font-family:poppins;background-color:#ffc300;padding:30px;font-weight:400;border-radius:30px;flex-grow:1;max-width:400px}.right-container h1[data-v-ecc0aace]{font-size:30px;margin-bottom:20px;line-height:1.2}.right-container p[data-v-ecc0aace]{font-size:16px}.btn[data-v-ecc0aace]{padding:8px;background-color:#bb0015;border:none;border-radius:10px;margin-top:30px;width:150px}.btn a[data-v-ecc0aace]{text-decoration:none;font-family:poppins;font-weight:600;color:#fff;display:block}@media (max-width: 1024px){.left-container[data-v-ecc0aace]{display:none}.content[data-v-ecc0aace]{justify-content:center}.right-container[data-v-ecc0aace]{max-width:80%;margin:0 auto;padding:40px;text-align:center}.right-container h1[data-v-ecc0aace]{font-size:28px}.right-container p[data-v-ecc0aace]{font-size:16px}.btn[data-v-ecc0aace]{width:200px}}@media (max-width: 600px){.judul h1[data-v-ecc0aace]{font-size:35px}.right-container[data-v-ecc0aace]{max-width:90%;padding:30px 20px;border-radius:15px}.right-container h1[data-v-ecc0aace]{font-size:22px}.right-container p[data-v-ecc0aace]{font-size:14px}.btn[data-v-ecc0aace]{width:100%}}.komitmen-container[data-v-155a1853]{margin-top:250px}.judul[data-v-155a1853]{text-align:center;font-size:23px;color:#d4a300;font-family:dynapuff;margin-bottom:70px}.container[data-v-155a1853]{display:flex;justify-content:space-around;margin-top:40px}.left-container h1[data-v-155a1853]{font-family:dynapuff;font-size:45px}.desc[data-v-155a1853]{display:flex;gap:10px;background-color:#fefff6;box-shadow:0 1px 8px #00000026;padding:15px;margin:20px}.icon[data-v-155a1853]{font-size:25px;background-color:#ffc40040;color:#7a5d00;text-align:center;padding-left:10px;padding-right:10px;padding-top:10px;border-radius:10px}.text[data-v-155a1853]{font-family:poppins,sans-serif;font-size:15px;font-weight:450}@media (max-width: 1024px){.container[data-v-155a1853]{flex-direction:column;align-items:center}.left-container[data-v-155a1853]{width:90%;max-width:700px;text-align:center;margin-bottom:20px}.left-container h1[data-v-155a1853]{font-size:38px}.desc-container[data-v-155a1853]{text-align:left}.right-container[data-v-155a1853]{margin-top:40px}.right-container img[data-v-155a1853]{display:none}}@media (max-width: 600px){.komitmen-container[data-v-155a1853]{margin-top:20px}.judul[data-v-155a1853]{font-size:18px;margin-bottom:30px}.left-container[data-v-155a1853]{width:95%;max-width:100%;text-align:center}.left-container h1[data-v-155a1853]{font-size:30px}.right-container[data-v-155a1853]{display:none}.desc[data-v-155a1853]{padding:10px;margin:10px auto}.text[data-v-155a1853]{font-size:14px}.left-container h1 span br[data-v-155a1853],.desc .text p br[data-v-155a1853]{display:none}}.main[data-v-ada33b0a]{display:flex;justify-content:space-around;flex-wrap:wrap;padding:150px 20px}.h1[data-v-ada33b0a]{font-family:dynapuff;font-size:48px}.button button[data-v-ada33b0a]{padding:5px;width:250px;font-size:20px;font-family:poppins,sans-serif;font-weight:700;background-color:#ffc300;border:#ffc300;border-radius:15px;margin-top:10px}.button button a[data-v-ada33b0a]{text-decoration:none;color:#fff;background-color:#ffc300}p[data-v-ada33b0a]{font-size:18px;font-family:poppins,sans-serif;font-weight:400;margin-top:20px}.right-container img[data-v-ada33b0a]{width:350px;height:350px}@media (max-width: 1024px){.main[data-v-ada33b0a]{padding:80px 20px;flex-direction:column;align-items:center}.left-container[data-v-ada33b0a],.right-container[data-v-ada33b0a]{width:100%;max-width:600px;text-align:center}.h1[data-v-ada33b0a]{font-size:40px}.right-container[data-v-ada33b0a]{order:-1}.right-container img[data-v-ada33b0a]{width:300px;height:300px;margin-bottom:30px}}@media (max-width: 600px){.main[data-v-ada33b0a]{padding:50px 15px;align-items:center}.left-container[data-v-ada33b0a],.right-container[data-v-ada33b0a]{max-width:85%;width:100%}.h1[data-v-ada33b0a]{font-size:32px;text-align:center;line-height:1.2}.left-container[data-v-ada33b0a]{text-align:center}.right-container[data-v-ada33b0a]{order:-1;text-align:center;margin-bottom:20px}.right-container img[data-v-ada33b0a]{width:250px;height:250px}p[data-v-ada33b0a]{font-size:16px;text-align:center;max-width:90%;margin-left:auto;margin-right:auto}.button[data-v-ada33b0a]{text-align:center}.button button[data-v-ada33b0a]{width:100%;max-width:250px;margin:15px auto}}