@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,300,0,0);*{font-family:Poppins,sans-serif}:root{--primary-lighter:#5fb2ff;--primary:#0083fb;--primary-darker:#0071da}body,html{background:#eff8ff;padding:0;margin:0}#app{max-width:500px;margin:40px auto;background:#fff;padding:20px;box-shadow:0 0 1px #333;border-radius:10px;border-top:10px solid var(--primary-lighter)}@media screen and (max-width:768px){#app{border-radius:0;box-shadow:0;margin:0;padding:40px 20px}}#admin{max-width:1140px;margin:20px auto;background:#fff;padding:20px;box-shadow:0 1px 3px #ccc;border-radius:4px}.logo{text-align:center}@media screen and (max-width:768px){.logo img{margin-top:-40px}}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:4px;font-size:14px}input,select,textarea{border:1px solid #ccc;padding:10px;border-radius:6px;outline:none;width:100%;background:#fff}input:focus,select:focus,textarea:focus{border:1px solid var(--primary)}input.invalid,select.invalid,textarea.invalid{border:1px solid red}input,textarea{width:calc(100% - 22px)}button{background:var(--primary);padding:10px;border:0;outline:none;border-radius:6px;color:#fff;width:100%;font-size:14px;cursor:pointer}button.outline{background:#fff;border:1px solid var(--primary);color:var(--primary)}button:active{background:var(--primary-darker)}button:disabled{background:var(--primary-lighter)}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.path{stroke:#fff;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}.path.blue{stroke:var(--primary)}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}p[data-v-7a8c2b94]{margin:0;margin-bottom:15px}.grid[data-v-7a8c2b94]{display:grid;grid-template-columns:1fr 150px;grid-column-gap:15px}.form-group[data-v-7a8c2b94]{position:relative}.form-group span[data-v-7a8c2b94]{position:absolute;right:5px;margin-top:10px}.form-group small[data-v-7a8c2b94]{color:red}.gambar[data-v-7a8c2b94]{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:15px;grid-row-gap:15px}.gambar img[data-v-7a8c2b94]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (max-width:768px){.gambar img[data-v-7a8c2b94]{height:120px}}.loading[data-v-7a8c2b94]{display:flex;justify-content:center;align-items:center}.modal[data-v-7a8c2b94]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center}.modal .modal-body[data-v-7a8c2b94]{background:#fff;width:400px;height:-moz-fit-content;height:fit-content;margin-top:100px;border-radius:10px;padding:20px}.modal .modal-body h3[data-v-7a8c2b94]{margin:0}@media screen and (max-width:768px){.modal .modal-body[data-v-7a8c2b94]{margin:40px 20px}}.modal .modal-body img[data-v-7a8c2b94]{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;margin-top:-20px}.modal .modal-body p[data-v-7a8c2b94],.modal .modal-body ul[data-v-7a8c2b94]{font-size:14px;color:#555}.modal .modal-body ul[data-v-7a8c2b94]{margin:0;padding:0;padding-left:20px}.modal .modal-body ul.pembayaran[data-v-7a8c2b94]{padding:0}.modal .modal-body ul.pembayaran li[data-v-7a8c2b94]{display:flex;align-items:center;height:45px;border-bottom:1px solid #ddd}.modal .modal-body ul.pembayaran li[data-v-7a8c2b94]:active{background-color:#f3f3f3}.modal .modal-body ul.pembayaran li img[data-v-7a8c2b94]{height:auto;width:34px;margin-right:10px}.modal .modal-body ul.pembayaran li>div[data-v-7a8c2b94]:last-child{display:flex;align-items:center;margin-left:auto;color:green}p[data-v-8fcaf534]{margin:0;font-size:14px}h1[data-v-8fcaf534]{margin-top:0}table[data-v-8fcaf534]{padding:0;margin:20px 0 0;border-collapse:collapse;width:100%}table thead tr th[data-v-8fcaf534]{font-size:14px;background:#ddd;padding:10px 5px;text-align:left}table tbody tr td[data-v-8fcaf534]{padding:10px 5px;font-size:14px;color:#555;border-bottom:1px solid #ddd}.total[data-v-8fcaf534]{margin-top:20px;text-align:right}.bank[data-v-8fcaf534]{background:var(--primary);border-radius:6px;padding:15px;color:#fff}.bank.lunas[data-v-8fcaf534]{background:#67ce4e}.bank h3[data-v-8fcaf534]{margin:0 0 20px 0}.bank h2[data-v-8fcaf534],.bank p[data-v-8fcaf534]{margin:0}.bank h2[data-v-8fcaf534]{margin-bottom:10px}p[data-v-24363e5f]{margin:0;font-size:14px}h1[data-v-24363e5f]{margin-top:0}.filter .grid[data-v-24363e5f]{display:grid;grid-template-columns:1fr 60px;grid-column-gap:15px}.filter button[data-v-24363e5f]{font-weight:900;height:42px}ul[data-v-24363e5f]{list-style-type:none;padding:0;margin:0}ul li[data-v-24363e5f]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:10px 0;font-size:14px}ul li[data-v-24363e5f]:active{background-color:#eee}ul li p[data-v-24363e5f]{margin-bottom:5px}ul li small[data-v-24363e5f]{color:#777}ul li span[data-v-24363e5f]{font-size:12px;background:#eee;padding:4px 10px;border-radius:6px;margin-left:10px}ul li span.pending[data-v-24363e5f]{background:#ff4500;color:#fff}ul li span.lunas[data-v-24363e5f]{background:green;color:#fff}ul li span.posting[data-v-24363e5f]{background:var(--primary);color:#fff}h2[data-v-2e47e2e4]{margin:0;font-weight:400;display:flex;align-items:center}h2 span[data-v-2e47e2e4]{font-weight:900;margin-right:10px;cursor:pointer}table[data-v-2e47e2e4]{border-collapse:collapse}table td[data-v-2e47e2e4]{font-size:14px}table td[data-v-2e47e2e4]:first-child{width:100px}table td[data-v-2e47e2e4]:nth-child(2){padding-right:20px}button[data-v-2e47e2e4]{margin-top:30px}.pembayaran[data-v-2e47e2e4]{display:flex;align-items:center}.pembayaran p[data-v-2e47e2e4]{margin:0}.pembayaran span[data-v-2e47e2e4]{font-size:12px;background:#eee;padding:4px 10px;border-radius:6px;margin-left:10px}.pembayaran span.pending[data-v-2e47e2e4]{background:#ff4500;color:#fff}.pembayaran span.lunas[data-v-2e47e2e4]{background:green;color:#fff}.pembayaran span.posting[data-v-2e47e2e4]{background:var(--primary);color:#fff}.keterangan[data-v-2e47e2e4]{border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:15px;font-size:14px;width:300px}.gallery[data-v-2e47e2e4]{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:15px}.gallery img[data-v-2e47e2e4]{width:100%}