:root{--blue:#0078c8;--blue-d:#005fa3;--nav:#1d2d3b;--nav-hi:#13b5ea;--bg:#f2f4f6;--line:#dde1e6;--text:#1c2733;--mute:#6b7785;--green:#1fa971;--red:#d83b3b}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--blue);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:var(--nav);color:#fff;z-index:20;align-items:center;height:52px;padding:0 14px;display:flex;position:sticky;top:0}.brand .logo{background:var(--nav-hi);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:12px;font-weight:700;display:grid}.org{border-right:1px solid #ffffff30;margin-right:6px;padding-right:18px;font-weight:600}.topbar nav{display:flex}.nav-item{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:52px;padding:0 14px;display:flex;position:relative}.nav-item:hover,.nav-item.active{background:#ffffff1c;text-decoration:none}.nav-item.active{box-shadow:inset 0 -3px 0 var(--nav-hi)}.nav-item small{opacity:.7;margin-left:3px}.spacer{flex:1}.dropdown{min-width:230px;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:0 0 4px 4px;padding:6px 0;position:absolute;top:52px;left:0;box-shadow:0 8px 24px #0002}.dropdown.right{left:auto;right:0}.dropdown a{color:var(--text);justify-content:space-between;padding:8px 16px;display:flex}.dropdown a:hover{background:#eef6fc;text-decoration:none}.dropdown em{color:var(--mute);background:#eef0f3;border-radius:10px;padding:1px 7px;font-size:11px;font-style:normal}.who{color:var(--mute);border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 16px}.page{max-width:1180px;margin:0 auto;padding:22px 20px 60px}.pagehead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pagehead h1{margin:0;font-size:24px;font-weight:600}.actions{align-items:center;gap:8px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:4px;margin-bottom:16px}.card>h3{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:12px 16px;font-size:15px;display:flex}.card .body{padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.btn{border:1px solid var(--blue);background:var(--blue);color:#fff;font:inherit;cursor:pointer;border-radius:3px;padding:7px 16px;font-weight:600;display:inline-block}.btn:hover{background:var(--blue-d);text-decoration:none}.btn.secondary{color:var(--blue);background:#fff}.btn.secondary:hover{background:#eef6fc}.btn.danger{color:var(--red);border-color:var(--red);background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--mute);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}th,td{border-bottom:1px solid var(--line);padding:9px 14px}tbody tr:hover{background:#f7fafc}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.total td{border-top:2px solid var(--text);background:#fafbfc;font-weight:700}tr.group td{background:#eef2f5;font-weight:600}input,select,textarea{font:inherit;background:#fff;border:1px solid #c4cbd3;border-radius:3px;width:100%;padding:7px 9px}input:focus,select:focus{border-color:var(--blue);outline:2px solid #13b5ea55}label{color:var(--mute);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.err{color:#a12626;background:#fdeded;border:1px solid #f3b8b8;border-radius:3px;margin-bottom:12px;padding:9px 12px}.ok{color:#12714c;background:#e8f7f0;border:1px solid #a8dfc7;border-radius:3px;margin-bottom:12px;padding:9px 12px}.pill{color:var(--blue-d);background:#e5eef7;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.stat{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.mute{color:var(--mute)}.balanced{color:var(--green);font-weight:600}.unbalanced{color:var(--red);font-weight:600}.login{background:var(--nav);place-items:center;min-height:100vh;display:grid}.login .box{background:#fff;border-radius:6px;width:400px;padding:34px}.login h1{margin:0 0 4px;font-size:22px}.login .form{grid-template-columns:1fr}.demo{color:var(--mute);background:#f5f7f9;border-radius:4px;margin-top:16px;padding:10px;font-size:12px}.print-only{display:none}@media print{body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{width:100%;display:block;position:absolute;top:0;left:0}.payslip{page-break-after:always;padding:24px}.no-print{display:none}}.user .dropdown{display:none}.user:hover .dropdown{display:block}.ai-fab{color:#fff;cursor:pointer;z-index:60;background:#13b5ea;border:0;border-radius:50%;width:54px;height:54px;font-size:30px;line-height:1;position:fixed;bottom:22px;right:22px;box-shadow:0 4px 14px #0000004d}.ai-panel{z-index:60;background:#fff;border:1px solid #d5dbe1;border-radius:10px;flex-direction:column;width:380px;max-width:calc(100vw - 30px);height:520px;max-height:calc(100vh - 110px);display:flex;position:fixed;bottom:88px;right:22px;box-shadow:0 8px 30px #00000040}.ai-head{border-bottom:1px solid #e5e9ed;align-items:center;gap:8px;padding:10px 12px;display:flex}.ai-head small{color:#6b7785;flex:1}.ai-head button{cursor:pointer;background:0 0;border:0;font-size:22px}.ai-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.ai-msg{white-space:pre-wrap;background:#f1f4f7;border-radius:8px;align-self:flex-start;max-width:92%;padding:8px 10px}.ai-msg.user{background:#d9f1fb;align-self:flex-end}.ai-action{background:#f6fcff;border:2px solid #13b5ea;border-radius:8px;padding:10px}.ai-line{margin-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.ai-btns{gap:8px;margin-top:8px;display:flex}.ai-input{border-top:1px solid #e5e9ed;gap:6px;padding:10px;display:flex}.ai-input input{flex:1}