.dutch-page{color:#172033}.dutch-heading{margin-bottom:28px}.dutch-eyebrow{margin:0 0 8px!important;color:#087f6d;font-size:13px!important;font-weight:800}.dutch-heading h1{margin:0 0 16px;color:#111827;font-size:46px;line-height:1.2;letter-spacing:0}.dutch-heading>p:last-child{max-width:820px;margin:0;color:#526078;font-size:18px;line-height:1.75}.dutch-tool,.dutch-history,.dutch-guide{border:1px solid #d6e0eb;border-radius:8px;background:#fff}.dutch-tool{overflow:hidden}.dutch-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;border-bottom:1px solid #d8e2eb;background:#eef3f7}.dutch-tabs button{min-height:48px;margin:0;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#637287;box-shadow:none;font-size:13px;font-weight:800}.dutch-tabs button[aria-selected=true]{background:#fff;color:#087f6d;box-shadow:0 2px 8px rgba(20,35,55,.08)}.dutch-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.dutch-inputs{padding:26px}.dutch-panel[hidden]{display:none!important}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-title>div>span,.settlement-heading span{display:block;margin-bottom:4px;color:#087f6d;font-size:11px;font-weight:800;text-transform:uppercase}.section-title h2,.settlement-heading h2{margin:0;color:#172033;font-size:25px;line-height:1.3;letter-spacing:0}.section-title .text-button{min-height:34px!important;margin:0!important;padding:0 10px!important;border:1px solid #d4dee8!important;border-radius:6px!important;background:#fff!important;color:#64748b!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important}.panel-intro{margin:9px 0 20px;color:#748398;font-size:12px;line-height:1.65}.dutch-fields{display:grid;gap:14px}.dutch-fields.two-columns{grid-template-columns:1fr 1fr}.dutch-fields label{display:block;margin:0;color:#34445a;font-size:13px;font-weight:800}.dutch-fields label>span{display:block;margin-bottom:7px}.dutch-fields small{color:#8795a8;font-size:10px;font-weight:700}.input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #cbd8e5;border-radius:7px;background:#fff}.input-unit:focus-within{border-color:#16806a;box-shadow:0 0 0 3px rgba(22,128,106,.11)}.input-unit input{width:100%;height:48px;margin:0;padding:0 11px;border:0!important;background:transparent!important;color:#172033;font-size:16px;font-weight:750;box-shadow:none!important}.input-unit em{min-width:43px;padding:0 11px;color:#718095;font-size:12px;font-style:normal;text-align:right}.dutch-fields select{width:100%;height:50px;margin:0;padding:0 38px 0 11px;border:1px solid #cbd8e5!important;border-radius:7px!important;background-color:#fff!important;color:#172033;font-size:14px;font-weight:750;box-shadow:none!important}.stepper{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;border:1px solid #cbd8e5;border-radius:7px;overflow:hidden}.stepper button{height:48px;margin:0;padding:0;border:0;border-radius:0;background:#edf3f6;color:#405168;box-shadow:none;font-size:18px;font-weight:850}.stepper input{width:100%;height:48px;margin:0;padding:0;border:0!important;background:#fff!important;color:#172033;text-align:center;font-size:16px;font-weight:800;box-shadow:none!important}.participant-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.participant-head strong{font-size:13px}.participant-head button{min-height:35px;margin:0;padding:0 10px;border:1px solid #a9cfc7;border-radius:6px;background:#eef8f5;color:#08735f;box-shadow:none;font-size:11px;font-weight:800}.participant-list{display:grid;gap:8px}.participant-row{display:grid;grid-template-columns:30px minmax(80px,.8fr) minmax(120px,1.2fr) 34px;gap:7px;align-items:center;padding:8px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc}.participant-index{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dff2ed;color:#08735f;font-size:11px;font-weight:850}.participant-row input{width:100%;height:41px;margin:0;padding:0 9px;border:1px solid #d3dee8!important;border-radius:6px!important;background:#fff!important;font-size:12px;box-shadow:none!important}.participant-row .amount-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #d3dee8;border-radius:6px;background:#fff}.participant-row .amount-wrap input{border:0!important}.participant-row .amount-wrap em{padding-right:9px;color:#758398;font-size:10px;font-style:normal}.remove-participant{display:grid!important;place-items:center;width:34px;height:34px;margin:0!important;padding:0!important;border:1px solid #e0e6ec!important;border-radius:6px!important;background:#fff!important;color:#9a5360!important;box-shadow:none!important;font-size:16px!important}.detail-options{margin-top:17px;padding-top:17px;border-top:1px solid #e2e8ef}.wide-field{grid-column:1/-1}.primary-action{width:100%;min-height:49px;margin:22px 0 0!important;border:1px solid #087f6d!important;border-radius:7px!important;background:#087f6d!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:850!important}.dutch-status{min-height:19px;margin:9px 0 0;color:#6f7e92;font-size:11px;line-height:1.6}.dutch-status.is-error{color:#c23d35}.dutch-result{padding:28px;background:#10213a;color:#fff}.dutch-result>span{color:#79d6c4;font-size:12px;font-weight:800}.dutch-result>strong{display:block;margin:17px 0 8px;color:#fff!important;font-size:40px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dutch-result>p{min-height:39px;margin:0;color:#b9c7d7;font-size:12px;line-height:1.65}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.result-grid>div{min-width:0;padding:13px;border:1px solid #34465e;border-radius:7px;background:#172a45}.result-grid span,.result-grid strong{display:block}.result-grid span{color:#91a4b9;font-size:10px}.result-grid strong{overflow:hidden;margin-top:5px;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions button{min-height:43px;margin:0;padding:0 10px;border:1px solid #53677f;border-radius:7px;background:#172a45;color:#fff;box-shadow:none;font-size:12px;font-weight:800}.settlement-wrap{padding:24px;border-top:1px solid #dbe4ed}.settlement-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settlement-heading button{min-height:36px;margin:0;padding:0 12px;border:1px solid #d4dee8;border-radius:6px;background:#fff;color:#56677b;box-shadow:none;font-size:11px;font-weight:800}.settlement-list{display:grid;gap:8px;margin-top:16px}.settlement-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc}.settlement-item strong,.settlement-item span{display:block}.settlement-item strong{font-size:13px}.settlement-item span{margin-top:4px;color:#76869a;font-size:10px}.settlement-item em{color:#087f6d;font-size:14px;font-style:normal;font-weight:850}.settlement-item.is-payer{border-color:#a8d7cc;background:#edf8f5}.dutch-history{margin-top:20px;padding:24px}.history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-heading h2{margin:0;font-size:25px;letter-spacing:0}.history-heading button{min-height:34px;margin:0;padding:0 10px;border:1px solid #d7e0e9;border-radius:6px;background:#fff;color:#68778a;box-shadow:none;font-size:11px;font-weight:800}.history-list{display:grid;gap:7px;margin-top:16px}.history-empty{margin:0;padding:17px;border-radius:7px;background:#f5f8fa;color:#7a8799;font-size:12px;text-align:center}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc}.history-item strong,.history-item span{display:block}.history-item strong{color:#26364b;font-size:13px}.history-item span{margin-top:3px;color:#77869a;font-size:10px}.history-item>em{color:#087f6d;font-size:13px;font-style:normal;font-weight:850}.dutch-guide{margin-top:25px;padding:30px}.dutch-guide>header h2{margin:0 0 12px;font-size:29px;letter-spacing:0}.dutch-guide>header>p:last-child{margin:0;color:#58677c;font-size:14px;line-height:1.8}.formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.formula-grid article{padding:18px;border:1px solid #dbe4ed;border-radius:7px}.formula-grid span{color:#087f6d;font-size:11px;font-weight:800}.formula-grid strong{display:block;margin:9px 0;color:#18354b;font-size:15px;line-height:1.5}.formula-grid p,.guide-grid p,.dutch-example p,.usage-list li{margin:0;color:#637287;font-size:12px;line-height:1.8}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.guide-grid section{padding:18px;border-top:3px solid #9ccfc4;background:#f8fafc}.guide-grid h3,.dutch-example h3,.usage-list h3{margin:0 0 8px;font-size:16px}.dutch-example,.usage-list{margin-top:20px;padding:18px;border:1px solid #dbe4ed;border-radius:7px}.usage-list ul{margin:0;padding-left:20px}.privacy-note{margin:20px 0 0;padding:15px 17px;border-left:4px solid #087f6d;background:#edf8f5;color:#4d5d71;font-size:12px;line-height:1.75}
.section-title .text-button{flex:0 0 auto;white-space:nowrap}
@media screen and (max-width:900px){.dutch-workspace{grid-template-columns:1fr}}
@media screen and (max-width:640px){.dutch-heading h1{font-size:34px}.dutch-heading>p:last-child{font-size:16px}.dutch-tabs button{min-height:43px;font-size:12px}.dutch-inputs,.dutch-result,.settlement-wrap,.dutch-history,.dutch-guide{padding:20px 16px}.section-title h2,.settlement-heading h2{font-size:21px}.dutch-fields.two-columns{grid-template-columns:1fr}.wide-field{grid-column:auto}.participant-row{grid-template-columns:28px minmax(0,1fr) 32px}.participant-row .amount-wrap{grid-column:2/4}.remove-participant{grid-column:3;grid-row:1}.dutch-result>strong{font-size:34px}.formula-grid,.guide-grid{grid-template-columns:1fr}.dutch-guide>header h2{font-size:24px}.history-item,.settlement-item{grid-template-columns:1fr}.history-item>em,.settlement-item em{text-align:left}}