:root{--teal:#0f766e;--teal-dark:#0b5a54;--bg:#f1f5f9;--card:#fff;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--danger:#dc2626}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.screen,body,html{background:var(--bg)}.screen{max-width:480px;margin:0 auto;min-height:100vh}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.brand{font-size:22px;font-weight:700;color:var(--teal);text-align:center;margin:0}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted)}input,select{font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--teal)}.btn{font-size:16px;font-weight:700;padding:13px;border:none;border-radius:10px;background:var(--teal);color:#fff;cursor:pointer}.btn:disabled{opacity:.6}.muted{color:var(--muted);font-size:14px;margin:0}.small{font-size:12px}.error{color:var(--danger);font-size:14px;margin:0}.home{flex-direction:column;gap:14px}.home,.topbar{padding:16px;display:flex}.topbar{background:var(--teal);color:#fff;align-items:center;justify-content:space-between}.topbar h1{font-size:18px;margin:0}.link-btn{background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.bar{background:var(--teal);color:#fff;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bar h1{font-size:17px;margin:0;font-weight:700;letter-spacing:.3px}.bar .scope{font-size:12px;opacity:.9;margin-top:2px}.bar .meta{font-size:11px;opacity:.85}.bar-actions{display:flex;align-items:center;gap:8px}.firm-select,.range-select{font-size:13px;padding:6px 8px;border-radius:8px;border:1px solid #ffffff55;background:#ffffff1a;color:#fff}.firm-select option,.range-select option{color:#000}.ghost{background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.tabs{display:flex;gap:4px;overflow-x:auto;background:var(--teal-dark);padding:0 6px;position:-webkit-sticky;position:sticky;top:52px;z-index:9}.tab{flex:0 0 auto;padding:11px 13px;color:#ffffffcc;font-size:13px;font-weight:600;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.tab.active{color:#fff;border-bottom-color:#fff}.wrap{padding:12px}.banner{border-radius:10px;padding:11px 13px;font-size:13px;margin-bottom:12px;line-height:1.5}.banner.warn{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.banner.info{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75}.banner.lock{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;text-align:center}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.search{flex:1 1 160px;font-size:14px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.btn-sm{font-size:12px;font-weight:600;padding:8px 11px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--teal);cursor:pointer}.card-list{display:flex;flex-direction:column;gap:10px}.row-card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 12px}.row-card.late{border-color:#fecaca;background:#fff8f8}.rc-top{display:flex;justify-content:space-between;gap:8px}.rc-name{font-weight:700;font-size:14px}.rc-sub{color:var(--muted);font-size:12px;margin-top:2px}.rc-amt{font-weight:700;font-size:15px;white-space:nowrap}.rc-amt.red{color:var(--danger)}.pill{display:inline-block;background:#e0f2fe;color:#075985;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.pill.red{background:#fee2e2;color:#b91c1c}.group{margin-bottom:14px}.group-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:#f1f5f9;border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:6px}.group-head .g-name{font-weight:700;font-size:14px}.group-head .g-city{color:var(--muted);font-size:12px;font-weight:500}.group-head .g-total{font-weight:700;color:var(--teal);white-space:nowrap}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid td,table.grid th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.grid th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px}table.grid td.num,table.grid th.num{text-align:right;white-space:nowrap}.sumbar{position:-webkit-sticky;position:sticky;bottom:0;background:#0f766e;color:#fff;border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:700}.sumbar .s-sub{font-size:12px;opacity:.85;font-weight:500}.state{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.spin{display:inline-block;width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}@media print{.bar,.btn-sm,.ghost,.tabs,.toolbar{display:none!important}.wrap{padding:0}.group-head,.row-card,table.grid td,table.grid th{page-break-inside:avoid;break-inside:avoid}}