:root{color:#233c37;font-synthesis:none;background:#f5f7f8;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#234e40;background:#fff;border:1px solid #d5dfda;border-radius:8px;padding:10px 15px}button:hover{background:#edf4ee}button:disabled{opacity:.5;cursor:wait}.primary{color:#fff;background:#174e47;border:0}.primary:hover{background:#236556}input,select,textarea{color:#233c37;background:#fff;border:1px solid #ccd8d2;border-radius:8px;max-width:100%;padding:12px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #9cc3a5}h1{letter-spacing:-1px;margin:10px 0;font-size:32px}h2{font-size:24px}h3{margin-top:30px}.muted,small{color:#667b71;line-height:1.6}small{font-size:12px;display:block}.eyebrow{letter-spacing:2px;color:#60776c;font-size:11px;font-weight:700}.login{background:#fff;border:1px solid #e0e8e3;border-radius:18px;max-width:480px;margin:8vh auto;padding:32px;box-shadow:0 16px 50px #14392a08}.logo{color:#d7f397;background:#174e47;border-radius:10px;place-items:center;width:44px;height:44px;font-size:30px;font-weight:700;display:inline-grid}.login label,fieldset label{flex-direction:column;gap:8px;margin:18px 0;font-size:14px;display:flex}.login button{width:100%;margin-top:12px}.login .muted{font-size:14px}[role=alert]{color:#a23434}aside{background:#fff;border-right:1px solid #e0e8e3;width:245px;padding:32px 24px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:8px;font-size:26px;font-weight:700;display:flex}.dot{color:#6d9442}.company{border:1px solid #e0e8e3;border-radius:8px;margin:32px 0;padding:14px;font-size:14px}.nav{border-radius:8px;padding:14px;font-size:14px;font-weight:700;display:block}.active{color:#174e47;background:#eaf2ec}.aside-foot{font-size:13px;line-height:1.7;position:absolute;bottom:30px;left:24px;right:24px}.workspace{margin-left:245px;padding:0 35px 40px}header{border-bottom:1px solid #e0e8e3;justify-content:space-between;align-items:center;gap:15px;min-height:80px;font-size:13px;display:flex}header button{margin-left:15px}.heading{justify-content:space-between;align-items:center;gap:15px;margin:30px 0;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats article{background:#fff;border:1px solid #e0e8e3;border-radius:12px;padding:24px}.stats span{color:#63796e;font-size:13px}.stats strong{margin:20px 0;font-size:27px;display:block}.notice{background:#edf3ed;border-radius:10px;margin:24px 0;padding:16px 20px;font-size:14px;line-height:1.6}.toolbar{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.toolbar input{flex:1;min-width:240px}.table-wrap{background:#fff;border:1px solid #e0e8e3;border-radius:12px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{color:#63796e;text-transform:uppercase;letter-spacing:.5px;background:#f9fbfa;font-size:11px}td,th{border-bottom:1px solid #e8eee9;padding:16px}td:first-child{min-width:240px}td small{max-width:330px}td.num{text-align:right;white-space:nowrap}.badge{white-space:nowrap;background:#eef1f2;border-radius:6px;padding:6px 9px;font-size:11px;display:inline-block}.badge.paid{color:#2d703a;background:#e8f4ea}.badge.unpaid{color:#905917;background:#fff0db}.badge.review{color:#a04733;background:#fbe9e6}.red{color:#ac3333}.warning{background:#fff3df;border-radius:8px;padding:12px;font-size:14px}dialog{color:#233c37;border:1px solid #dde6e0;border-radius:16px;width:min(900px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#0c241b88}dialog .heading{margin-top:0}fieldset{border:0;padding:0}fieldset label{max-width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f6;padding:16px;font-size:12px}details{margin:20px 0}summary{cursor:pointer}.ksef{overflow-wrap:anywhere;color:#63796e;font-size:13px}textarea{min-height:90px}#count{font-size:13px}@media (width<=1200px){.stats{grid-template-columns:repeat(2,1fr)}aside{width:210px}.workspace{margin-left:210px;padding:0 20px 25px}.brand{font-size:22px}}@media (width<=760px){aside{width:auto;padding:18px;position:static}.company,.nav,.aside-foot{display:none}.workspace{margin:0;padding:0 14px 25px}header{flex-wrap:wrap;padding:14px 0}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:23px}h1{font-size:27px}.toolbar>*{width:100%}.login{margin:20px 12px;padding:24px}dialog{padding:20px}}
