:root{--bg:#f2f5f7;--surface:#fff;--ink:#17222d;--mute:#5d6b78;--line:#dde3e8;--brand:#0e7c66;--brand-ink:#fff;--paid:#0e7c66;--pend:#a86d00;--over:#b3382c;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10171d;--surface:#18222b;--ink:#e8eef2;--mute:#92a1ad;--line:#2a3742;--paid:#3cc3a4;--pend:#e0a63a;--over:#ee7b6d;--brand-ink:#08130f}}:root[data-theme=dark]{--bg:#10171d;--surface:#18222b;--ink:#e8eef2;--mute:#92a1ad;--line:#2a3742;--paid:#3cc3a4;--pend:#e0a63a;--over:#ee7b6d;--brand-ink:#08130f}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.5}*,*:before,*:after{box-sizing:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app{display:flex;min-height:100vh}.side{width:210px;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.logo{font-weight:600;font-size:18px;padding:4px 10px 16px}.brand{padding:4px 0 14px;text-align:center}.brand img{width:130px;height:130px;max-width:100%;border-radius:50%;display:block;margin:0 auto}.brand.big img{width:150px;height:150px}.nav{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:9px 10px;border-radius:6px;cursor:pointer;color:var(--mute)}.ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn .ic{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.nav.on{background:var(--brand);color:var(--brand-ink)}.main{flex:1;min-width:0;padding:22px 24px 40px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}h1{font-size:22px;margin:0;font-weight:600}h2{font-size:16px;margin:0 0 10px;font-weight:600}.btn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:500}.btn{text-decoration:none;display:inline-block}.ibtn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:none;color:var(--brand);border-radius:50%;cursor:pointer;text-decoration:none}.ibtn:hover{background:#0e7c661f}.ibtn .ic{width:26px;height:26px}.btn.ghost{background:none;color:var(--ink);border:1px solid var(--line)}.btn.sm{padding:4px 10px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{padding:14px;border-left:3px solid var(--brand);background:var(--surface)}.stat span{display:block;color:var(--mute);font-size:13px}.stat b{font-size:22px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--mute);font-weight:500;font-size:13px}.tag{font-size:12px;font-weight:600}.Paid{color:var(--paid)}.Pending{color:var(--pend)}.Overdue{color:var(--over)}.row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}input,select{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:0}.row input,.row select{flex:1 1 120px}label{display:block;font-size:13px;color:var(--mute);margin-bottom:4px}.login{max-width:380px;margin:12vh auto;padding:0 16px;text-align:center}.login .panel{text-align:left}.login .btn{width:100%;margin-top:8px}.tot{text-align:right;margin-top:8px}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#e9edf0;overflow:auto;z-index:50;padding:12px 12px calc(24px + env(safe-area-inset-bottom,0px));padding-top:calc(12px + env(safe-area-inset-top,0px))}.bar{max-width:820px;margin:0 auto 10px;display:flex;gap:8px;justify-content:space-between;align-items:center}.sheet{max-width:820px;margin:0 auto;background:#fff;color:#111;padding:28px;border-radius:6px;font-size:14px;display:flex;flex-direction:column;min-height:1000px}.sheet .ft img.ft-logos{width:100%;max-width:420px;height:auto;border-radius:0;margin-top:8px;image-rendering:auto;margin-bottom:4px}.sheet .ft{margin-top:auto;padding-top:14px;border-top:2px solid #0e7c66;text-align:center;color:#444;font-size:12px}.sheet .sh-head img{width:84px;height:84px;border-radius:50%}.sh-head{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;text-align:left;border-bottom:2px solid #0e7c66;padding-bottom:12px;margin-bottom:12px}.sh-meta{display:flex;gap:6px 18px;flex-wrap:wrap;justify-content:center;margin-top:6px}.sheet h1{font-size:20px;color:#0e5a49}.sheet table{min-width:660px;font-size:13px}.sheet th,.sheet td{border-bottom:1px solid #d6dce1;color:#111}.sheet th{color:#444}.sheet .r{text-align:right}@page{size:A4;margin:0}@media print{html,body{background:#fff!important}.sheet{box-sizing:border-box!important;min-height:293mm!important;font-size:11px!important;padding:11mm 12mm!important;page-break-inside:avoid;break-inside:avoid;page-break-after:avoid}.sheet.dense{font-size:9px!important}.sheet .sh-head img{width:60px;height:60px}.sheet h1{font-size:16px}.sheet table{min-width:0!important;width:100%;font-size:inherit}.sheet table{table-layout:fixed;width:100%!important}.sheet th,.sheet td{padding:6px 4px;white-space:normal;overflow-wrap:anywhere}.sheet th:nth-child(1){width:12%}.sheet th:nth-child(2){width:12%}.sheet th:nth-child(3){width:12%}.sheet th:nth-child(4){width:10%}.sheet th:nth-child(5){width:8%}.sheet th:nth-child(6){width:9%}.sheet th:nth-child(7){width:9%}.sheet th:nth-child(8){width:12%}.sheet th:nth-child(9){width:16%}.sheet th.r{white-space:normal;overflow-wrap:normal}.sheet .wrap{overflow:visible}.sheet .sh-head{padding-bottom:8px;margin-bottom:8px}.sheet td.r{white-space:nowrap;overflow-wrap:normal}body *{visibility:hidden}.sheet,.sheet *{visibility:visible}.app>*:not(.ov){display:none!important}.ov{position:absolute!important;width:100%;inset:auto;overflow:visible;background:#fff;padding:0}.ov{left:0!important;top:0!important}.sheet{position:absolute;left:0;top:0;width:100%;max-width:none;border-radius:0}.noprint{display:none!important}}.toast{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:8px 16px;border-radius:6px}@media (max-width:680px){.app{flex-direction:column}.side{width:100%;flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 8px 0 0}.brand img{width:40px;height:40px}.main{padding:16px}}