:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f4f4f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.form-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:960px}form{background-color:#fff;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:270px;text-align:center}form h3{margin-top:0;margin-bottom:15px;color:#555}form input[type=text],form input[type=number]{width:100%;padding:8px;margin:8px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}form button{width:100%;padding:10px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}form button:hover{background-color:#0056b3}table,.additional-costs-table{width:100%;table-layout:fixed;margin:20px auto;border-collapse:collapse;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a}thead{background-color:#f8f9fa}thead th{padding:10px;text-align:left;border-bottom:2px solid #ddd;position:sticky}tbody td{padding:10px;border-bottom:1px solid #ddd;text-align:left}tbody tr:last-child td{border-bottom:none}td button{background-color:#dc3545;color:#fff;padding:5px 10px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}td button:hover{background-color:#c82333}table th:nth-child(1),table th:nth-child(2),.additional-costs-table th:nth-child(1){width:calc(50% + 30px)}table th:nth-child(3),.additional-costs-table th:nth-child(2){width:30%}.additional-costs-table th:nth-child(3){width:20%}tbody td:nth-child(1),tbody td:nth-child(2),.additional-costs-table td:nth-child(1){width:calc(50% + 30px)}tbody td:nth-child(3),.additional-costs-table td:nth-child(2){width:30%}.additional-costs-table td:nth-child(3){width:20%}tbody tr:hover{background-color:#f1f1f1;transition:background-color .3s ease}th{position:relative}th button{font-size:12px;line-height:12px;padding:0;display:inline-block;text-align:center}table{margin-left:auto;margin-right:auto;white-space:nowrap;overflow:scroll;max-width:960px}.additional-costs-table{margin-top:20px;margin-bottom:20px}table,.additional-costs-table{overflow-x:auto;display:block}body,h1,form,table,td,th{color:#333}form input[type=text]:focus,form input[type=number]:focus,form button:focus,td button:focus{outline:2px solid #0056b3}.capitalize{text-transform:capitalize}.delete-icon{cursor:pointer;color:#e74c3c;font-size:16px}.delete-icon:hover{color:#c0392b;transform:scale(1.2);transition:transform .2s ease,color .2s ease}.donate-me{--background: #f9f9f9;--backgroundHover: #d8b4fe;--color: #2f2f2f;--colorHover: #2f2f2f;--icon: #5c5c5c;--col: 1;margin-bottom:1rem;display:flex;justify-content:center}.donate-me path{fill:none;stroke:var(--icon);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.donate-me svg:first-child{height:2rem;width:35px}.donate-me svg:last-child{height:1rem;width:1rem}.donate-me-judul{font-weight:700;margin-bottom:1rem}.donate-me img{width:35px}.donate-me-ikon{margin-right:1rem}.donate-me-isi{max-width:300px;box-shadow:0 2px 5px #0000001a}.donate-me-isi a{align-items:center;background-color:var(--background);border-radius:7px;color:var(--color);display:flex;gap:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s}.donate-me-isi a:hover{background-color:var(--backgroundHover);color:var(--colorHover);text-decoration:none}.donate-me-isi .wallet{flex-direction:column}.donate-me-isi .wallet i{display:block;font-size:11px;font-style:normal;line-height:13px}.donate-me-isi a,.donate-me-isi a span{flex-grow:1}@media screen and (max-width: 768px){table{font-size:14px;display:block;overflow-x:scroll;width:90%;white-space:nowrap}thead th,tbody td{padding:8px}form{width:50%}}@media screen and (max-width: 480px){h1{font-size:20px}form{width:90%}form input[type=text],form input[type=number]{font-size:14px}form button{font-size:14px;padding:8px}.form-container{margin:auto 10px;width:inherit}table{font-size:12px;border:none;background-color:inherit}thead{display:none}tbody{display:flex;flex-direction:column;margin:auto 10px}tbody tr{display:block;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px;background-color:#fff}tbody td{display:flex;justify-content:space-between;padding:8px 0;border:none}tbody td:before{content:attr(data-label);font-weight:700;text-transform:capitalize;flex:1;text-align:left;color:#555}tbody td:last-child{text-align:right}td button{width:auto;font-size:12px;padding:5px 10px}table,.additional-costs-table{width:auto;table-layout:auto}th,td{width:auto!important}thead th,tbody td{padding:8px;text-align:left}}body{font-family:Arial,sans-serif;margin:0 auto;padding:0;background-color:#f4f4f9;color:#333;display:flex;flex-direction:column;align-items:center;max-width:960px}h1{text-align:center;margin-top:20px;color:#444}
