.trip-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 88px}.trip-hero{max-width:860px;margin-bottom:34px}.trip-hero h1{max-width:780px;margin:14px 0 18px;font-family:"Manrope",sans-serif;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em;color:#173f35}.trip-hero h1 em{font-style:normal;color:#60a52f}.trip-hero>p{max-width:760px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7;color:#49655d}.trip-trust{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:24px 0 0;list-style:none;color:#365c50;font-weight:700}.trip-tool{padding:clamp(22px,5vw,48px);border:1px solid rgba(34,83,69,.16);border-radius:32px;background:#fff;box-shadow:0 28px 80px rgba(35,69,57,.09)}.trip-tool-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.trip-tool h2{margin:5px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.04em;color:#173f35}.trip-limit{display:grid;gap:7px;min-width:270px;color:#2b5146;font-weight:800}.trip-limit small{font-weight:500;color:#70857e}.money-input{display:flex;align-items:center;border:1px solid #c9d8d2;border-radius:14px;background:#fbfcf8;overflow:hidden}.money-input>span{padding:0 0 0 14px;color:#507065}.money-input input{width:100%;min-width:0;padding:12px 14px 12px 8px;border:0;background:transparent;font:700 1rem "DM Sans",sans-serif;color:#173f35;outline:0}.money-input:focus-within{border-color:#60a52f;box-shadow:0 0 0 3px rgba(96,165,47,.14)}.trip-table-wrap{overflow-x:auto}.trip-table{width:100%;border-collapse:separate;border-spacing:0 10px}.trip-table th{padding:0 12px 6px;text-align:left;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#6e827b}.trip-table th:nth-child(2){width:170px}.trip-table th:nth-child(3){width:230px}.trip-table th:last-child{width:46px}.trip-table td{padding:10px 12px;background:#f5f7f1;border-top:1px solid #e1e8e2;border-bottom:1px solid #e1e8e2}.trip-table td:first-child{border-left:1px solid #e1e8e2;border-radius:14px 0 0 14px}.trip-table td:last-child{border-right:1px solid #e1e8e2;border-radius:0 14px 14px 0}.trip-table input{width:100%;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:#fff;font:600 1rem "DM Sans",sans-serif;color:#173f35;outline:0}.trip-table input:focus{border-color:#60a52f;box-shadow:0 0 0 3px rgba(96,165,47,.13)}.trip-budget{display:flex;align-items:center;gap:5px;color:#557169;font-weight:700}.trip-budget input{min-width:0}.remove-row{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#9a4a3e;font-size:1.25rem;cursor:pointer}.remove-row:hover,.remove-row:focus-visible{background:#fbe8e3;outline:0}.trip-add{display:inline-flex;align-items:center;gap:8px;margin:12px 0 28px;padding:11px 16px;border:1px dashed #77aa56;border-radius:12px;background:#f5faef;color:#35681f;font:800 .92rem "DM Sans",sans-serif;cursor:pointer}.trip-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trip-summary>div{display:grid;gap:5px;padding:22px;border-radius:20px;background:#183f35;color:#fff}.trip-summary span{font-size:.88rem;font-weight:700;opacity:.82}.trip-summary strong{font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.trip-summary small{opacity:.76}.trip-summary .budget-status{background:#eef3ea;color:#24493f}.trip-summary .budget-status.is-safe{background:#e9f6df;color:#285b20}.trip-summary .budget-status.is-over{background:#fff0eb;color:#8b382a}.trip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.trip-secondary{border:1px solid #b9ccc4;background:#fff;color:#275447}.trip-clear{margin-left:auto;padding:10px 3px;border:0;background:transparent;color:#9a4a3e;font:700 .9rem "DM Sans",sans-serif;cursor:pointer}.trip-privacy{margin:16px 0 0;color:#70857e;font-size:.85rem}.trip-how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,90px);align-items:start;padding:70px 0 0}.trip-how h2{margin:10px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em;color:#173f35}.trip-how ol{display:grid;gap:12px;padding:0;margin:0;list-style:none;counter-reset:steps}.trip-how li{position:relative;display:grid;gap:4px;padding:18px 20px 18px 64px;border:1px solid #dce7df;border-radius:18px;background:#fff;counter-increment:steps}.trip-how li:before{content:counter(steps);position:absolute;left:18px;top:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dff0cf;color:#35681f;font-weight:800}.trip-how strong{color:#244d41}.trip-how span{color:#677c75;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.trip-page{width:min(100% - 24px,1180px);padding-top:34px}.trip-hero h1{font-size:clamp(2.25rem,12vw,3.8rem)}.trip-tool{padding:18px 14px;border-radius:22px}.trip-tool-head{display:grid;align-items:stretch}.trip-limit{min-width:0}.trip-table thead{display:none}.trip-table,.trip-table tbody,.trip-table tr,.trip-table td{display:block;width:100%}.trip-table tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 48px 16px 12px;margin-bottom:12px;border:1px solid #e1e8e2;border-radius:16px;background:#f5f7f1}.trip-table td{padding:0;border:0!important;border-radius:0!important;background:transparent}.trip-table td:first-child{grid-column:1/-1}.trip-table td:before{display:block;margin:0 0 5px 3px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#70857e}.trip-table td:nth-child(1):before{content:"Nama pengeluaran"}.trip-table td:nth-child(2):before{content:"Jumlah"}.trip-table td:nth-child(3):before{content:"Bujet"}.trip-table td:last-child{position:absolute;top:15px;right:8px}.trip-summary{grid-template-columns:1fr}.trip-actions{display:grid;grid-template-columns:1fr 1fr}.trip-actions .button{justify-content:center;text-align:center}.trip-clear{grid-column:1/-1;margin:2px auto 0}.trip-how{grid-template-columns:1fr;padding-top:54px}.trip-trust{display:grid}.trip-privacy{text-align:center}}
@media print{.site-header,.trip-hero,.trip-add,.trip-actions,.trip-privacy,.trip-how,footer{display:none!important}.trip-page{width:100%;padding:0}.trip-tool{padding:0;border:0;box-shadow:none}.trip-table input,.money-input input{border:0!important}.trip-table td{background:#fff}.trip-summary{break-inside:avoid}}
.trip-pdf-share{border:1px solid #35681f;background:#eaf6df;color:#285b20}.pdf-status{min-height:1.35em;margin:14px 0 0;font-size:.88rem;font-weight:700;color:#5e766e}.pdf-status.is-success{color:#2f7024}.pdf-status.is-warning{color:#97621d}.pdf-status.is-error{color:#9a3f32}.trip-privacy{margin-top:10px}
@media(max-width:760px){.trip-actions .button{min-height:54px}.pdf-status{text-align:center}}
@media print{.pdf-status{display:none!important}}
.trip-list-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 28px}.trip-list-controls .trip-add{margin:0}.trip-list-controls .trip-clear{display:inline-flex;align-items:center;gap:7px;margin:0;padding:11px 16px;border:1px solid #e6bcb4;border-radius:12px;background:#fff7f4;color:#91483c;font:800 .92rem "DM Sans",sans-serif}.trip-list-controls .trip-clear:hover,.trip-list-controls .trip-clear:focus-visible{border-color:#c87565;background:#fbe8e3;outline:0}
@media(max-width:760px){.trip-list-controls{display:grid;grid-template-columns:1fr 1fr}.trip-list-controls button{min-height:54px;justify-content:center;text-align:center}.trip-list-controls .trip-clear{grid-column:auto}}
@media print{.trip-list-controls{display:none!important}}
.trip-plan-fields{display:grid;grid-template-columns:minmax(210px,1fr) minmax(240px,1fr);gap:14px;width:min(580px,100%)}.trip-name,.trip-limit{display:grid;gap:7px;color:#2b5146;font-weight:800}.trip-name input{width:100%;min-width:0;padding:12px 14px;border:1px solid #c9d8d2;border-radius:14px;background:#fbfcf8;font:700 1rem "DM Sans",sans-serif;color:#173f35;outline:0}.trip-name input:focus{border-color:#60a52f;box-shadow:0 0 0 3px rgba(96,165,47,.14)}
@media(max-width:900px){.trip-tool-head{display:grid;align-items:stretch}.trip-plan-fields{width:100%}}
@media(max-width:560px){.trip-plan-fields{grid-template-columns:1fr}.trip-table td:nth-child(2):before{content:"Keterangan/Jumlah"}.trip-list-controls{grid-template-columns:1fr}.trip-list-controls .trip-clear{grid-column:1}}