@font-face{font-family:Poppins;src:url('fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('fonts/Poppins-Medium.ttf') format('truetype');font-weight:500 700;font-display:swap}@font-face{font-family:Roboto;src:url('fonts/Roboto-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--background:#fff;--ink:#00030d;--muted:#4a5565;--subtle:#9ca3af;--accent:#f99c00;--border:#e5e7eb;--surface:color-mix(in srgb,#f99c00 3%,white);--success:#10b981;--danger:#ef4444;--tw-prose-kbd-shadows:#e5e7eb;--raised:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Poppins,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{transition:background .2s ease,transform .2s ease}button:active{transform:translateY(1px)}button:disabled{cursor:default;background:var(--border);color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Roboto,sans-serif}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-variant-numeric:tabular-nums}input::placeholder{color:var(--subtle)}input[aria-invalid=true]{color:var(--danger)}[hidden]{display:none!important}
.header{border-bottom:1px solid var(--border)}.header-inner{max-width:1440px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-symbol{display:flex;gap:4px;align-items:flex-end;width:32px;height:32px}.brand-symbol i{width:8px;background:var(--ink);border-radius:4px}.brand-symbol i:nth-child(1){height:12px}.brand-symbol i:nth-child(2){height:20px}.brand-symbol i:nth-child(3){height:32px}.brand strong{font-family:Roboto,sans-serif;font-size:24px;letter-spacing:-1px}.brand strong span{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;margin-left:8px;color:var(--muted)}.header-label{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.regime{border:1px solid var(--border);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500}.regime span{color:var(--muted)}main{max-width:1440px;padding:40px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;margin-bottom:12px;color:var(--muted)}h1{font-size:40px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:12px}.intro>div>p:last-child{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:19px;padding:12px 20px;font-weight:500;border:1px solid transparent;white-space:nowrap}.secondary{border-color:var(--border);background:var(--background)}.secondary:hover{background:var(--surface)}.primary{background:var(--accent)}.primary:hover:not(:disabled){background:#fcbb00}.text-button{border:0;background:transparent;padding:4px 0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--muted)}.text-button:hover{color:var(--ink)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 364px;align-items:start;gap:28px}form{min-width:0}.panel{background:var(--background);border-radius:19px;box-shadow:var(--raised);padding:24px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.step{display:grid;place-items:center;font-size:12px;font-weight:500;width:36px;height:36px;border:1px solid var(--border);border-radius:6px}.section-heading h2{font-size:20px;line-height:1.3}.section-heading p{font-size:12px;color:var(--muted);margin-top:4px}.price-inputs{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #cccccc;border-radius:6px;padding:8px 12px;min-height:44px;background:var(--background)}.input-wrap>span{font-size:12px;color:var(--muted)}.input-wrap:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent)}.input-wrap:has([aria-invalid=true]){border-color:var(--danger)}.large{height:56px}.large input{font-family:Roboto,sans-serif;font-size:28px}.large .input-icon{font-size:24px;color:var(--subtle)}.field small{display:block;margin-top:8px;color:var(--muted);font-size:12px}.field .error,.error{color:var(--danger);font-size:12px}.error:empty{display:none}.origin-grid{display:grid;grid-template-columns:1fr 1.4fr auto;gap:16px;border-top:1px solid var(--border);padding-top:24px;margin-top:24px;align-items:start}select{border:1px solid #ccc;border-radius:6px;padding:8px 28px 8px 12px;min-height:44px;width:100%;background:var(--background);font-size:12px}select:focus{outline:2px solid var(--accent);outline-offset:1px}.destination{padding-left:8px}.destination>span{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.destination strong{height:44px;display:flex;align-items:center;gap:8px}.destination strong span{font-weight:400;font-size:12px;color:var(--muted)}.credit-strip{display:flex;align-items:center;gap:12px;background:var(--surface);padding:12px 16px;border-radius:6px;margin-top:20px}.credit-strip strong{font-size:12px;display:block;font-weight:500}.credit-strip span{font-size:12px;display:block;color:var(--muted);margin-top:4px}.charges-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.charges-grid .panel{padding:20px}.charges-grid .section-heading{gap:8px;margin-bottom:24px}.charges-grid .section-heading h2{font-size:20px}.charges-grid .step{width:28px;height:28px;flex-shrink:0}.column-labels{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--border);padding-bottom:12px}.charge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.charge-row label{font-size:12px;font-weight:500;display:block;margin-bottom:4px}.charge-row .input-wrap{min-height:36px;padding:4px 8px;max-width:136px}.charge-row input{text-align:right;font-size:14px}.charge-row .unit-select{border:0;border-left:1px solid var(--border);border-radius:0;font-size:12px;min-height:24px;width:52px;padding:0 0 0 4px;flex-shrink:0}.charge-row output{font-size:12px;text-align:right;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.charge-row small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.charge-row .error{grid-column:1/-1;font-size:12px;color:var(--danger)}.section-total{display:flex;justify-content:space-between;gap:8px;padding-top:16px;font-size:12px}.section-total strong{white-space:nowrap}.panel-note{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.7}.settings{margin-top:24px;padding:0}.settings summary{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:12px;font-weight:500}.settings summary::-webkit-details-marker{display:none}.summary-hint{color:var(--muted);font-weight:400}.summary-hint b{margin-left:12px;font-size:20px}.settings[open] .summary-hint b{display:inline-block;transform:rotate(45deg)}.settings-body{padding:0 24px 24px;border-top:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.check{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;font-size:12px}.check input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin:0;margin-top:4px}.criteria h3{font-size:14px;margin-bottom:8px}.criteria p{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.7}.source-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px}.source-links>span{width:100%;color:var(--muted)}.source-links a{text-underline-offset:4px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);padding:20px 0}
.result-column{position:sticky;top:24px;min-width:0}.result-panel{border-radius:19px;box-shadow:var(--raised);overflow:hidden}.result-heading{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.result-heading h2{font-size:20px}.live-dot{width:8px;height:8px;background:var(--success);border-radius:4px}.sale-block{padding:24px}.sale-block>span{font-size:12px;color:var(--muted)}.sale-block>strong{display:block;font-family:Roboto,sans-serif;font-size:40px;letter-spacing:-1px;line-height:1.2;margin:8px 0;overflow-wrap:anywhere}.sale-block p{font-size:12px;color:var(--muted)}.net-block{background:var(--ink);color:#fff;padding:24px}.net-block>span{font-size:10px;letter-spacing:1.5px;color:var(--subtle)}.net-block>strong{font-family:Roboto,sans-serif;display:block;font-size:40px;letter-spacing:-1px;line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.net-block>p{font-size:12px;color:var(--subtle)}.net-block.negative>strong{color:#fb2c36}.net-block.positive>strong{color:var(--success)}.margin-line{border-top:1px solid #364153;margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.margin-line>span{max-width:164px;color:var(--subtle)}.margin-line>strong{font-family:Roboto,sans-serif;font-size:20px;white-space:nowrap}.breakdown{padding:24px}.breakdown h3{font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.composition-bar{display:flex;gap:4px;height:8px;margin:16px 0 20px;border-radius:4px;overflow:hidden;background:var(--border)}.composition-bar span{transition:width .3s ease;min-width:0}.composition-bar span:nth-child(1),.cost-dot{background:var(--ink)}.composition-bar span:nth-child(2),.tax-dot{background:var(--subtle)}.composition-bar span:nth-child(3),.expense-dot{background:#d1d5dc}.composition-bar span:nth-child(4),.net-dot{background:var(--success)}dl{margin:0}dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px}dt{display:flex;align-items:center;gap:8px;color:var(--muted)}dd{margin:0;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:8px;height:8px;border-radius:4px;flex-shrink:0}.net-row{border-top:1px solid var(--border);padding-top:16px}.net-row dt{color:var(--ink)}.icms-details{border-top:1px dashed #d1d5dc;margin-top:24px;padding-top:16px}.icms-details>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:8px}.icms-details strong{white-space:nowrap;font-weight:500}.result-actions{padding:0 24px 24px}.result-actions button{width:100%}.result-note{font-size:10px;color:var(--muted);text-align:center;margin-top:16px;line-height:1.7}.example-notice{font-size:12px;padding:12px;border:1px solid var(--accent);border-radius:6px;margin-top:16px}.page-footer{border-top:1px solid var(--border);margin-top:32px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted)}.page-footer>span:first-child{font-size:14px;color:var(--ink);font-family:Roboto,sans-serif}.page-footer strong{font-family:Poppins,sans-serif;font-size:12px;font-weight:400;margin-left:4px}.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}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:6px;background:var(--ink);color:white;z-index:10;font-size:12px;max-width:calc(100vw - 32px)}
@media(max-width:1279px){.charges-grid{grid-template-columns:1fr}.charges-grid .panel{padding:24px}.charge-row{grid-template-columns:minmax(0,1fr) auto}.charge-row>div{display:grid;grid-template-columns:1fr 136px;align-items:center;gap:8px}.charge-row label{margin:0}.charge-row small{grid-column:1;grid-row:2}.charge-row .input-wrap{grid-column:2;grid-row:1/3}.charge-row output{min-width:84px}.origin-grid{grid-template-columns:1fr 1fr}.destination{grid-column:1/-1;padding:0;display:flex;align-items:center;gap:12px}.destination>span{margin:0}.destination strong{height:auto}.header-label{display:none}.summary-hint{font-size:0}.summary-hint b{font-size:20px}}
@media(max-width:1023px){main{padding:32px 24px}.header-inner{padding:20px 24px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.price-inputs{grid-template-columns:1fr;gap:16px}.origin-grid{grid-template-columns:1fr}.destination{grid-column:auto}.charge-row>div{display:block}.charge-row .input-wrap{margin-top:4px}.sale-block>strong,.net-block>strong{font-size:32px}h1{font-size:32px}.panel{padding:20px}.charges-grid .panel{padding:20px}.settings summary{padding:20px}.settings-grid{grid-template-columns:1fr}.settings-body{padding:0 20px 20px}.result-heading,.sale-block,.net-block,.breakdown{padding-left:20px;padding-right:20px}.result-actions{padding-left:20px;padding-right:20px}}
@media(max-width:767px){.header-inner{padding:16px 20px;gap:12px}.regime{font-size:10px;padding:8px}.regime span{display:none}.brand strong{font-size:20px}.brand strong span{font-size:12px}.brand-symbol{width:24px;height:24px;gap:4px}.brand-symbol i{width:4px}.brand-symbol i:nth-child(3){height:24px}main{padding:28px 20px}.intro{display:block;margin-bottom:24px}h1{font-size:32px}.intro>div>p:last-child{font-size:12px;max-width:340px}.intro .button{margin-top:20px;font-size:12px}.workspace{grid-template-columns:1fr}.result-column{position:static;grid-row:2}.price-inputs{grid-template-columns:1fr 1fr;gap:16px}.large input{font-size:24px}.field small{font-size:10px}.origin-grid{grid-template-columns:1fr}.charge-row>div{display:grid;grid-template-columns:1fr 120px}.charge-row .input-wrap{margin:0}.charge-row output{min-width:76px}.charges-grid{gap:20px;margin-top:20px}.panel-note{font-size:12px}.settings{margin-top:20px}.sale-block>strong,.net-block>strong{font-size:40px}.margin-line>span{max-width:none}.page-footer{flex-wrap:wrap}.page-footer>span:last-child{width:100%}.form-footer>span{max-width:180px}.form-footer{font-size:10px}.result-note{font-size:12px}.column-labels{font-size:10px}}
@media(max-width:399px){main{padding:24px 16px}.header-inner{padding:16px}.brand strong span{display:none}.price-inputs{grid-template-columns:1fr}.charge-row>div{grid-template-columns:1fr 100px}.charge-row output{min-width:68px}.charge-row .input-wrap{padding:4px}.charge-row .unit-select{width:44px}.section-heading h2,.charges-grid .section-heading h2{font-size:20px}}
.print-note{display:none}
@media print{.charge-row label{grid-column:1;grid-row:1}.charge-row small{grid-column:1;grid-row:2}.charge-row .input-wrap{grid-column:2;grid-row:1/3}.charge-row output{min-width:72px}.charge-row>div{min-width:0}}
@media print{.print-note{display:block;font-size:8px;border-top:1px solid #ccc;margin-top:12px;padding-top:8px;color:var(--muted)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{@page{size:A4;margin:12mm}body{font-size:10px}main{padding:16px 0}.header-inner{padding:0 0 12px}.header-label,.intro .button,.form-footer,.result-actions,.settings,.result-note,.toast,.page-footer,.example-notice{display:none!important}.intro{margin-bottom:16px}h1{font-size:24px}.workspace{grid-template-columns:1fr 260px;gap:16px}.result-column{position:static;grid-row:auto}.panel,.result-panel{box-shadow:none;border:1px solid #ccc;border-radius:6px}.panel,.charges-grid .panel{padding:12px}.section-heading{margin-bottom:12px}.section-heading h2,.charges-grid .section-heading h2{font-size:14px}.section-heading p,.panel-note{font-size:9px}.charges-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.charge-row{padding:4px 0;break-inside:avoid}.charge-row>div{display:grid;grid-template-columns:1fr 100px}.charge-row .input-wrap{min-height:28px}.charge-row small{font-size:8px}.section-total{padding-top:8px}.panel-note{margin-top:8px}.price-inputs{grid-template-columns:1fr 1fr;gap:12px}.large{height:40px}.large input{font-size:20px}.field small{font-size:8px}.origin-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px}.destination{grid-column:1/-1}.credit-strip{margin-top:12px;padding:8px}.net-block{background:white;color:var(--ink);border-top:1px solid #ccc;border-bottom:1px solid #ccc}.net-block>span,.net-block>p,.margin-line>span{color:var(--muted)}.net-block.positive>strong{color:var(--ink)}.sale-block>strong,.net-block>strong{font-size:28px}.sale-block,.net-block,.breakdown{padding:16px}.result-heading{padding:16px 16px 0}.result-heading h2{font-size:14px}.margin-line{border-color:#ccc}.composition-bar{print-color-adjust:exact}.check-group{display:none}input,select{appearance:none}.field small.error{font-size:10px}}