:root{--g:#0b6b3a;--g2:#e8f4ed;--ink:#17201b;--mut:#5c6b62;--line:#d9e2dc;--bg:#f6f8f7;--r:10px}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.top .row{justify-content:space-between;min-height:54px}
.brand{font-weight:800;color:var(--g);text-decoration:none;font-size:18px}nav a{margin-left:14px;color:var(--ink);text-decoration:none;font-size:14px}
.hero{background:linear-gradient(160deg,#0b6b3a,#0f8a4b);color:#fff;padding:40px 0 34px}.hero h1{font-size:clamp(24px,5vw,38px);line-height:1.15;margin:.3em 0}
.lead{font-size:17px;max-width:720px;opacity:.95}.pill{display:inline-block;background:rgba(255,255,255,.16);padding:4px 10px;border-radius:99px;font-size:13px;margin:0}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hero .btn{background:#fff;color:var(--g)}.hero .btn.primary{background:#ffd34d;color:#222;border-color:#ffd34d}
.ticks{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;list-style:none;margin:0;font-size:14px}.ticks li:before{content:"✓ ";font-weight:700}
.btn{display:inline-block;border:1px solid var(--g);background:#fff;color:var(--g);padding:9px 14px;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;font-size:14px}
.btn.primary{background:var(--g);color:#fff}.btn.danger{border-color:#b42318;color:#b42318}.btn.small{padding:5px 9px;font-size:13px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:14px 0}h2{margin:.2em 0 .6em;font-size:20px}h2 small{color:var(--mut);font-weight:500;font-size:14px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin-top:18px;padding-bottom:4px}.tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--mut)}
.tabs button.active{background:var(--g);color:#fff;border-color:var(--g)}.hidden{display:none!important}
.grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(4,1fr)}}
.grid.two{grid-template-columns:1fr}@media(min-width:640px){.grid.two{grid-template-columns:1fr 1fr}}.full{grid-column:1/-1}
label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:var(--mut);gap:4px}label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}
input{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}input[type=checkbox]{width:18px;height:18px}
fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 12px}legend{font-weight:700;font-size:13px;padding:0 4px}
summary{cursor:pointer;font-weight:700;margin:12px 0}.saved{color:var(--g);font-size:13px}
.banner{background:#fff6db;border:1px solid #f0d27a;padding:10px 14px;border-radius:8px;margin-top:14px}
.staff{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:9px 0;flex-wrap:wrap}.staff .meta{color:var(--mut);font-size:13px}
.table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:right;white-space:nowrap}th:first-child,td:first-child,th.l,td.l{text-align:left}
thead th{background:var(--g2)}tfoot td{font-weight:700;border-top:2px solid var(--ink)}
.slip{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0;page-break-after:always;break-after:page}
.slip header{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid var(--g);padding-bottom:8px;margin-bottom:10px;flex-wrap:wrap}.slip h3{margin:0;color:var(--g)}
.slip .cols{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.slip .cols{grid-template-columns:1fr 1fr}}
.slip .net{background:var(--g2);padding:10px;border-radius:8px;font-size:17px;font-weight:800;display:flex;justify-content:space-between;margin-top:10px}
.kv{display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:13px}.kv span:nth-child(even){text-align:right}
.plan{border:1px solid var(--line);border-radius:var(--r);padding:12px}.plan.pro{border-color:var(--g);background:var(--g2)}.price{font-size:22px;font-weight:800;margin:.2em 0}
.muted{color:var(--mut)}.small{font-size:13px}.disclaimer{background:#fff6db;padding:10px;border-radius:8px}footer{padding:18px 16px 40px}
#licenceForm input{max-width:260px}.ok{color:var(--g);font-weight:700}.err{color:#b42318;font-weight:700}
@media print{body{background:#fff;font-size:12px}.no-print,.tab.hidden{display:none!important}.tab{display:block!important}.card,.slip{border:none;margin:0;padding:0 0 10px}
 body.print-payslips #tab-remit,body.print-payslips #tab-annual,body.print-remit #tab-payslips,body.print-remit #tab-annual,body.print-annual #tab-payslips,body.print-annual #tab-remit{display:none!important}
 #tab-employer,#tab-staff,#tab-data{display:none!important}.slip{page-break-after:always}th,td{padding:3px 5px}}
.ar{text-align:right}.mb{margin-bottom:10px}