@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#143b35;--ink-soft:#315c54;--cream:#f6f3eb;--paper:#fffdf8;--lime:#d8f05c;--orange:#e9874f;--line:#d9dfd3;--muted:#71837c;--shadow:0 28px 70px rgba(28,69,56,.14)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);max-width:1440px;margin:auto}.intro-panel{background:var(--ink);color:#edf2dd;padding:clamp(36px,7vw,100px) clamp(30px,4.5vw,68px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.intro-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(216,240,92,.25);border-radius:50%;right:-240px;bottom:-100px;box-shadow:0 0 0 36px rgba(216,240,92,.04),0 0 0 72px rgba(216,240,92,.03)}.brand-mark{width:54px;height:54px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:800;letter-spacing:-2px;font-size:17px;margin-bottom:68px;transform:rotate(-5deg);box-shadow:8px 8px 0 rgba(216,240,92,.13)}.eyebrow,.section-kicker{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 18px;color:#a9c4a3}.intro-panel h1{font-size:clamp(36px,3.9vw,56px);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:800}.intro-panel h1 em{font-style:normal;color:var(--lime)}.intro-copy{max-width:300px;line-height:1.7;color:#b8c9b9;font-size:15px;margin:32px 0}.rule-note{border-left:2px solid var(--lime);padding:8px 0 8px 16px;color:#e1eacf;font-size:12px;line-height:1.5;display:flex;gap:9px;max-width:310px}.note-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:6px;flex:none}.byline{font-size:12px;color:#91ab9a;margin-top:auto;padding-top:68px}.byline strong{color:var(--lime)}.calculator-card{background:var(--paper);padding:clamp(28px,6vw,84px);box-shadow:var(--shadow);position:relative}.card-heading,.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.card-heading h2,.result-header h2{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.05em;margin:0;max-width:430px}.section-kicker{color:var(--orange);margin-bottom:11px;font-size:10px}.status-pill,.result-tag{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.status-pill span{display:inline-block;width:7px;height:7px;background:#73bf71;border-radius:50%;margin-right:6px}.input-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:43px 0 33px}.mode-option{border:1px solid var(--line);padding:17px 12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-height:90px;transition:.2s ease}.mode-option:hover,.mode-option.active{border-color:var(--ink);background:#f0f4e6}.mode-option input{position:absolute;opacity:0}.mode-number{font-family:'DM Mono',monospace;font-size:10px;color:var(--orange);padding-top:3px}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:12px;line-height:1.3}.mode-option small,.withholding-toggle small{color:var(--muted);font-size:10px;line-height:1.45;margin-top:5px}.amount-field>label,.withholding-options>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:block;margin-bottom:10px}.money-input{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding:5px 0 9px;gap:12px}.money-input>span:first-child{font-family:'DM Mono',monospace;color:var(--orange);font-size:14px}.money-input input{border:0;outline:0;background:transparent;color:var(--ink);font-weight:700;font-size:35px;letter-spacing:-.06em;min-width:0;width:100%}.money-input input::-webkit-inner-spin-button{appearance:none}.currency-label{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted)}.field-hint{color:var(--muted);font-size:11px;margin:9px 0 26px}.withholding-toggle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;align-items:center}.withholding-toggle strong{font-size:13px}.switch{position:relative;width:40px;height:22px;display:block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#dbe2d8;border-radius:30px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #9da9a0}.switch input:checked+span{background:var(--orange)}.switch input:checked+span:before{transform:translateX(18px)}.withholding-options{padding-top:20px}.withholding-options select{width:100%;border:1px solid var(--line);background:#f8faf4;padding:13px 14px;color:var(--ink);outline:none;font-size:12px}.is-hidden{display:none!important}.inline-warning{font-size:11px;color:#a45a38;background:#fff0e7;padding:10px 12px;margin-top:14px}.actions-row{display:flex;align-items:center;gap:18px;margin:25px 0 40px}.primary-button{background:var(--ink);color:#f8fbe9;border:0;padding:15px 22px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.primary-button:hover{background:#235b4e;transform:translateY(-1px)}.primary-button span{color:var(--lime);font-size:17px;margin-left:15px}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.result-card{background:#f0f4e6;padding:27px 25px 23px;border-top:3px solid var(--ink)}.result-tag{background:var(--lime);color:var(--ink);padding:7px 9px}.breakdown{margin-top:24px}.breakdown-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #d8e0d1;font-size:12px}.breakdown-row span{color:var(--ink-soft)}.breakdown-row small{font-family:'DM Mono',monospace;color:var(--muted);font-size:10px;margin-left:5px}.breakdown-row strong{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--ink)}.total-row{border-bottom:0;padding-top:18px}.total-row span,.total-row strong{font-weight:800;color:var(--ink);font-size:14px}.withholding-result{margin-top:7px;border-top:1px dashed #b6c5b5;padding-top:7px}.net-row{border-bottom:0;padding-top:17px}.net-row span,.net-row strong{font-weight:800;color:#a25a35}.result-actions{display:flex;gap:9px;margin-top:25px}.secondary-button{flex:1;border:1px solid #bdcbbb;background:transparent;color:var(--ink);padding:11px 9px;font-size:11px;cursor:pointer}.secondary-button:hover{background:var(--paper)}.secondary-button span{margin-right:5px}.copy-status{height:14px;text-align:center;color:var(--orange);font-size:10px;margin:10px 0 0}.calculator-card:after{content:"CURRENCY · GHS";position:absolute;right:clamp(28px,6vw,84px);bottom:30px;font-family:'DM Mono',monospace;font-size:9px;color:#a6b4a6;letter-spacing:.08em}@media(max-width:800px){.app-shell{display:block}.intro-panel{min-height:420px;padding-bottom:55px}.brand-mark{margin-bottom:52px}.byline{padding-top:40px}.calculator-card{box-shadow:none;padding-top:38px}.calculator-card:after{display:none}}@media(max-width:520px){.input-mode{grid-template-columns:1fr}.mode-option{min-height:auto;padding:14px}.actions-row{margin-bottom:30px}.result-header{display:block}.result-tag{display:inline-block;margin-top:13px}.result-actions{flex-direction:column}.money-input input{font-size:30px}}
@media print{body{background:#fff}.app-shell{display:block;max-width:none}.intro-panel,.input-mode,.amount-field,.withholding-toggle,.withholding-options,.inline-warning,.actions-row,.result-actions,.copy-status,.status-pill,.calculator-card:after{display:none!important}.calculator-card{padding:0;box-shadow:none}.card-heading{margin-bottom:25px}.card-heading h2:after{content:' · GHANA VAT CALCULATOR by BiBeazie';font-size:13px;font-weight:400}.result-card{background:#fff;border:1px solid #cbd5c7;padding:28px;max-width:680px}.result-card .section-kicker{color:#555}.result-tag{background:#eee}.breakdown-row{padding:14px 0}}