.app-shell .finance-page{color:#2b3850;max-width:1600px;margin:0 auto;padding:4px 0 22px}.app-shell .finance-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.app-shell .finance-eyebrow{color:#8192aa;letter-spacing:.14em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.app-shell .finance-eyebrow>span{background:linear-gradient(100deg,#30c4ff,#9327f2);width:18px;height:2px}.app-shell .finance-heading h1{letter-spacing:-1.4px;color:#1e2b42;margin:10px 0 6px;font-size:clamp(28px,2.4vw,36px);font-weight:600;line-height:1.25}.app-shell .finance-heading h1 span{color:#9a5cdd}.app-shell .finance-heading p{color:#8594a9;font-size:12px;line-height:1.7}.app-shell .finance-heading>.button{white-space:nowrap;min-height:40px;font-size:11px}.app-shell .finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.app-shell .finance-metrics article{background:radial-gradient(at 0 0,#e9f9ff,#0000 72%),#fff;border:1px solid #e5eaf2;border-radius:14px;min-width:0;padding:22px 23px;position:relative;overflow:hidden;box-shadow:0 8px 25px #2134540a}.app-shell .finance-metrics article:before{content:"";opacity:.75;background:linear-gradient(100deg,#35bff0,#8d42d3);height:2px;position:absolute;top:0;left:0;right:0}.app-shell .finance-metrics article:nth-child(2){background:radial-gradient(at 0 0,#ebfbf4,#0000 72%),#fff}.app-shell .finance-metrics article:nth-child(3){background:radial-gradient(at 0 0,#fff7e9,#0000 72%),#fff}.app-shell .finance-metrics article:nth-child(4){background:radial-gradient(at 0 0,#f8efff,#0000 72%),#fff}.app-shell .finance-metrics article>span{color:#8292a8;letter-spacing:.08em;align-items:center;gap:9px;font-size:9px;font-weight:700;display:flex}.app-shell .finance-metrics article>span svg{color:#746bad}.app-shell .finance-metrics strong{letter-spacing:-.8px;color:#2a3951;white-space:nowrap;text-overflow:ellipsis;margin:15px 0 4px;font:500 27px Poppins,sans-serif;display:block;overflow:hidden}.app-shell .finance-metrics small{color:#95a1b3;font-size:10px}.app-shell .finance-panel{background:#fff;border:1px solid #e5eaf2;border-radius:15px;overflow:hidden;box-shadow:0 9px 28px #2134540b}.app-shell .finance-panel-head{justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 26px 22px;display:flex}.app-shell .finance-kicker{color:#9362c4;letter-spacing:.13em;font-size:8px;font-weight:700}.app-shell .finance-panel-head h2{letter-spacing:-.4px;color:#2c3950;margin:7px 0 5px;font-size:18px}.app-shell .finance-panel-head h2 span{color:#744aaf;vertical-align:middle;background:#f1eaf9;border-radius:6px;margin-left:4px;padding:4px 7px;font:600 10px Inter,sans-serif}.app-shell .finance-panel-head p{color:#91a0b4;font-size:10px}.app-shell .finance-panel-total{color:#8d9cb0;white-space:nowrap;font-size:10px}.app-shell .finance-panel-total strong{color:#34435a;margin-left:5px;font-size:15px}.app-shell .finance-toolbar{background:#fafbfe;border-block:1px solid #ebeff5;flex-wrap:wrap;align-items:center;gap:9px;padding:14px 25px;display:flex}.app-shell .finance-search{color:#8ca0b8;background:#fff;border:1px solid #dfe6f0;border-radius:8px;flex:250px;align-items:center;gap:8px;min-width:180px;height:38px;padding:0 12px;display:flex}.app-shell .finance-search:focus-within{border-color:#b899df;box-shadow:0 0 0 3px #d9c5f63d}.app-shell .finance-search input{color:#34435a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.app-shell .finance-search input::placeholder{color:#a0aebe}.app-shell .finance-toolbar>.select{flex:0 150px}.app-shell .finance-toolbar .select-trigger{color:#5d708b;background:#fff;border-color:#dfe6f0;border-radius:8px;height:38px;font-size:10px}.app-shell .finance-checkbox{color:#75859d;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.app-shell .finance-checkbox input{accent-color:#8b42d5}.app-shell .finance-table-wrap{overflow-x:auto}.app-shell .finance-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.app-shell .finance-table th{color:#97a5b7;letter-spacing:.08em;background:#fbfcfe;padding:14px 18px;font-size:8px;font-weight:700}.app-shell .finance-table td{color:#687992;border-top:1px solid #eef1f5;padding:17px 18px;font-size:10px}.app-shell .finance-table tbody tr:hover{background:#fbf9ff}.app-shell .finance-table td:first-child,.app-shell .finance-table th:first-child{padding-left:25px}.app-shell .finance-table td:last-child,.app-shell .finance-table th:last-child{padding-right:22px}.app-shell .finance-record{text-align:left;color:inherit;background:0 0;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.app-shell .finance-record-icon{color:#518dae;background:#eaf7ff;border:1px solid #dcebf6;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.app-shell .finance-record strong,.app-shell .finance-cell-main{color:#33435a;font-size:11px;font-weight:600;display:block}.app-shell .finance-record small,.app-shell .finance-table td>small{color:#9ba9b9;text-overflow:ellipsis;max-width:240px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.app-shell .finance-status{color:#76879d;background:#f3f5f9;border:1px solid #e3e8f0;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:600;display:inline-flex}.app-shell .finance-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.app-shell .finance-status.paid{color:#3b9270;background:#e9f8f0;border-color:#d6ecdf}.app-shell .finance-status.sent,.app-shell .finance-status.upcoming{color:#5a8bb8;background:#eef6ff;border-color:#dce9f8}.app-shell .finance-status.unpaid,.app-shell .finance-status.overdue{color:#c06e68;background:#fff0ef;border-color:#f6ddd9}.app-shell .finance-status.partial-payment{color:#ad803c;background:#fff6e8;border-color:#f5e5ca}.app-shell .finance-status.draft{color:#8876a8;background:#f4f2fa;border-color:#e9e4f4}.app-shell .finance-status.cancelled,.app-shell .finance-status.null{color:#929ead;background:#f4f5f7}.app-shell .finance-late{color:#bb6d69!important}.app-shell .finance-amount{font-weight:600;color:#34435a!important;font-size:12px!important}.app-shell .finance-open{color:#8654be;background:#f3effa;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.app-shell .finance-open:hover{background:#e9dbf8}.app-shell .finance-file-links{gap:5px;display:flex}.app-shell .finance-file-links a{color:#6085a5;background:#f0f4fa;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.app-shell .expense-panel-head{align-items:center;padding-block:22px}.app-shell .expense-month-summary{grid-template-columns:auto auto;place-items:center end;gap:7px 18px;display:grid}.app-shell .expense-month-total{color:#9a89b5;letter-spacing:.11em;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;font-size:8px;font-weight:750;display:flex}.app-shell .expense-month-total strong{color:#263a55;letter-spacing:-.35px;font:750 18px Poppins,sans-serif}.app-shell .expense-month-switcher{background:#fff;border:1px solid #dce3ee;border-radius:10px;grid-template-columns:36px minmax(118px,auto) 36px;align-items:center;display:grid;overflow:hidden;box-shadow:0 4px 12px #25395809}.app-shell .expense-month-switcher button{color:#7350aa;background:#f8f5fc;place-items:center;width:36px;height:38px;transition:background .15s,color .15s;display:grid}.app-shell .expense-month-switcher button:hover{color:#5f3793;background:#eee6f8}.app-shell .expense-month-switcher span{color:#40516a;white-space:nowrap;border-inline:1px solid #e7eaf1;place-items:center;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;display:grid}.app-shell .expense-current-month{color:#7952ad;background:0 0;grid-column:2;font-size:9px;font-weight:650}.app-shell .expense-current-month:hover{color:#55327f;text-decoration:underline}.app-shell .expense-toolbar{padding-block:13px}.app-shell .expense-toolbar .finance-search{height:42px}.app-shell .expense-toolbar .finance-search input{font-size:12px}.app-shell .expense-toolbar>.select{flex-basis:165px}.app-shell .expense-toolbar .select-trigger{height:42px;font-size:11px}.app-shell .expense-ledger{min-width:1120px}.app-shell .expense-ledger th{color:#8796aa;letter-spacing:.085em;padding:15px 18px;font-size:9px}.app-shell .expense-ledger td{color:#5e7089;vertical-align:middle;padding:18px;font-size:11.5px}.app-shell .expense-ledger .expense-row{cursor:pointer;transition:background .16s,box-shadow .16s}.app-shell .expense-ledger .expense-row:hover{background:#f8fbff;box-shadow:inset 3px 0 #8c65d2}.app-shell .expense-ledger .expense-row:focus-visible{outline-offset:-2px;outline:2px solid #8d70cc}.app-shell .expense-record{min-width:220px;display:block}.app-shell .expense-record strong{color:#273b57;font-size:12.5px;font-weight:750;display:block}.app-shell .expense-record small{color:#8a9aaf;text-overflow:ellipsis;max-width:270px;margin-top:5px;font-size:10.5px;display:block;overflow:hidden}.app-shell .expense-ledger .finance-cell-main{color:#30445f;font-size:11.5px;font-weight:700}.app-shell .expense-ledger td>small{font-size:10px}.app-shell .expense-date,.app-shell .expense-service,.app-shell .expense-frequency{font-weight:550;color:#536780!important}.app-shell .expense-amount-heading,.app-shell .expense-amount-cell{text-align:center!important}.app-shell .expense-amount-cell{letter-spacing:-.2px;font-weight:800;color:#203854!important;font-size:14px!important}.app-shell .expense-status-pill{color:#6f8095;white-space:nowrap;background:#f4f6f9;border:1px solid #dfe5ed;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:92px;padding:8px 12px;font-size:10px;font-weight:750;display:inline-flex}.app-shell .expense-status-pill i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6271871c}.app-shell .expense-status-pill.paid{color:#338362;background:#edf9f3;border-color:#cfe9dc}.app-shell .expense-status-pill.upcoming{color:#427fa9;background:#eef7ff;border-color:#d2e5f3}.app-shell .expense-status-pill.partial-payment{color:#9d6d2c;background:#fff7e9;border-color:#eeddbd}.app-shell .expense-status-pill.unpaid{color:#b85854;background:#fff1f0;border-color:#efd5d2}.app-shell .expense-status-pill.null{color:#8994a3;background:#f2f4f7;border-color:#e0e4e9}.app-shell .invoice-ledger{min-width:1040px}.app-shell .invoice-ledger th,.app-shell .invoice-ledger td{vertical-align:middle}.app-shell .invoice-ledger th{padding-block:13px;font-size:8.5px}.app-shell .invoice-ledger td{padding-block:17px;font-size:11px}.app-shell .invoice-ledger .invoice-row{cursor:pointer;transition:background .16s,box-shadow .16s}.app-shell .invoice-ledger .invoice-row:hover{background:#f8fbff;box-shadow:inset 3px 0 #8c65d2}.app-shell .invoice-ledger .invoice-row:focus-visible{outline-offset:-2px;outline:2px solid #8d70cc}.app-shell .invoice-client{align-items:center;min-width:175px;display:flex}.app-shell .invoice-client-id{color:#7651a8;letter-spacing:.035em;font-size:10px;font-weight:750}.app-shell .invoice-client strong,.app-shell .invoice-number{color:#34445b;font-size:11px;font-weight:650;display:block}.app-shell .invoice-number{color:#68499a;letter-spacing:-.15px;font-size:13.5px;font-weight:800}.app-shell .invoice-ledger th.invoice-total-heading,.app-shell .invoice-ledger td.invoice-total-cell{text-align:center!important}.app-shell .invoice-total-cell{letter-spacing:-.2px;font-weight:800;color:#203854!important;font-size:13.5px!important}.app-shell .invoice-status-text{color:#718199;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.app-shell .invoice-status-text i{background:#91a0b4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #91a0b41c}.app-shell .invoice-status-text.paid{color:#328262}.app-shell .invoice-status-text.paid i{background:#54b58b}.app-shell .invoice-status-text.sent{color:#4d82ab}.app-shell .invoice-status-text.sent i{background:#62a6d4}.app-shell .invoice-status-text.unpaid,.app-shell .invoice-status-text.overdue{color:#b45f5a}.app-shell .invoice-status-text.unpaid i,.app-shell .invoice-status-text.overdue i{background:#dc7972}.app-shell .invoice-status-text.partial-payment{color:#9b7134}.app-shell .invoice-status-text.partial-payment i{background:#d5a052}.app-shell .invoice-status-text.cancelled{color:#8b96a6;text-decoration:line-through}.app-shell .invoice-term-text{color:#697990;font-size:10px;font-weight:550}.app-shell .invoice-file-heading,.app-shell .invoice-file-cell{text-align:center}.app-shell .invoice-file-cell{width:92px}.app-shell .invoice-file-cell button{color:#7247a6;background:#f7f3fc;border:1px solid #d9cced;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:78px;padding:7px 10px;font-size:8.5px;font-weight:700;display:inline-flex}.app-shell .invoice-file-cell button:hover{background:#eee5f8;border-color:#a98bd1}.app-shell .invoice-file-cell button.view-pdf{color:#bd4d4d;background:#fff0f0;border-color:#e7b7b7}.app-shell .invoice-file-cell button.view-pdf:hover{color:#a73737;background:#ffe3e3;border-color:#d88686}.app-shell .invoice-file-cell button.upload{color:#9b6e2c;background:#fff9ef;border-color:#eddcbf}.app-shell .finance-empty{color:#96a7ba;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:35px;font-size:11px;display:flex}.app-shell .finance-empty strong{color:#52617a;font-size:13px}.app-shell .finance-empty p{color:#9eabbc}.app-shell .finance-notice,.app-shell .finance-alert{color:#43876b;background:#ecf9f1;border:1px solid #d7eadf;border-radius:9px;justify-content:space-between;gap:10px;margin:0 0 15px;padding:12px 16px;font-size:11px;display:flex}.app-shell .finance-alert{color:#ac7547;background:#fff5eb;border-color:#f1e1cf}.app-shell .finance-notice button{color:inherit;background:0 0;font-size:18px;line-height:1}.app-shell .finance-page-footer{color:#94a1b2;justify-content:space-between;align-items:center;margin-top:21px;font-size:10px;display:flex}.app-shell .finance-page-footer a{color:#7b54ad;align-items:center;gap:5px;font-weight:600;display:flex}.app-shell .finance-dialog{width:min(660px,100vw - 32px)}.app-shell .finance-form-dialog{width:min(850px,100vw - 32px)}.app-shell .finance-small-dialog{width:min(510px,100vw - 32px)}.app-shell .finance-document-dialog{width:min(1180px,100vw - 28px);max-height:calc(100dvh - 28px);overflow:hidden}.app-shell .finance-document-dialog .dialog-surface{flex-direction:column;height:calc(100dvh - 28px);padding:22px;display:flex}.app-shell .finance-document-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.app-shell .finance-document-toolbar strong{color:#34445b;font-size:12px;display:block}.app-shell .finance-document-toolbar small{color:#92a0b1;margin-top:4px;font-size:9px;display:block}.app-shell .finance-document-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.app-shell .finance-document-actions button,.app-shell .finance-document-actions a{color:#687c95;background:#f8fafe;border:1px solid #dfe5ee;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;font-weight:650;display:inline-flex}.app-shell .finance-document-actions button.active{color:#71479e;background:#f1e9fa;border-color:#b89bdb}.app-shell .finance-document-actions a{color:#764ba8;background:#f7f1fc;border-color:#d8c5ed}.app-shell .finance-document-dialog iframe{background:#f6f8fb;border:1px solid #dfe6ef;border-radius:10px;flex:1;width:100%;min-height:0}.app-shell .finance-dialog .dialog-surface{color:#34425a;background:#fff;border-color:#e1e8f0;box-shadow:0 22px 65px #21314e30}.app-shell .finance-dialog .dialog-heading h2{color:#29374f}.app-shell .finance-dialog .dialog-description{color:#8797aa}.app-shell .expense-drawer-dialog{width:min(500px,100vw);height:100dvh;max-height:100dvh;margin:0;animation:.24s ease-out expense-drawer-in;inset:0 0 0 auto;overflow:hidden}.app-shell .expense-drawer-dialog .dialog-surface{border-width:0 0 0 1px;border-radius:20px 0 0 20px;flex-direction:column;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:-24px 0 70px #2536522b}.app-shell .expense-drawer-dialog .dialog-heading{border-bottom:1px solid #e8edf3;padding:20px 26px}.app-shell .expense-drawer-dialog .dialog-heading h2{letter-spacing:-.2px;font-size:14px}.app-shell .expense-drawer-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-height:0;padding-bottom:20px;overflow:hidden auto}.app-shell .expense-drawer-scroll::-webkit-scrollbar{width:7px}.app-shell .expense-drawer-scroll::-webkit-scrollbar-track{background:0 0}.app-shell .expense-drawer-scroll::-webkit-scrollbar-thumb{background:#cbd4e2 padding-box padding-box;border:2px solid #0000;border-radius:999px}.app-shell .expense-drawer-hero{background:radial-gradient(circle at 92% 4%,#e9ddfb 0,#0000 40%),linear-gradient(130deg,#effbff,#fbf8ff);grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:30px 27px 27px;display:grid}.app-shell .expense-drawer-hero>div{min-width:0}.app-shell .expense-drawer-hero h3{color:#263a55;letter-spacing:-.7px;overflow-wrap:anywhere;margin-top:8px;font:700 24px Poppins,sans-serif}.app-shell .expense-drawer-hero p{color:#788ba4;overflow-wrap:anywhere;margin-top:7px;font-size:11px;line-height:1.65}.app-shell .expense-drawer-hero>strong{color:#203854;letter-spacing:-.7px;align-self:center;font:800 24px Poppins,sans-serif}.app-shell .expense-drawer-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:24px 27px 4px;display:grid}.app-shell .expense-drawer-meta>div{background:#f8fafe;border:1px solid #e6ebf2;border-radius:10px;min-width:0;padding:15px 16px}.app-shell .expense-drawer-meta>div.expense-drawer-wide{grid-column:1/-1}.app-shell .expense-drawer-meta span{color:#99a7b9;letter-spacing:.09em;font-size:8px;font-weight:750;display:block}.app-shell .expense-drawer-meta strong{color:#384b65;overflow-wrap:anywhere;margin-top:7px;font-size:12px;line-height:1.55;display:block}.app-shell .expense-status-editor{background:#fff;border:1px solid #e5e9f1;border-radius:11px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;margin:18px 27px 0;padding:14px 16px;display:grid}.app-shell .expense-status-editor>div:first-child span{color:#8751b9;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.app-shell .expense-status-editor>div:first-child small{color:#929faf;margin-top:5px;font-size:9px;line-height:1.45;display:block}.app-shell .expense-status-editor .select-trigger{color:#40536c;background:#f8fafe;border:1px solid #dce3ed;border-radius:8px;height:39px;font-size:11px;font-weight:650}.app-shell .expense-status-editor .select-trigger:disabled{opacity:.6}.app-shell .expense-note-form{background:#fcf9ff;border:1px solid #e8ddf3;border-radius:12px;margin:16px 27px 0;padding:15px 17px}.app-shell .expense-note-form>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-shell .expense-note-form>div:first-child>span{color:#8853bd;letter-spacing:.1em;font-size:9px;font-weight:800}.app-shell .expense-note-form>div:first-child>small{color:#95a1b1;text-align:right;font-size:9px}.app-shell .expense-note-form textarea{resize:vertical;color:#34465f;background:#fff;border:1px solid #dfe5ef;border-radius:9px;outline:none;width:100%;height:82px;min-height:74px;max-height:140px;margin-top:11px;padding:11px 13px;font:11.5px/1.7 Inter,sans-serif}.app-shell .expense-note-form textarea::placeholder{color:#a4afbd}.app-shell .expense-note-form textarea:focus{border-color:#ae8bd6;box-shadow:0 0 0 3px #cdb4eb2b}.app-shell .expense-note-form>div:last-child{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.app-shell .expense-note-form>div:last-child>small{color:#9ca8b7;font-size:8px}.app-shell .expense-note-form .button{min-height:32px;padding-inline:13px;font-size:10px}.app-shell .expense-note-form .button:disabled{opacity:.5;cursor:default}.app-shell .expense-drawer-actions{background:#fff;border-top:1px solid #e8edf3;flex:none;justify-content:space-between;gap:9px;padding:18px 27px;display:flex}.app-shell .expense-drawer-actions .button{min-height:38px;font-size:10px}.app-shell .expense-drawer-actions .button-secondary{color:#ae5c59;background:#fff5f4;border-color:#efd6d3}@keyframes expense-drawer-in{0%{opacity:.7;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.app-shell .finance-detail-lead{align-items:center;gap:12px;margin:23px 0;display:flex}.app-shell .finance-detail-lead>div{flex:1;min-width:0}.app-shell .finance-detail-lead strong{color:#304059;font-size:15px}.app-shell .finance-detail-lead p{color:#8e9db0;margin-top:5px;font-size:10px}.app-shell .finance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.app-shell .finance-detail-grid>div{background:#f8fafe;border:1px solid #e8edf4;border-radius:9px;min-width:0;padding:17px}.app-shell .finance-detail-grid span,.app-shell .finance-detail-note>span{color:#9aa8ba;letter-spacing:.09em;font-size:8px;font-weight:700;display:block}.app-shell .finance-detail-grid strong{color:#34445d;overflow-wrap:anywhere;margin-top:8px;font-size:14px;display:block}.app-shell .finance-detail-note{background:#fbf9ff;border:1px solid #ede5f5;border-radius:9px;padding:17px}.app-shell .finance-detail-note p{white-space:pre-wrap;color:#63718a;margin-top:9px;font-size:11px;line-height:1.8}.app-shell .finance-detail-section{margin-top:21px}.app-shell .finance-detail-section h3{color:#3b4960;margin-bottom:8px;font-size:12px}.app-shell .finance-detail-section>p{color:#9ba8b9;padding:9px 0;font-size:10px}.app-shell .finance-detail-row{color:#617189;border-bottom:1px solid #edf0f5;justify-content:space-between;gap:15px;padding:10px 0;font-size:10px;line-height:1.6;display:flex}.app-shell .finance-detail-row strong{color:#3b4d63;font-size:11px}.app-shell .finance-detail-row small{color:#9ba8b9;white-space:nowrap}.app-shell .finance-file-actions{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.app-shell .finance-file-actions .button{min-height:33px;font-size:10px}.app-shell .finance-dialog-actions{border-top:1px solid #e8edf3;justify-content:flex-end;gap:8px;margin-top:23px;padding-top:18px;display:flex}.app-shell .finance-dialog-actions .button{min-height:36px;font-size:10px}.app-shell .finance-dialog-actions .button-danger{color:#b75b59;background:#fff0ef;border:1px solid #f2d5d1}.app-shell .finance-dialog-actions .button-danger:hover{background:#ffe6e3}.app-shell .finance-form{margin-top:21px}.app-shell .finance-form fieldset{border:0;min-width:0;padding:0}.app-shell .finance-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.app-shell .finance-form label{color:#697b94;flex-direction:column;gap:8px;min-width:0;font-size:10px;font-weight:600;display:flex}.app-shell .finance-form input,.app-shell .finance-form textarea{color:#304158;background:#f9fafe;border:1px solid #dfe6f0;border-radius:7px;outline:0;width:100%;min-width:0;padding:11px 12px;font-size:11px}.app-shell .finance-form textarea{resize:vertical;line-height:1.6}.app-shell .finance-form input:focus,.app-shell .finance-form textarea:focus{border-color:#b596de;box-shadow:0 0 0 3px #d9c5f63d}.app-shell .finance-form input::placeholder,.app-shell .finance-form textarea::placeholder{color:#a0aebf}.app-shell .finance-form .select-trigger{color:#33435a;background:#f9fafe;border:1px solid #dfe6f0;border-radius:7px;width:100%;min-height:38px;font-size:11px}.app-shell .finance-span-all{grid-column:1/-1}.app-shell .finance-lines{border-top:1px solid #ecedf3;margin-top:27px;padding-top:21px}.app-shell .finance-lines-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-shell .finance-lines-head span{letter-spacing:.1em;color:#a075c9;font-size:8px;font-weight:700}.app-shell .finance-lines-head h3{color:#38465c;margin-top:5px;font-size:14px}.app-shell .finance-lines-head button{color:#7547ac;background:#f3edfa;border-radius:7px;align-items:center;gap:5px;padding:9px;font-size:10px;display:flex}.app-shell .finance-line{grid-template-columns:minmax(0,1fr) 150px 28px;align-items:end;gap:10px;margin-top:13px;display:grid}.app-shell .finance-line>button{color:#9a7fa7;background:#f8f4f9;border-radius:7px;place-items:center;height:38px;display:grid}.app-shell .finance-line>button:disabled{opacity:.35}.app-shell .finance-line-total{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.app-shell .finance-line-total .select{width:95px}.app-shell .finance-line-total span{color:#8290a5;font-size:10px}.app-shell .finance-line-total strong{color:#33435b;margin-left:8px;font-size:16px}.app-shell .finance-lines>small{color:#a0acbc;margin-top:10px;font-size:9px;line-height:1.6;display:block}@media (max-width:1050px){.app-shell .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .finance-toolbar>.select{flex:140px}}@media (max-width:760px){.app-shell .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .finance-heading{align-items:flex-start}.app-shell .finance-heading p{max-width:300px}.app-shell .finance-panel-head{padding:20px}.app-shell .expense-panel-head{align-items:flex-start}.app-shell .expense-month-summary{grid-template-columns:1fr;justify-items:start}.app-shell .expense-month-total{align-items:flex-start}.app-shell .expense-current-month{grid-column:1}}@media (max-width:560px){.app-shell .finance-heading{align-items:flex-end}.app-shell .finance-heading h1{font-size:28px}.app-shell .finance-heading p{font-size:10px}.app-shell .finance-heading>.button{place-items:center;width:38px;min-width:38px;padding:0;font-size:0;display:grid}.app-shell .finance-heading>.button svg{width:18px;height:18px}.app-shell .finance-metrics{gap:9px}.app-shell .finance-metrics article{padding:16px}.app-shell .finance-metrics strong{font-size:20px}.app-shell .finance-metrics article>span{font-size:7px}.app-shell .finance-metrics small{font-size:8px}.app-shell .finance-panel-total{display:none}.app-shell .finance-toolbar{padding:12px}.app-shell .finance-toolbar>.select{flex:46%}.app-shell .finance-search{flex-basis:100%}.app-shell .finance-form-grid{grid-template-columns:1fr}.app-shell .finance-line{grid-template-columns:minmax(0,1fr) 90px 25px}.app-shell .finance-detail-grid{gap:7px}.app-shell .finance-detail-grid>div{padding:12px}.app-shell .finance-detail-grid strong{font-size:11px}.app-shell .finance-detail-lead>.finance-status{font-size:8px}.app-shell .finance-dialog-actions{flex-wrap:wrap}.app-shell .finance-page-footer{font-size:9px}}.app-shell .invoice-table-status{color:#6f8095;white-space:nowrap;background:#f4f6f9;border:1px solid #dfe5ed;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;font-weight:750;display:inline-flex}.app-shell .invoice-table-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.app-shell .invoice-table-status.paid{color:#338362;background:#edf9f3;border-color:#cfe9dc}.app-shell .invoice-table-status.sent{color:#427fa9;background:#eef7ff;border-color:#d2e5f3}.app-shell .invoice-table-status.partial-payment{color:#9d6d2c;background:#fff7e9;border-color:#eeddbd}.app-shell .invoice-table-status.unpaid,.app-shell .invoice-table-status.overdue{color:#b85854;background:#fff1f0;border-color:#efd5d2}.app-shell .invoice-table-status.draft{color:#76589c;background:#f5f0fa;border-color:#e3d7ee}.app-shell .invoice-table-status.cancelled{color:#8994a3;background:#f2f4f7;border-color:#e0e4e9}
.app-shell .dues-page .finance-heading{align-items:center}.app-shell .dues-month-control{background:#fff;border:1px solid #e4eaf3;border-radius:11px;flex:none;align-items:center;gap:7px;padding:5px;display:flex;box-shadow:0 6px 20px #2536580a}.app-shell .dues-month-control>button{color:#647790;cursor:pointer;background:#f7f9fd;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.app-shell .dues-month-control>button:hover{color:#8154bd;background:#eee8fb}.app-shell .dues-month-control label{color:#3f4f67;white-space:nowrap;justify-content:center;align-items:center;gap:9px;width:163px;font-size:11px;font-weight:600;display:flex;position:relative}.app-shell .dues-month-control label svg{color:#8c62c1}.app-shell .dues-month-control input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.app-shell .dues-metrics article:first-child{background:radial-gradient(at 0 0,#edf9f3,#0000 72%),#fff}.app-shell .dues-metrics article:nth-child(2){background:radial-gradient(at 0 0,#fff1f5,#0000 72%),#fff}.app-shell .dues-metrics article:nth-child(3){background:radial-gradient(at 0 0,#eef8ff,#0000 72%),#fff}.app-shell .dues-metrics article:nth-child(4){background:radial-gradient(at 0 0,#fff7ec,#0000 72%),#fff}.app-shell .dues-ledgers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.app-shell .dues-card{min-width:0}.app-shell .dues-card .finance-panel-head{align-items:center;min-height:113px}.app-shell .dues-card .finance-panel-head p{line-height:1.5}.app-shell .dues-card-link{color:#8056b4;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.app-shell .dues-card-link:hover{color:#62368f}.app-shell .dues-card-tools{color:#7789a0;background:#fbfcfe;border-block:1px solid #e9edf4;justify-content:space-between;align-items:center;gap:10px;padding:12px 25px;font-size:10px;display:flex}.app-shell .dues-card-tools>span{color:#5b6c85;font-weight:600}.app-shell .dues-card-tools label{cursor:pointer;align-items:center;gap:6px;display:flex}.app-shell .dues-card-tools input{accent-color:#8850c9}.app-shell .dues-card-tools small{font-size:9px}.app-shell .dues-row-list{min-height:210px;max-height:430px;overflow:auto}.app-shell .dues-row{color:#8f9db0;border-bottom:1px solid #eef1f6;align-items:center;gap:10px;min-width:0;padding:15px 21px;display:flex}.app-shell .dues-row:last-child{border-bottom:0}.app-shell .dues-row:hover{background:#fbf9ff}.app-shell .dues-row-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app-shell .dues-row-icon.incoming{color:#5599bc;background:#eaf7ff;border:1px solid #d9edf8}.app-shell .dues-row-icon.outgoing{color:#ba7688;background:#fff1f4;border:1px solid #f5e0e7}.app-shell .dues-row-copy{flex:1;min-width:0;display:block}.app-shell .dues-row-copy strong{color:#35445b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.app-shell .dues-row-copy small{color:#9aa8b9;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.app-shell .dues-row-end{text-align:right;flex:none}.app-shell .dues-row-end strong{color:#35445a;white-space:nowrap;font-size:11px;display:block}.app-shell .dues-row-end small{color:#9daabb;margin-top:5px;font-size:9px;display:block}.app-shell .dues-row>.finance-status{flex:none;padding:5px 6px;font-size:8px}.app-shell .dues-row>svg:last-child{color:#9c78c1;flex:none}.app-shell .dues-status-select{color:#68798e;cursor:pointer;background:#f3f5f9;border:1px solid #e3e8f0;border-radius:7px;outline:0;min-width:86px;max-width:112px;padding:6px 16px 6px 7px;font-size:9px;font-weight:600}.app-shell .dues-status-select.paid{color:#3b9270;background:#e9f8f0;border-color:#d6ecdf}.app-shell .dues-status-select.unpaid{color:#b96d68;background:#fff0ef;border-color:#f6ddd9}.app-shell .dues-status-select.upcoming{color:#5a8bb8;background:#eef6ff;border-color:#dce9f8}.app-shell .dues-status-select.partial-payment{color:#ad803c;background:#fff6e8;border-color:#f5e5ca}.app-shell .dues-status-select:disabled{opacity:.6}.app-shell .dues-row-arrow{color:#a779ca}.app-shell .dues-empty{text-align:center;color:#9badbf;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:35px;font-size:11px;display:flex}.app-shell .dues-empty strong{color:#52617a;font-size:12px}.app-shell .dues-empty p{color:#9eabbc;font-size:10px}.app-shell .dues-outlook .finance-panel-head{align-items:center}.app-shell .dues-projection-key{color:#9aa8ba;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.app-shell .dues-projection-key i{background:#9e75d2;border-radius:50%;width:7px;height:7px}.app-shell .dues-outlook-scroll{padding:0 24px 20px;overflow-x:auto}.app-shell .dues-outlook-grid{grid-template-columns:repeat(5,minmax(155px,1fr));gap:10px;min-width:810px;display:grid}.app-shell .dues-outlook-grid article{background:#fafbfe;border:1px solid #e8edf4;border-radius:10px;padding:16px}.app-shell .dues-outlook-grid article.selected{background:#fcfaff;border-color:#d9c6ef;box-shadow:inset 0 2px #9b61da}.app-shell .dues-outlook-grid article>span{color:#53647c;margin-bottom:17px;font-size:10px;font-weight:700;display:block}.app-shell .dues-outlook-grid article>div{justify-content:space-between;align-items:center;gap:6px;margin:10px 0;display:flex}.app-shell .dues-outlook-grid small{color:#97a5b7;font-size:9px}.app-shell .dues-outlook-grid strong{color:#34435a;white-space:nowrap;font-size:11px}.app-shell .dues-outlook-grid strong.incoming{color:#438d77}.app-shell .dues-outlook-grid strong.outgoing{color:#b77883}.app-shell .dues-outlook-grid .dues-outlook-net{border-top:1px solid #e4e9f1;margin-bottom:0;padding-top:12px}.app-shell .dues-outlook-note{color:#9aa8b8;padding:0 25px 20px;font-size:9px;line-height:1.6}@media (max-width:1200px){.app-shell .dues-ledgers{grid-template-columns:1fr}.app-shell .dues-card .finance-panel-head{min-height:0}}@media (max-width:720px){.app-shell .dues-page .finance-heading{flex-direction:column;align-items:flex-start}.app-shell .dues-month-control{align-self:flex-start}.app-shell .dues-outlook-scroll{padding-inline:14px}.app-shell .dues-row{gap:7px;padding:13px}.app-shell .dues-row>.finance-status{display:none}.app-shell .dues-card .finance-panel-head{padding:20px}.app-shell .dues-card-link{font-size:9px}}@media (max-width:470px){.app-shell .dues-row-icon{display:none}.app-shell .dues-row-end strong{font-size:10px}.app-shell .dues-status-select{min-width:73px;max-width:84px;font-size:8px}.app-shell .dues-row-arrow{display:none}}.app-shell .dues-card .finance-panel-head{min-height:105px}.app-shell .dues-expenses-card{box-shadow:inset 0 3px #dc8798,0 9px 28px #2134540b}.app-shell .dues-invoices-card{box-shadow:inset 0 3px #69b6d7,0 9px 28px #2134540b}.app-shell .dues-row-list{max-height:520px}.app-shell .dues-row{text-align:left;cursor:pointer;background:#fff;border-left:4px solid #0000;width:100%;min-height:76px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;position:relative}.app-shell .dues-row:hover{z-index:1;transform:translateY(-1px);box-shadow:0 8px 22px #33475f12}.app-shell .dues-row-paid{background:linear-gradient(90deg,#eaf8f1 0,#f4fcf8 55%,#ecf9f3 100%);border-left-color:#5eb28b}.app-shell .dues-row-paid:hover{background:linear-gradient(90deg,#e3f5ec,#effaf5)}.app-shell .dues-row-upcoming,.app-shell .dues-row-sent,.app-shell .dues-row-projected{background:linear-gradient(90deg,#f1f8ff,#fbfdff);border-left-color:#65a9d1}.app-shell .dues-row-unpaid,.app-shell .dues-row-overdue{background:linear-gradient(90deg,#fff2f1,snow);border-left-color:#d27070}.app-shell .dues-row-partial-payment{background:linear-gradient(90deg,#fff7e9,#fffdf8);border-left-color:#d5a052}.app-shell .dues-row-null{background:linear-gradient(90deg,#f5f6f8,#fff);border-left-color:#a1aab7}.app-shell .dues-row-copy strong{font-size:12px;font-weight:700}.app-shell .dues-row-copy small{font-size:9.5px}.app-shell .dues-row-end strong{font-size:12px;font-weight:750}.app-shell .dues-row-end small{font-size:9px}.app-shell .dues-row-status{white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:84px;padding:7px 10px;font-size:9px;font-weight:750;display:inline-flex}.app-shell .dues-row-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.app-shell .dues-row-status.paid{color:#348262;background:#fff8}.app-shell .dues-row-status.upcoming,.app-shell .dues-row-status.sent{color:#477fa6;background:#fff9}.app-shell .dues-row-status.unpaid,.app-shell .dues-row-status.overdue{color:#b45754;background:#fff9}.app-shell .dues-row-status.partial-payment{color:#9b6d2d;background:#fff9}.app-shell .dues-row-status.null{color:#7f8c9e;background:#fff9}.app-shell .dues-row-paid .dues-row-copy strong,.app-shell .dues-row-paid .dues-row-end strong{color:#286c53}.app-shell .dues-row-overdue .dues-row-copy strong,.app-shell .dues-row-overdue .dues-row-end strong{color:#9d4744}.app-shell .dues-row-arrow{color:#8660b4;flex:none}.app-shell .dues-detail-drawer{width:min(500px,100vw);height:100dvh;max-height:100dvh;margin:0;animation:.24s ease-out dues-drawer-in;inset:0 0 0 auto;overflow:hidden}.app-shell .dues-detail-drawer .dialog-surface{background:#fff;border-width:0 0 0 1px;border-radius:20px 0 0 20px;flex-direction:column;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:-24px 0 70px #2536522b}.app-shell .dues-detail-drawer .dialog-heading{border-bottom:1px solid #e8edf3;flex:none;padding:20px 26px}.app-shell .dues-detail-drawer .dialog-heading h2{color:#29374f;font-size:14px}.app-shell .dues-drawer-hero{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:29px 27px;display:grid}.app-shell .dues-drawer-hero.outgoing{background:radial-gradient(circle at 92% 0,#f8dfe7,#0000 44%),linear-gradient(130deg,#fff7f9,#fbf9ff)}.app-shell .dues-drawer-hero.incoming{background:radial-gradient(circle at 92% 0,#dff4fc,#0000 44%),linear-gradient(130deg,#f1fbff,#faf8ff)}.app-shell .dues-drawer-hero span{color:#8d5eb7;letter-spacing:.12em;font-size:8px;font-weight:800}.app-shell .dues-drawer-hero h3{color:#283b56;letter-spacing:-.7px;overflow-wrap:anywhere;margin-top:9px;font:700 24px Poppins,sans-serif}.app-shell .dues-drawer-hero p{color:#7f90a6;margin-top:6px;font-size:11px;line-height:1.6}.app-shell .dues-drawer-hero>strong{color:#203854;letter-spacing:-.65px;white-space:nowrap;font:800 24px Poppins,sans-serif}.app-shell .dues-drawer-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-height:0;padding:24px 27px;overflow:hidden auto}.app-shell .dues-drawer-scroll::-webkit-scrollbar{width:7px}.app-shell .dues-drawer-scroll::-webkit-scrollbar-thumb{background:#cbd4e2 padding-box padding-box;border:2px solid #0000;border-radius:999px}.app-shell .dues-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-shell .dues-drawer-grid>div{background:#f8fafe;border:1px solid #e4eaf2;border-radius:10px;min-width:0;padding:16px}.app-shell .dues-drawer-grid span,.app-shell .dues-drawer-note>span{color:#98a6b8;letter-spacing:.09em;font-size:8px;font-weight:750;display:block}.app-shell .dues-drawer-grid strong{color:#384b65;overflow-wrap:anywhere;margin-top:7px;font-size:12px;line-height:1.55;display:block}.app-shell .dues-drawer-status{border:1px solid #e4e9f1;border-radius:11px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;margin-top:16px;padding:15px 16px;display:grid}.app-shell .dues-drawer-status span{color:#8751b9;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.app-shell .dues-drawer-status small{color:#929faf;margin-top:5px;font-size:9px;display:block}.app-shell .dues-drawer-status .select-trigger{color:#40536c;background:#f8fafe;border:1px solid #dce3ed;height:40px;font-size:11px;font-weight:650}.app-shell .dues-drawer-state{border:1px solid;border-radius:10px;align-items:center;gap:7px;margin-bottom:16px;padding:12px 14px;font-size:11px;font-weight:750;display:flex}.app-shell .dues-drawer-state i{background:currentColor;border-radius:50%;width:8px;height:8px}.app-shell .dues-drawer-state.paid{color:#378365;background:#edf9f3}.app-shell .dues-drawer-state.sent,.app-shell .dues-drawer-state.upcoming{color:#477fa6;background:#eef7ff}.app-shell .dues-drawer-state.overdue,.app-shell .dues-drawer-state.unpaid{color:#b45754;background:#fff1f0}.app-shell .dues-drawer-state.partial-payment{color:#9b6d2d;background:#fff7e9}.app-shell .dues-drawer-note{background:#fcf9ff;border:1px solid #e8ddf3;border-radius:11px;margin-top:16px;padding:17px}.app-shell .dues-drawer-note p{color:#63738a;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;font-size:11px;line-height:1.75}.app-shell .dues-drawer-footer{color:#8a98aa;background:#fff;border-top:1px solid #e8edf3;flex:none;justify-content:flex-end;align-items:center;min-height:75px;padding:17px 27px;font-size:10px;display:flex}.app-shell .dues-drawer-footer .button{min-height:38px;font-size:10px}@keyframes dues-drawer-in{0%{opacity:.7;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@media (max-width:720px){.app-shell .dues-row-status{min-width:72px;padding-inline:7px}.app-shell .dues-detail-drawer .dialog-surface{border-radius:0}.app-shell .dues-drawer-grid,.app-shell .dues-drawer-status{grid-template-columns:1fr}}.app-shell .dues-month-control>button.dues-month-step{justify-content:center;align-items:center;gap:5px;width:auto;min-width:77px;height:32px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.app-shell .dues-month-control>button.dues-current-month{color:#7d4fb3;white-space:nowrap;width:auto;height:32px;padding:0 10px;font-size:9px;font-weight:700}.app-shell .dues-ledgers{align-items:stretch}.app-shell .dues-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-shell .dues-card .finance-panel-head,.app-shell .dues-card-tools,.app-shell .dues-table-head{flex:none}.app-shell .dues-row-list{flex:1;min-height:0;max-height:none;overflow:visible}.app-shell .dues-table-head,.app-shell .dues-row{grid-template-columns:minmax(105px,1.25fr) minmax(110px,1.25fr) minmax(125px,1.2fr) minmax(82px,.8fr) minmax(86px,.85fr) 18px;align-items:center;column-gap:11px;display:grid}.app-shell .dues-table-head{color:#8f9db0;letter-spacing:.08em;background:#f8fafe;border-bottom:1px solid #e8edf4;padding:12px 18px;font-size:8px;font-weight:750}.app-shell .dues-row{min-width:0;min-height:72px;padding:13px 18px}.app-shell .dues-cell{min-width:0;display:block}.app-shell .dues-cell strong{color:#35465e;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;display:block;overflow:hidden}.app-shell .dues-cell small{color:#93a1b3;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;display:block;overflow:hidden}.app-shell .dues-date-cell{color:#536780;white-space:normal;font-size:10px;font-weight:600;line-height:1.45}.app-shell .dues-amount-cell{color:#263b57;white-space:nowrap;font-size:12px;font-weight:800}.app-shell .dues-row-paid .dues-cell strong,.app-shell .dues-row-paid .dues-amount-cell{color:#286c53}.app-shell .dues-row-overdue .dues-cell strong,.app-shell .dues-row-overdue .dues-amount-cell{color:#9d4744}.app-shell .dues-row .dues-row-arrow{justify-self:end}@media (max-width:1380px) and (min-width:1201px){.app-shell .dues-table-head,.app-shell .dues-row{grid-template-columns:minmax(90px,1.15fr) minmax(96px,1.15fr) minmax(104px,1fr) 78px 80px 15px;column-gap:8px;padding-inline:13px}.app-shell .dues-row-status{min-width:75px;padding-inline:7px;font-size:8px}.app-shell .dues-date-cell{font-size:9px}.app-shell .dues-cell strong{font-size:10.5px}.app-shell .dues-cell small{font-size:8px}}@media (max-width:720px){.app-shell .dues-month-control{flex-wrap:wrap;max-width:100%}.app-shell .dues-month-control label{order:-1;width:100%;height:31px}.app-shell .dues-month-control>button.dues-month-step,.app-shell .dues-month-control>button.dues-current-month{flex:1}.app-shell .dues-table-head,.app-shell .dues-row{min-width:650px}}