.main-panel:has(.invoice-workspace)>.empty-view{display:none}.invoice-workspace{color:#e8e7e3;background:#151718;min-height:calc(100vh - 70px);padding:28px}.invoice-page-head{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex}.invoice-page-head h2{margin:4px 0;font:500 30px Georgia,serif}.invoice-page-head p:last-child{color:#aaa8a3;margin:0}.invoice-page-head>button,.invoice-lines-card header button,.invoice-actions button{color:#e8e7e3;background:#242627;border:1px solid #55524d;border-radius:8px;padding:10px 13px;font-weight:800}.invoice-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.invoice-kpis>div,.invoice-card{background:#202223;border:1px solid #45413a;border-radius:11px;padding:16px}.invoice-kpis small,.invoice-kpis strong{display:block}.invoice-kpis small{color:#aaa8a3;text-transform:uppercase}.invoice-kpis strong{color:#e7c27b;margin-top:7px;font-size:22px}.invoice-filters{grid-template-columns:1fr 190px;gap:10px;margin-bottom:12px;display:grid}.invoice-filters input,.invoice-filters select,.invoice-card input,.invoice-card select,.invoice-card textarea{color:#f0efeb;background:#181a1b;border:1px solid #55524d;border-radius:8px;width:100%;min-width:0;padding:10px}.invoice-message{color:#f0d698;background:#30291f;border-left:4px solid #c49a57;border-radius:7px;padding:11px}.invoice-empty{text-align:center;color:#aaa8a3;border:1px dashed #55524d;border-radius:12px;place-items:center;min-height:280px;display:grid}.invoice-list{border:1px solid #45413a;border-radius:11px;overflow:auto}.invoice-list-row{border-top:1px solid #383a3b;grid-template-columns:1fr 1.6fr 1fr .9fr 1fr 1fr;align-items:center;gap:12px;min-width:780px;padding:13px 15px;display:grid}.invoice-list-row.head{color:#aaa8a3;text-transform:uppercase;background:#262829;border-top:0;font-size:9px}.invoice-list-row b{text-align:right}.invoice-status{text-transform:capitalize;background:#343332;border-radius:12px;width:max-content;padding:5px 8px;font-size:9px;font-style:normal}.invoice-status.draft{color:#e6c58f}.invoice-status.submitted,.invoice-status.sent{color:#abd9f4}.invoice-status.paid{color:#a9e0bd}.invoice-editor{gap:14px;display:grid}.invoice-card h3{margin:0 0 13px;font:500 18px Georgia,serif}.invoice-card label{color:#c3c0ba;gap:5px;font-size:9px;font-weight:800;display:grid}.invoice-card textarea{resize:vertical;min-height:70px}.invoice-form-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.invoice-form-grid .wide{grid-column:1/4}.invoice-lines-card{overflow:auto}.invoice-lines-card>header{justify-content:space-between;display:flex}.invoice-line{grid-template-columns:minmax(220px,2fr) 80px 90px 110px 45px 110px 34px;align-items:center;gap:8px;min-width:760px;margin-top:8px;display:grid}.invoice-line.head{color:#aaa8a3;text-transform:uppercase;font-size:8px}.invoice-line input[type=checkbox]{width:18px;height:18px}.invoice-line strong{text-align:right}.invoice-line>button{color:#ffc9c2;background:#3b2927;border:0;border-radius:7px;height:34px}.invoice-lower{grid-template-columns:1.6fr 1fr;gap:14px;display:grid}.invoice-card>label{margin-top:10px}.invoice-total-card>div{border-top:1px solid #45413a;margin-top:16px}.invoice-total-card span,.invoice-total-card strong{justify-content:space-between;padding:7px;display:flex}.invoice-total-card>div>strong{color:#f0d698;border-top:1px solid #55524d;font-size:17px}.invoice-actions{justify-content:flex-end;gap:9px;display:flex}.invoice-actions .primary{color:#0b0c0d;background:#a9792d;border:0}.invoice-preview{color:#272727;background:#f7f5f0;border-radius:12px;max-width:900px;margin:auto;padding:35px}.invoice-preview>header,.invoice-preview>section{justify-content:space-between;gap:30px;display:flex}.invoice-preview>header b,.invoice-preview>header small{display:block}.invoice-preview>header b{font:700 25px Georgia,serif}.invoice-preview>header h3{margin:0;font-size:26px}.invoice-preview>section{border-top:2px solid #b08a4f;margin-top:25px;padding-top:20px}.invoice-preview small{color:#74716d;font-size:9px;display:block}.invoice-preview p{white-space:pre-line}.preview-lines{margin-top:20px}.preview-lines>div{border-bottom:1px solid #d9d4ca;grid-template-columns:1fr 70px 110px 110px;gap:12px;padding:10px;display:grid}.preview-lines .head{color:#fff;background:#292a2b}.preview-lines strong{text-align:right}.preview-totals{width:min(360px,100%);margin:18px 0 18px auto}.preview-totals span,.preview-totals>strong{justify-content:space-between;padding:7px;display:flex}.preview-totals>strong{border-top:2px solid #292a2b}.invoice-preview footer{border-top:1px solid #d9d4ca}.invoice-preview .invoice-actions button{color:#292a2b;background:#fff}.invoice-preview .invoice-actions .primary{color:#fff;background:#9b7131}@media (width<=760px){.invoice-workspace{padding:16px 10px}.invoice-page-head{flex-direction:column}.invoice-kpis,.invoice-filters,.invoice-form-grid,.invoice-lower{grid-template-columns:1fr}.invoice-form-grid .wide{grid-column:auto}.invoice-preview{padding:20px 14px}.invoice-preview>header,.invoice-preview>section{flex-direction:column}.invoice-actions{grid-template-columns:1fr;display:grid}}.invoice-number-help{color:#aaa8a3;margin:-5px 0 12px;font-size:12px}.invoice-lines-card>header{align-items:center;gap:12px}.invoice-line-actions{flex-wrap:wrap;gap:8px;display:flex}.invoice-line-actions button:disabled{opacity:.5;cursor:not-allowed}.invoice-hours-hint,.invoice-hours-rate-note{color:#aaa8a3;font-size:12px;display:block}.invoice-hours-picker{background:#252522;border:1px solid #665a44;border-radius:9px;margin:10px 0 14px;padding:12px}.invoice-hours-picker>header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;display:flex}.invoice-hours-picker>header strong,.invoice-hours-picker>header small{display:block}.invoice-hours-picker>header small,.invoice-hours-list article small{color:#aaa8a3;margin-top:4px;font-size:11px}.invoice-hours-picker>header>button{color:#eee;background:0 0;border:0;font-size:22px}.invoice-hours-list{gap:7px;display:grid}.invoice-hours-list article{background:#1c1e1f;border:1px solid #45413a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px;display:grid}.invoice-hours-list article>div strong,.invoice-hours-list article>div small{display:block}.invoice-hours-list article>b{color:#f0d698;white-space:nowrap}.invoice-hours-list article button{color:#0b0c0d;background:#a9792d;border:0;border-radius:7px;padding:8px 11px;font-weight:800}.invoice-hours-rate-note{margin-top:9px}@media (width<=760px){.invoice-lines-card>header{flex-direction:column;align-items:flex-start}.invoice-line-actions{width:100%}.invoice-hours-list article{grid-template-columns:minmax(0,1fr) auto}.invoice-hours-list article button{grid-column:1/-1}}.invoice-preview-shell{gap:14px;width:min(980px,100%);margin:0 auto;display:grid}.invoice-preview-document{background:#fff;border:1px solid #3d4141;border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #0005}.invoice-preview-document iframe{background:#fff;border:0;width:100%;height:min(1120px,100vh - 210px);min-height:680px;display:block}.invoice-preview-loading{color:#555;place-items:center;min-height:680px;display:grid}@media (width<=760px){.invoice-preview-document iframe{height:75vh;min-height:520px}.invoice-preview-loading{min-height:520px}}.invoice-head-actions{gap:8px;display:flex}.invoice-head-actions button,.invoice-row-actions button,.recurring-summary button{color:#e8e7e3;background:#242627;border:1px solid #55524d;border-radius:8px;padding:10px 12px;font-weight:800}.invoice-list-row{grid-template-columns:1fr 1.45fr .9fr .8fr .9fr .9fr 1.2fr}.invoice-row-actions{justify-content:flex-end;gap:5px;display:flex}.invoice-row-actions button{padding:7px 8px;font-size:9px}.recurring-summary{background:#202223;border:1px solid #45413a;border-radius:11px;margin-top:18px;overflow:hidden}.recurring-summary>header,.recurring-summary>div{border-top:1px solid #383a3b;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:14px;padding:12px 15px;display:grid}.recurring-summary>header{border-top:0;justify-content:space-between;display:flex}.recurring-summary h3{margin:0;font:500 17px Georgia,serif}.recurring-summary span strong,.recurring-summary span small{display:block}.recurring-summary small{color:#aaa8a3}.recurring-summary i{color:#e7c27b;font-size:9px;font-style:normal}.invoice-modal-backdrop{z-index:240;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.invoice-modal{color:#e8e7e3;background:#202223;border:1px solid #5b5449;border-top:4px solid #c49a57;border-radius:12px;width:min(520px,100%);max-height:90vh;padding:18px;overflow:auto;box-shadow:0 25px 80px #000b}.invoice-modal>header{justify-content:space-between;gap:15px;margin-bottom:14px;display:flex}.invoice-modal h3{margin:4px 0;font:500 21px Georgia,serif}.invoice-modal header small{color:#aaa8a3}.invoice-modal header>button{color:#e8e7e3;background:0 0;border:0;font-size:22px}.invoice-modal>label{color:#c3c0ba;gap:5px;margin:10px 0;font-size:9px;font-weight:800;display:grid}.invoice-modal input,.invoice-modal select{color:#f0efeb;background:#181a1b;border:1px solid #55524d;border-radius:8px;width:100%;padding:10px}.invoice-modal .invoice-check{border:1px solid #45413a;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.invoice-check input{width:18px}.invoice-check span strong,.invoice-check span small{display:block}.invoice-check small{color:#aaa8a3;margin-top:3px}.invoice-modal>footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.invoice-modal footer button,.invoice-modal-empty button{color:#eee;background:#292b2c;border:1px solid #55524d;border-radius:8px;padding:10px 12px;font-weight:800}.invoice-modal footer .primary{color:#0b0c0d;background:#a9792d;border:0}.invoice-modal-empty{text-align:center;border:1px dashed #55524d;border-radius:8px;padding:18px}@media (width<=760px){.invoice-head-actions{grid-template-columns:1fr;display:grid}.invoice-list-row{grid-template-columns:1fr 1.3fr .9fr .8fr .9fr .9fr 1.2fr}.recurring-summary>div{grid-template-columns:1fr}.invoice-row-actions{justify-content:flex-start}.invoice-modal>footer{grid-template-columns:1fr 1fr;display:grid}}.invoice-progress-line{background:#24231f;border:1px solid #6d5b3c;border-left:4px solid #c79335;border-radius:10px;gap:12px;margin:10px 0;padding:14px;display:grid}.invoice-progress-line>header{align-items:flex-end;gap:12px;display:flex}.invoice-progress-line>header label{color:#c8c3b9;text-transform:uppercase;letter-spacing:.06em;flex:1;gap:5px;font-size:9px;font-weight:800;display:grid}.invoice-progress-line input{color:#f0efeb;background:#181a1b;border:1px solid #55524d;border-radius:8px;width:100%;padding:10px}.invoice-progress-line button{color:#eee;background:#2b2a26;border:1px solid #625a4c;border-radius:8px;padding:9px 11px;font-weight:800}.invoice-progress-line>header>button,.invoice-progress-points button{color:#e8b6a5}.invoice-progress-points{gap:8px;display:grid}.invoice-progress-points>div{grid-template-columns:18px 1fr auto;align-items:center;gap:8px;display:grid}.invoice-progress-points>div>span{color:#d6a54c;text-align:center;font-size:18px}.invoice-progress-add{justify-self:start;color:#e4bd72!important}@media (width<=760px){.invoice-progress-line>header{align-items:stretch}.invoice-progress-points>div{grid-template-columns:16px 1fr auto}}
