.screen-bills .page-head{flex-wrap:nowrap;flex-shrink:0;align-items:flex-start;margin-bottom:0;padding:20px 24px 0}.screen-bills .tabs{border-bottom:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:2px;padding:14px 24px 0;display:flex;overflow-x:auto}.screen-bills .tab{cursor:pointer;font:500 13.5px var(--font-ui);color:var(--fg-2);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:9px 12px 12px;transition:color .12s;display:inline-flex}.screen-bills .tab:hover{color:var(--fg-1)}.screen-bills .tab.on{color:var(--fg-1);border-bottom-color:var(--primary);font-weight:600}.screen-bills .tab .tc{font:600 11px var(--font-ui);border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-1);color:var(--fg-3);padding:1px 7px}.screen-bills .tab.on .tc{background:var(--indigo-subtle);color:var(--indigo-text);border-color:#0000}.screen-bills .tab.review .tc{background:var(--review-bg);color:var(--review-ink);border-color:#0000}.screen-bills .controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;display:flex}.screen-bills .fsearch{background:var(--surface);border:1px solid var(--border-2);border-radius:8px;flex:0 260px;align-items:center;gap:8px;min-width:220px;padding:7px 10px;transition:border-color .12s,box-shadow .12s;display:inline-flex}.screen-bills .fsearch:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 22%, transparent)}.screen-bills .fsearch .icon{width:15px;height:15px;color:var(--fg-3);flex-shrink:0}.screen-bills .fsearch input{font:400 13px var(--font-ui);color:var(--fg-1);background:0 0;border:0;outline:0;width:100%}.screen-bills .fsearch input::placeholder{color:var(--fg-3)}.screen-bills .chip{background:var(--surface);border:1px solid var(--border-1);color:var(--fg-2);font:500 12.5px var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.screen-bills .chip:hover{background:var(--surface-sunken);color:var(--fg-1)}.screen-bills .chip .icon{width:13px;height:13px;color:var(--fg-3)}.screen-bills .chip .icon.lead{width:14px}.screen-bills .chip.active{background:var(--indigo-subtle);color:var(--indigo-text);border-color:#0000}.screen-bills .chip.active .icon{color:var(--indigo-text)}.screen-bills .chip .cval{color:var(--fg-1);font-weight:600}.screen-bills .chip.active .cval{color:var(--indigo-text)}.screen-bills .ctrl-spacer{flex:auto}.screen-bills .ctrlbtn{background:var(--surface);border:1px solid var(--border-1);color:var(--fg-2);font:500 12.5px var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;transition:background .12s,color .12s;display:inline-flex}.screen-bills .ctrlbtn:hover{background:var(--surface-sunken);color:var(--fg-1)}.screen-bills .ctrlbtn .icon{width:14px;height:14px;color:var(--fg-3)}.screen-bills .density{background:var(--surface-sunken);border:1px solid var(--border-1);border-radius:8px;padding:3px;display:inline-flex}.screen-bills .density button{color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:4px 8px;transition:background .12s,color .12s;display:grid}.screen-bills .density button .icon{width:15px;height:15px}.screen-bills .density button.on{background:var(--surface);color:var(--fg-1);box-shadow:var(--shadow-popover)}.screen-bills .density button:hover:not(.on){color:var(--fg-2)}.screen-bills .menu-item .mch{border:1.5px solid var(--border-2);border-radius:4px;flex-shrink:0;place-items:center;width:13px;height:13px;display:grid}.screen-bills .menu-item .mch.on{background:var(--primary);border-color:var(--primary);color:var(--fg-on-accent)}.screen-bills .menu-item .mlabel{font:500 13px var(--font-ui);color:var(--fg-1);flex:1}.screen-bills .table-scroll{flex:1;position:relative;overflow:auto}.screen-bills table.bills{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:940px}.screen-bills table.bills .col-check{width:44px}.screen-bills table.bills col.c-vendor{width:auto}.screen-bills table.bills th.c-inv,.screen-bills table.bills td.c-inv{width:116px}.screen-bills table.bills th.c-amount,.screen-bills table.bills td.c-amount{width:132px}.screen-bills table.bills th.c-due,.screen-bills table.bills td.c-due{width:124px}.screen-bills table.bills th.c-status,.screen-bills table.bills td.c-status{width:138px}.screen-bills table.bills th.c-gl,.screen-bills table.bills td.c-gl{width:156px}.screen-bills table.bills th.c-flag,.screen-bills table.bills td.c-flag{width:56px}.screen-bills table.bills thead th{z-index:10;background:var(--surface-sunken);text-align:left;font:600 10px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--border-1);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;position:sticky;top:0}.screen-bills table.bills thead th.sortable{cursor:pointer}.screen-bills table.bills thead th.sortable:hover{color:var(--fg-2)}.screen-bills table.bills th.num,.screen-bills table.bills td.num{text-align:right}.screen-bills table.bills th .tharr{vertical-align:middle;color:var(--primary);margin-left:4px;display:inline-flex}.screen-bills table.bills th .tharr .icon{width:12px;height:12px}.screen-bills table.bills tbody td{border-bottom:1px solid var(--border-1);color:var(--fg-1);vertical-align:middle;padding:0 14px}.screen-bills table.bills tbody tr{transition:background .1s}.screen-bills table.bills tbody tr:hover{background:var(--surface-sunken)}.screen-bills table.bills tbody tr.sel{background:var(--indigo-subtle)}.screen-bills table.bills tbody tr.sel:hover{background:color-mix(in srgb, var(--primary) 14%, transparent)}.screen-bills .dense-40 table.bills tbody td{height:40px}.screen-bills .dense-48 table.bills tbody td{height:48px}.screen-bills .dense-56 table.bills tbody td{height:56px}.screen-bills .col-check{width:44px;padding-left:16px!important}.screen-bills .cbox{border:1.5px solid var(--border-2);background:var(--surface);cursor:pointer;color:#0000;border-radius:4px;place-items:center;width:16px;height:16px;transition:background .12s,border-color .12s,opacity .12s;display:grid}.screen-bills .cbox .icon{width:12px;height:12px}.screen-bills .cbox.on,.screen-bills .cbox.partial{background:var(--primary);border-color:var(--primary);color:var(--fg-on-accent)}.screen-bills tbody .cbox:not(.on){opacity:0}.screen-bills tbody tr:hover .cbox,.screen-bills tbody tr.sel .cbox,.screen-bills tbody .cbox.on{opacity:1}.screen-bills .v-cell{align-items:center;gap:10px;min-width:0;display:flex}.screen-bills .v-av{background:var(--surface-sunken);border:1px solid var(--border-1);width:28px;height:28px;font:600 10px var(--font-ui);color:var(--fg-2);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.screen-bills .v-name{font:600 13px var(--font-ui);color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.screen-bills .inv{font:500 12.5px var(--font-mono);color:var(--fg-2);white-space:nowrap}.screen-bills .amt{font:600 13.5px var(--font-ui);color:var(--fg-1);font-variant-numeric:tabular-nums;white-space:nowrap}.screen-bills .due-main{font:500 13px var(--font-ui);color:var(--fg-1);white-space:nowrap}.screen-bills .due-hint{font:500 11px var(--font-ui);white-space:nowrap;margin-top:2px}.screen-bills .due-hint.overdue{color:var(--overdue-ink)}.screen-bills .due-hint.soon{color:var(--fg-2)}.screen-bills .due-hint.none{color:var(--fg-3)}.screen-bills .gl-chip{font:500 12.5px var(--font-ui);color:var(--fg-2);white-space:nowrap}.screen-bills .flag{cursor:pointer;border-radius:6px;place-items:center;width:26px;height:26px;display:inline-grid}.screen-bills .flag .icon{width:15px;height:15px;color:var(--review-ink)}.screen-bills .flag:hover{background:var(--review-bg)}.screen-bills .col-flag{text-align:center;width:52px}.screen-bills .pill{padding:3px 9px 3px 7px}.screen-bills .tfoot{border-top:1px solid var(--border-1);background:var(--surface-sunken);flex-shrink:0;align-items:center;gap:14px;padding:12px 16px;display:flex;position:sticky;bottom:0}.screen-bills .tfoot .tf-label{font:600 11px var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3)}.screen-bills .tfoot .tf-count{font:500 12.5px var(--font-ui);color:var(--fg-3)}.screen-bills .tfoot .tf-spacer{flex:1}.screen-bills .tfoot .tf-sumlabel{font:500 12.5px var(--font-ui);color:var(--fg-2)}.screen-bills .tfoot .tf-sum{font:700 18px var(--font-display);color:var(--fg-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.screen-bills .bulkbar-wrap{pointer-events:none;z-index:40;justify-content:center;display:flex;position:absolute;bottom:18px;left:0;right:0}.screen-bills .bulkbar{pointer-events:auto;background:var(--surface);border:1px solid var(--border-1);box-shadow:var(--shadow-modal);border-radius:12px;align-items:center;gap:6px;padding:8px 8px 8px 14px;animation:.16s bulkUp;display:inline-flex}.screen-bills .bulkbar .bb-count{font:600 13px var(--font-ui);color:var(--fg-1);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.screen-bills .bulkbar .bb-badge{background:var(--primary);color:var(--fg-on-accent);font:600 12px var(--font-ui);border-radius:var(--radius-full);place-items:center;min-width:22px;height:22px;padding:0 7px;display:grid}.screen-bills .bulkbar .bb-sum{font:500 12.5px var(--font-ui);color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap}.screen-bills .bulkbar .bb-div{background:var(--border-1);width:1px;height:24px;margin:0 4px}.screen-bills .bb-act{color:var(--fg-2);font:600 12.5px var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;transition:background .12s,color .12s;display:inline-flex}.screen-bills .bb-act:hover{background:var(--surface-sunken);color:var(--fg-1)}.screen-bills .bb-act.primary{background:var(--primary);color:var(--fg-on-accent)}.screen-bills .bb-act.primary:hover{background:var(--primary-hover)}.screen-bills .bb-act .icon{width:14px;height:14px}.screen-bills .bb-close{width:30px;height:30px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.screen-bills .bb-close:hover{background:var(--surface-sunken);color:var(--fg-1)}.screen-bills .bb-close .icon{width:16px;height:16px}.screen-bills .ctrl-badge{font:600 10.5px var(--font-ui);border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-1);min-width:16px;height:16px;color:var(--fg-2);place-items:center;padding:0 5px;display:grid}.screen-bills .menu-empty{font:500 12.5px var(--font-ui);color:var(--fg-3);padding:9px 12px}.screen-bills .view-item{justify-content:space-between;gap:6px}.screen-bills .view-item .vi-main{cursor:pointer;flex:1;align-items:center;gap:9px;min-width:0;display:inline-flex}.screen-bills .view-item .vi-main .icon{width:14px;height:14px;color:var(--fg-3);flex-shrink:0}.screen-bills .view-item .vi-name{font:500 13px var(--font-ui);color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.screen-bills .vi-del{width:24px;height:24px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.screen-bills .vi-del:hover{background:var(--surface-sunken);color:var(--failed-solid)}.screen-bills .vi-del:disabled{opacity:.5;cursor:default}.screen-bills .view-save{align-items:center;gap:6px;padding:8px 10px 2px;display:flex}.screen-bills .view-save input{border:1px solid var(--border-2);background:var(--surface);min-width:0;font:400 12.5px var(--font-ui);color:var(--fg-1);border-radius:7px;outline:0;flex:1;padding:6px 9px;transition:border-color .12s,box-shadow .12s}.screen-bills .view-save input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 22%, transparent)}.screen-bills .view-save input::placeholder{color:var(--fg-3)}.screen-bills .vs-btn{background:var(--primary);color:var(--fg-on-accent);font:600 12.5px var(--font-ui);cursor:pointer;border:0;border-radius:7px;padding:6px 12px;transition:background .12s,opacity .12s}.screen-bills .vs-btn:hover:not(:disabled){background:var(--primary-hover)}.screen-bills .vs-btn:disabled{opacity:.5;cursor:default}.screen-bills .modal-scrim{z-index:80;background:color-mix(in srgb, var(--bg-0,#0a0a0a) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:24px;animation:.14s scrimIn;display:grid;position:fixed;inset:0}.screen-bills .import-modal{background:var(--surface);border:1px solid var(--border-1);width:min(760px,100%);max-height:min(76vh,640px);box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;animation:.16s bulkUp;display:flex;overflow:hidden}.screen-bills .im-head{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:flex-start;padding:16px 18px;display:flex}.screen-bills .im-title{font:600 15px var(--font-ui);color:var(--fg-1)}.screen-bills .im-sub{font:500 12.5px var(--font-ui);color:var(--fg-3);margin-top:2px}.screen-bills .im-x{width:30px;height:30px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .12s,color .12s;display:grid}.screen-bills .im-x:hover{background:var(--surface-sunken);color:var(--fg-1)}.screen-bills .im-body{flex:1;overflow:auto}.screen-bills .im-table{border-collapse:collapse;width:100%}.screen-bills .im-table thead th{background:var(--surface-sunken);text-align:left;font:600 10px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--border-1);white-space:nowrap;padding:9px 14px;position:sticky;top:0}.screen-bills .im-table thead th.num{text-align:right}.screen-bills .im-table tbody td{border-bottom:1px solid var(--border-1);font:500 12.5px var(--font-ui);color:var(--fg-1);white-space:nowrap;padding:9px 14px}.screen-bills .im-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.screen-bills .im-table .im-st{width:30px}.screen-bills .im-table .im-st .icon{width:15px;height:15px;color:var(--paid-solid);display:block}.screen-bills .im-table tr.im-bad .im-st .icon{color:var(--failed-solid)}.screen-bills .im-table tr.im-bad td{color:var(--fg-3)}.screen-bills .im-reason{font:600 10.5px var(--font-ui);color:var(--failed-solid);background:color-mix(in srgb, var(--failed-solid) 12%, transparent);border-radius:var(--radius-full);margin-left:8px;padding:1px 7px;display:inline-block}.screen-bills .im-muted{color:var(--fg-3)}.screen-bills .im-foot{border-top:1px solid var(--border-1);background:var(--surface-sunken);align-items:center;gap:10px;padding:12px 16px;display:flex}.screen-bills .im-tmpl{color:var(--fg-2);font:500 12.5px var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;display:inline-flex}.screen-bills .im-tmpl:hover{color:var(--fg-1)}.screen-bills .im-tmpl .icon{width:14px;height:14px;color:var(--fg-3)}.screen-bills .im-spacer{flex:1}.screen-bills .im-count{font:500 12.5px var(--font-ui);color:var(--fg-3);white-space:nowrap}@media (max-width:680px){.screen-bills .page-head,.screen-bills .tabs,.screen-bills .controls{padding-left:16px;padding-right:16px}}
