@charset "UTF-8";
:root{--bg:#f6f6f3;--paper:#fff;--ink:#20221f;--muted:#7a7d74;--line:#e8e9e3;--red:#e44935;--red-hover:#c93b29;--soft-red:#fcece8;--green:#2d7660;--soft-green:#eaf4ee;--sidebar:232px;--radius:14px;--shadow:0 5px 24px #292d2010}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.15px;font-weight:650;margin-bottom:12px}h2{font-size:18px;font-weight:650;letter-spacing:-.35px;margin-bottom:8px}h3{font-size:15px;font-weight:650;margin-bottom:8px}p{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.mono,.money{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:var(--red);color:white;font-size:24px;font-weight:800;letter-spacing:-3px;padding-right:3px;line-height:1}.brand-name{font-size:22px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-caption{display:block;margin-top:5px;font-size:8px;letter-spacing:2.5px;font-weight:600;color:var(--muted)}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:34px 20px 20px;background:#fff;border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column}.sidebar .brand{margin-left:13px}.nav-label{margin:48px 15px 13px;font-size:10px;letter-spacing:1.6px;font-weight:650;color:#a2a59c;text-transform:uppercase}.nav-links{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#777c73;font-size:13px;font-weight:500}.nav-link:hover{background:#f8f8f5;color:#31372e}.nav-link.active{color:var(--red);background:var(--soft-red);font-weight:600}.sidebar-bottom{margin-top:auto}.sidebar-note{padding:19px 15px 22px;color:var(--muted);font-size:11px;line-height:1.7}.sidebar-note strong{color:#63685e;font-weight:550;display:block;margin-bottom:3px}.account{border-top:1px solid var(--line);padding:19px 10px 0;display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;background:#f0f1eb;border:1px solid #e6e8de;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#69715e;flex-shrink:0}.account-info{min-width:0;flex:1}.account-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label{font-size:10px;color:var(--muted)}.logout{border:0;background:none;color:#8b8e86;padding:5px}.logout:hover{color:var(--red)}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#fafaf8}.breadcrumb{font-size:12px;color:#8b8e85}.breadcrumb span{color:#3b4037;margin-left:8px}.topbar-right{display:flex;align-items:center;gap:20px;color:#979b91;font-size:11px}.workspace-indicator{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#76a183;border-radius:50%}.content{max-width:1390px;padding:40px 48px 64px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:31px}.page-heading h1{margin-bottom:8px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:4px}.btn{border:1px solid var(--line);background:white;color:#4b5046;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.5;min-height:39px;transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:#f7f8f3;color:var(--ink);border-color:#d5d9cc}.btn-primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 2px 3px #e4493510}.btn-primary:hover{background:var(--red-hover);color:#fff;border-color:var(--red-hover)}.btn-danger{background:#fff1ed;color:#bf3c2d;border-color:#f4d4cb}.btn-danger:hover{background:#fbe2da;color:#a93123;border-color:#eeb5a5}.btn-sm{padding:7px 11px;min-height:32px;font-size:11px}.btn-block{width:100%}.btn-link{border:0;background:none;color:var(--red);padding:0;font-size:12px;font-weight:600;cursor:pointer}.text-link{font-weight:600;color:var(--red)}.inline-form{display:inline}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-pad{padding:27px 29px}.card-title{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--line);gap:12px}.card-title h2{margin:0;font-size:15px}.card-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.stat-card{padding:22px 24px;background:white;border:1px solid var(--line);border-radius:12px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#757c6e;font-size:12px;margin-bottom:20px}.stat-icon{display:grid;place-items:center;background:#f5f6f1;color:#939b89;border-radius:7px;width:30px;height:30px}.stat-icon.warm{background:#fff0e8;color:#d78d63}.stat-icon.green{background:#eef5ec;color:#76a268}.stat-icon.red{background:#fcece8;color:var(--red)}.stat-value{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:600;overflow-wrap:anywhere}.stat-currency{font-size:11px;font-weight:500;letter-spacing:0;color:#969b8e;margin-right:5px}.stat-note{font-size:10px;color:#959b8e;margin-top:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 283px;gap:24px;align-items:start}.dashboard-aside{display:flex;flex-direction:column;gap:20px}.quick-card{padding:24px}.quick-card .eyebrow{margin-bottom:18px}.quick-links{display:flex;flex-direction:column;gap:17px}.quick-link{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:500}.quick-link .icon-wrap{width:32px;height:32px;border-radius:8px;background:#f6f7f2;display:grid;place-items:center;color:#818a75}.quick-link .arrow{margin-left:auto;color:#9ba292}.tip-card{background:#f0f1e9;border:1px solid #e6e8db;border-radius:12px;padding:23px;position:relative;overflow:hidden}.tip-card h3{font-size:14px;margin:13px 0 7px;letter-spacing:-.2px}.tip-card p{color:#7e8773;font-size:11px;line-height:1.8;margin:0}.tip-kicker{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#89957a;text-transform:uppercase}.tip-card .icon{color:#8d9a7c}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0a496;gap:12px;margin-top:28px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{background:#fcfcfa;color:#989d90;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1.1px;padding:13px 25px;border-bottom:1px solid var(--line)}.data-table td{padding:20px 25px;border-bottom:1px solid #f0f1ec;font-size:12px;color:#737b69}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fdfdfb}.data-table td strong{font-weight:600;color:#343c2c}.data-table .cell-sub{display:block;font-size:10px;color:#a1a693;margin-top:3px}.data-table .align-right,.align-right{text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:550;line-height:1.4;background:#f1f2ed;color:#848b77}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge-paid{background:#edf5ed;color:#5d9362}.badge-issued{background:#fdf2de;color:#b7903c}.badge-overdue{background:#fceee9;color:#c57b63}.badge-draft{background:#f0f1ee;color:#919687}.cell-arrow{color:#adb29f}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{font-size:11px;color:#8b9282;padding:7px 12px;border-radius:6px}.tab.active{background:#f1f2eb;color:#4f5b43;font-weight:600}.search-form{display:flex;gap:8px;align-items:center;min-width:210px}.search-field{position:relative;width:100%}.search-field .icon{position:absolute;left:11px;top:10px;color:#a4aa9a;width:16px;height:16px}.search-field input{padding:9px 10px 9px 35px!important;font-size:11px!important;height:36px;border-radius:7px!important;background:#fff!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 25px;border-top:1px solid var(--line);font-size:11px;color:#9ba28e}.pagination-actions{display:flex;gap:8px}.empty-state{padding:63px 26px;text-align:center}.empty-icon{width:54px;height:58px;background:#f7f2eb;color:#b4a58c;display:grid;place-items:center;border-radius:14px;margin:0 auto 19px}.empty-icon .icon{width:26px;height:26px}.empty-state h2{font-size:19px;letter-spacing:-.5px}.empty-state p{font-size:12px;color:var(--muted);max-width:320px;margin:0 auto 21px}.welcome-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f2f4eb;border:1px solid #e0e7d4;border-radius:12px;padding:20px 25px;margin-bottom:25px}.welcome-banner h3{margin:0 0 4px;font-size:14px}.welcome-banner p{margin:0;color:#7d8a6d;font-size:12px}.currency-breakdown{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:-9px 0 24px}.currency-breakdown strong{color:#5d6553;font-weight:600}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.form-main{display:flex;flex-direction:column;gap:24px}.form-section{padding:27px 29px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.section-number{width:24px;height:24px;border-radius:50%;background:#f1f3ec;font-size:10px;color:#8a957c;display:grid;place-items:center;font-weight:650}.section-heading h2{margin:0;font-size:15px}.section-description{font-size:12px;color:var(--muted);margin:-13px 0 24px 34px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.field-wide{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:600;color:#626b57;margin-bottom:8px}.field label .required{color:#c9a184;margin-left:3px}.field input:not([type=checkbox]),.field select,.field textarea,.auth-form input:not([type=checkbox]),.line-editor input:not([type=checkbox]),.search-field input{display:block;width:100%;border:1px solid #e1e5d9;background:#fff;border-radius:7px;padding:10px 12px;min-height:40px;color:#454f3a;font-size:12px;transition:border-color .15s,box-shadow .15s}.field textarea{min-height:108px;resize:vertical;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus,.auth-form input:focus,.line-editor input:focus,.search-field input:focus{outline:none;border-color:#d2a291;box-shadow:0 0 0 3px #e449350c}.field input::placeholder,.field textarea::placeholder{color:#b3b9a8}.help-text{color:#a0a792;font-size:10px;margin-top:6px;line-height:1.7}.help-text ul{margin:5px 0;padding-left:17px}.errorlist{color:#bf4a37;font-size:11px;padding:0;list-style:none;margin:6px 0 0}.field:has(.errorlist) input,.field:has(.errorlist) textarea,.field:has(.errorlist) select{border-color:#deac9e}.form-errors,.alert{padding:14px 18px;border:1px solid #efd9cc;border-radius:8px;background:#fff6ee;color:#9c6b43;font-size:12px;margin-bottom:22px}.form-errors .errorlist{margin:0}.alert-success{background:#eff6ed;border-color:#dce8d3;color:#668152}.alert-error{background:#fff1eb;border-color:#f2d7ca;color:#b36847}.messages{margin-bottom:25px}.messages .alert:last-child{margin-bottom:0}.form-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:23px 0 0}.form-footer .muted{font-size:11px}.form-footer-actions{display:flex;align-items:center;gap:10px}.side-guide{padding:25px}.side-guide .eyebrow{margin-bottom:18px}.side-guide h3{font-size:14px;line-height:1.5}.side-guide p{font-size:11px;color:var(--muted);line-height:1.8}.side-guide .guide-item{display:flex;gap:11px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.side-guide .guide-item .icon{color:#a1ab92;margin-top:1px}.side-guide .guide-item h3{font-size:12px;margin-bottom:4px}.side-guide .guide-item p{font-size:10px;margin-bottom:0}.line-editor{width:100%;border-collapse:collapse}.line-editor th{font-size:9px;letter-spacing:.8px;color:#9ba38e;font-weight:650;text-transform:uppercase;padding:0 8px 11px;text-align:left}.line-editor th:first-child,.line-editor td:first-child{padding-left:0}.line-editor th:last-child,.line-editor td:last-child{padding-right:0}.line-editor td{padding:8px;vertical-align:top}.line-editor .description{width:44%}.line-editor .number-input{width:13%}.line-editor .remove-column{width:25px}.line-editor input{min-width:50px}.line-editor .row-total{font-size:11px;padding-top:11px;display:block;text-align:right;white-space:nowrap;color:#656f58}.remove-line{border:0;background:none;color:#b0b7a4;padding:11px 0 8px 8px;line-height:1}.remove-line:hover{color:var(--red)}.remove-line .icon{width:15px;height:15px}.line-actions{display:flex;align-items:center;justify-content:space-between;padding-top:17px;margin-top:10px;border-top:1px solid var(--line);gap:15px}.line-actions .muted{font-size:10px}.invoice-summary{padding:25px}.invoice-summary .eyebrow{margin-bottom:21px}.summary-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8a947c;margin:13px 0}.summary-line strong{color:#566347;font-weight:500}.summary-total{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;color:#515d43;font-weight:600}.summary-total strong{font-size:24px;letter-spacing:-.6px;line-height:1.1}.summary-currency{font-size:10px;color:#a1aa92;font-weight:500;margin-bottom:5px;display:block}.summary-note{margin:23px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#9ba58c;line-height:1.8}.invoice-aside{position:sticky;top:26px}.invoice-aside .btn{margin-top:14px}.invoice-aside .tip-card{margin-top:18px}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.document-toolbar p{margin:0;font-size:12px;color:var(--muted)}.document-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:25px;align-items:start}.invoice-paper{padding:44px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.paper-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:47px}.paper-business-name{font-size:19px;font-weight:650;letter-spacing:-.6px;max-width:340px;overflow-wrap:anywhere}.paper-invoice-title{font-size:25px;font-weight:650;letter-spacing:2px;text-align:right}.paper-number{font-size:11px;text-align:right;color:#a0a68f;margin-top:5px}.paper-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-bottom:38px}.paper-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#a3aa95;font-weight:600;margin-bottom:10px}.paper-address{font-size:11px;color:#858f76;line-height:1.9;overflow-wrap:anywhere}.paper-address strong{color:#566347;font-size:12px;font-weight:600}.paper-date{font-size:11px;color:#758264;margin-bottom:12px}.paper-table{width:100%;border-collapse:collapse;table-layout:fixed}.paper-table th{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;color:#a0aa90;font-weight:600;text-transform:uppercase;letter-spacing:.7px;text-align:left;padding:12px 7px}.paper-table td{padding:20px 7px;border-bottom:1px solid #f0f2eb;color:#849174;font-size:11px;vertical-align:top;overflow-wrap:anywhere}.paper-table th:first-child,.paper-table td:first-child{padding-left:0;width:44%;color:#5f6d4f}.paper-table th:last-child,.paper-table td:last-child{padding-right:0;text-align:right}.paper-table .col-qty{width:12%}.paper-table .col-money{width:17%;text-align:right}.paper-table .col-tax{width:10%;text-align:right}.paper-totals{margin:20px 0 35px auto;width:45%;min-width:220px}.paper-totals .summary-line{font-size:11px}.paper-totals .summary-total strong{font-size:20px}.paper-note{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;font-size:10px;color:#97a184;line-height:1.8;overflow-wrap:anywhere}.paper-note p{margin:0}.paper-thanks{margin-top:34px;font-size:10px;color:#a4ad93}.detail-card{padding:24px}.detail-card h3{font-size:12px;margin-bottom:20px}.detail-card .summary-line{font-size:11px;margin:15px 0}.detail-card .btn{margin-top:14px}.detail-card .muted{font-size:10px;line-height:1.8}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.detail-actions form,.detail-actions .btn{width:100%}.detail-actions .btn{margin:0}.danger-link{color:#b48571;font-size:10px;display:block;text-align:center;margin-top:20px}.danger-link:hover{color:#b54833}.stack{display:flex;flex-direction:column;gap:20px}.delete-card{max-width:620px;margin:40px auto;padding:36px;text-align:center}.delete-card .empty-icon{background:#fff1ed;color:#d98c73}.delete-card h1{font-size:25px}.delete-card p{color:var(--muted);font-size:13px}.delete-card .form-footer-actions{justify-content:center;margin-top:26px}.auth-page{min-height:100vh;background:#fff}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-main{display:flex;flex-direction:column;padding:44px 58px 26px;min-width:0}.auth-main .brand{align-self:flex-start}.auth-content{width:100%;max-width:358px;margin:auto;padding:65px 0}.auth-content .eyebrow{margin-bottom:17px;color:#a0a792;font-size:9px}.auth-content h1{font-size:31px;line-height:1.25;letter-spacing:-1px;margin-bottom:11px}.auth-intro{color:#929a85;font-size:12px;margin-bottom:30px;line-height:1.9}.auth-form .field{margin-bottom:18px}.auth-form .field input{min-height:43px}.auth-form .help-text{font-size:9px}.auth-form .btn{min-height:43px;margin-top:8px}.auth-secondary{text-align:center;font-size:11px;color:#9aa38b;margin:23px 0 0}.auth-secondary a{color:#c97059;font-weight:600}.auth-forgot{display:block;text-align:right;font-size:10px;color:#a2aa93;margin:-8px 0 19px}.auth-footer{display:flex;justify-content:space-between;gap:20px;color:#a9b09d;font-size:9px}.auth-showcase{background:#f3f3ed;border-left:1px solid #e9ece0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:65px 65px;overflow:hidden}.auth-showcase:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #e2e5d6;border-radius:50%;top:19%;left:12%;opacity:.65}.showcase-content{max-width:425px;width:100%;margin:auto;position:relative}.showcase-tag{display:inline-flex;gap:7px;align-items:center;padding:5px 9px;border:1px solid #dfe5d3;background:#f8f9f4;font-size:8px;color:#9aa58a;letter-spacing:1px;text-transform:uppercase;border-radius:4px;margin-bottom:23px}.showcase-tag span{width:4px;height:4px;border-radius:50%;background:#9ba98b}.showcase-content h2{font-size:33px;line-height:1.3;letter-spacing:-1.2px;font-weight:550;color:#4a5740;max-width:330px;margin-bottom:15px}.showcase-content>p{font-size:12px;color:#98a18a;max-width:325px;line-height:1.9;margin-bottom:36px}.mini-invoice{max-width:325px;margin:0 auto;background:white;border:1px solid #e8eadf;border-radius:8px;box-shadow:0 18px 40px #75805e16;transform:rotate(-3deg);padding:27px 28px;position:relative}.mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.mini-brand{font-size:10px;letter-spacing:-.5px;font-weight:700;color:#6d775e}.mini-brand span{color:var(--red)}.mini-title{font-size:9px;letter-spacing:1px;color:#879375}.mini-row{display:flex;justify-content:space-between;font-size:7px;color:#a7af9b;margin:10px 0}.mini-row strong{font-weight:500;color:#7e8c6d}.mini-divider{border-top:1px solid #ecefe3;margin:18px 0}.mini-table-head{font-size:6px;letter-spacing:.5px;color:#b7bdac;display:flex;justify-content:space-between;margin-bottom:16px}.mini-line{height:5px;background:#edf0e5;border-radius:3px;width:57%;margin:10px 0}.mini-line.short{width:40%}.mini-total{display:flex;justify-content:space-between;font-size:9px;color:#7c8a69;font-weight:600}.mini-total strong{font-size:16px;color:#53633f;letter-spacing:-.4px}.mini-note{font-size:6px;color:#bcc2b1;margin-top:24px}.mini-paid{position:absolute;right:-26px;bottom:51px;display:flex;align-items:center;gap:7px;padding:10px 14px;background:#fff;border:1px solid #dce7d2;border-radius:8px;box-shadow:0 5px 15px #75805e0c;transform:rotate(3deg);font-size:8px;color:#81946b}.mini-paid .check{display:grid;place-items:center;background:#e8f1e0;border-radius:50%;width:18px;height:18px;color:#8ca675;font-size:9px}.showcase-points{display:flex;gap:24px;justify-content:center;margin-top:45px;font-size:8px;color:#9aa78b;position:relative}.showcase-points span{display:flex;align-items:center;gap:5px}.showcase-points b{font-weight:500;color:#9aa78b}.auth-result-icon{background:#edf4e7;color:#94ab7f;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;margin-bottom:25px}.auth-result-icon .icon{width:22px;height:22px}.onboarding-progress{display:flex;gap:8px;margin-bottom:28px}.onboarding-progress span{height:3px;width:40px;background:#e6eadd;border-radius:2px}.onboarding-progress span:first-child{background:var(--red)}[hidden]{display:none!important}.mobile-header,.mobile-nav{display:none}.form-surface{max-width:970px}.profile-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.settings-form .card+.card{margin-top:23px}.settings-form .form-grid{gap:21px}.settings-form .field label{font-size:11px}.customer-initial{display:inline-grid;place-items:center;background:#f0f3e9;border:1px solid #e7ecdd;width:32px;height:32px;border-radius:9px;color:#95a47f;font-size:12px;margin-right:10px;vertical-align:middle}.customer-name{display:inline-block;vertical-align:middle}.danger-note{background:#fff9ee;border:1px solid #f1e8d1;padding:15px;border-radius:8px;text-align:left;font-size:11px;color:#aa976b}.message-link{color:inherit;text-decoration:underline}.page-description{max-width:650px}
@media(min-width:1500px){.content{padding-top:49px}.auth-showcase{padding-left:90px;padding-right:90px}.auth-content{max-width:380px}.showcase-content{max-width:470px}.showcase-content h2{font-size:39px;max-width:380px}.mini-invoice{max-width:350px}}
@media(max-width:1200px){:root{--sidebar:205px}.sidebar{padding-left:15px;padding-right:15px}.content{padding:33px 29px 50px}.topbar{padding:0 29px}.stats-grid{gap:12px}.stat-card{padding:19px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.data-table td,.data-table th{padding-left:19px;padding-right:19px}.form-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.form-section{padding:24px}.document-layout{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.invoice-paper{padding:32px}.auth-main{padding:37px}.auth-showcase{padding:50px 40px}.profile-form-grid{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:1020px){:root{--sidebar:190px}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{margin-left:10px}.nav-link{padding-left:11px;gap:10px;font-size:12px}.content{padding-left:25px;padding-right:25px}h1{font-size:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stat-top{margin-bottom:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr}.form-layout,.document-layout,.profile-form-grid{grid-template-columns:minmax(0,1fr)}.invoice-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-aside .tip-card{margin:0}.profile-form-grid>.side-guide{display:none}.document-layout>.stack{display:grid;grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-showcase{padding:40px 28px}.showcase-content h2{font-size:30px}.showcase-points{gap:15px}.toolbar{flex-wrap:wrap}.search-form{min-width:200px}.sidebar-note{padding-left:10px;padding-right:10px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{display:none}.mobile-header{display:flex;justify-content:space-between;align-items:center;background:white;padding:18px 22px;border-bottom:1px solid var(--line)}.mobile-header .brand-mark{width:29px;height:31px;font-size:21px}.mobile-header .brand-name{font-size:19px}.mobile-header .brand-caption{font-size:7px;margin-top:4px}.mobile-nav{display:flex;background:white;border-bottom:1px solid var(--line);overflow:auto;padding:0 12px;position:sticky;top:0;z-index:15}.mobile-nav a{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:13px 10px;font-size:10px;white-space:nowrap;color:#8b957e;border-bottom:2px solid transparent}.mobile-nav a .icon{width:15px;height:15px}.mobile-nav a.active{color:var(--red);border-bottom-color:var(--red)}.content{padding:28px 22px 45px}.page-heading{gap:18px;margin-bottom:24px}.page-heading h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:12px}.page-heading .heading-actions{padding:0}.btn{font-size:11px;padding:9px 13px;min-height:37px}.heading-actions .btn .icon{width:16px;height:16px}.stat-value{font-size:27px}.stat-card{padding:18px}.stat-top{font-size:11px}.stat-note{font-size:9px}.stats-grid{margin-bottom:22px}.dashboard-aside{gap:15px}.card-title{padding:20px}.toolbar{padding:17px 18px;gap:14px}.search-form{width:100%}.tabs{gap:3px}.tab{padding:6px 10px;font-size:10px}.data-table th{font-size:8px;padding:12px 18px}.data-table td{padding:18px;font-size:11px}.card-pad,.form-section{padding:23px}.form-grid{gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:12px}.form-footer{flex-wrap:wrap;gap:18px}.form-footer-actions{margin-left:auto}.invoice-paper{padding:27px}.paper-top{margin-bottom:35px}.paper-meta{gap:15px}.paper-address{font-size:10px}.paper-business-name{font-size:18px}.paper-invoice-title{font-size:21px}.document-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.document-toolbar-actions{width:100%}.invoice-aside{gap:16px}.document-layout>.stack{gap:16px}.welcome-banner{padding:18px;align-items:flex-start;gap:15px}.welcome-banner p{font-size:11px}.welcome-banner .btn{font-size:10px}.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-main{min-height:100vh;padding:30px 28px 23px}.auth-content{max-width:365px;padding:60px 0}.auth-footer{font-size:8px}.profile-form-grid{gap:20px}.page-footer{font-size:9px}.line-editor th{font-size:8px}.line-editor td{padding:7px 4px}.line-editor th{padding-left:4px;padding-right:4px}.line-editor input:not([type=checkbox]){padding:10px 7px;font-size:11px}.line-editor .description{width:38%}.line-editor .row-total{font-size:10px}.form-section.line-section{padding:23px 17px}.line-actions .muted{font-size:9px}}
@media(max-width:480px){.content{padding-left:17px;padding-right:17px}.mobile-header{padding:17px}.mobile-nav{padding:0 6px}.mobile-nav a{font-size:9px;padding:12px 6px;gap:5px}.page-heading{flex-wrap:wrap;gap:16px}.page-heading .heading-actions{width:100%}.page-heading .heading-actions .btn-primary{flex:1}.stats-grid{gap:11px}.stat-card{padding:16px 15px}.stat-icon{width:25px;height:25px}.stat-icon .icon{width:15px;height:15px}.stat-value{font-size:25px}.stat-currency{font-size:9px;margin-right:3px}.stat-top{font-size:10px;gap:5px;margin-bottom:14px}.dashboard-aside{grid-template-columns:1fr}.tip-card,.quick-card{padding:21px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:17px}.quick-link{font-size:11px}.quick-link .arrow{display:none}.page-footer{align-items:flex-start}.page-footer span:last-child{text-align:right}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid .field{grid-column:auto}.form-section,.card-pad{padding:22px}.section-description{margin-left:0}.form-footer-actions{width:100%;justify-content:flex-end}.form-footer>.muted{font-size:10px}.invoice-aside{grid-template-columns:1fr}.invoice-aside .tip-card{display:none}.document-layout>.stack{grid-template-columns:1fr}.invoice-paper{padding:23px 20px;border-radius:9px}.paper-meta{grid-template-columns:1fr 1fr;gap:24px 15px}.paper-meta .paper-dates{grid-column:1/-1;display:flex;gap:27px}.paper-invoice-title{font-size:17px;letter-spacing:1px}.paper-business-name{font-size:15px}.paper-top{gap:18px}.paper-number{font-size:9px}.paper-table th{font-size:7px;padding:10px 4px}.paper-table td{font-size:9px;padding:16px 4px}.paper-table th:first-child,.paper-table td:first-child{width:35%}.paper-table .col-qty{width:12%}.paper-table .col-money{width:20%}.paper-totals{min-width:190px;width:65%}.document-toolbar-actions{gap:6px}.document-toolbar-actions .btn{padding:8px 10px;font-size:10px}.line-editor{display:block}.line-editor thead{display:none}.line-editor tbody{display:flex;flex-direction:column;gap:16px}.line-row{display:grid;grid-template-columns:1fr 1fr 1fr 27px;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.line-row td{display:block;padding:0!important}.line-row td:before{display:block;content:attr(data-label);font-size:9px;color:#a1aa92;margin-bottom:6px}.line-row td.description{grid-column:1/4;width:auto}.line-row td.number-input{width:auto}.line-row td.line-amount{grid-column:1/4;grid-row:3}.line-row td.line-amount:before{display:inline;margin-right:10px}.line-row .row-total{display:inline;padding:0;font-size:12px}.line-row td.remove-column{grid-column:4;grid-row:1;width:auto;align-self:end}.remove-line{padding:10px 5px}.line-actions{border-top:0;margin-top:0;align-items:flex-start}.line-actions .muted{max-width:120px;text-align:right}.welcome-banner{flex-direction:column}.welcome-banner .btn{width:100%}.delete-card{padding:30px 23px;margin-top:20px}.delete-card .form-footer-actions{flex-wrap:wrap;justify-content:center}.auth-main{padding:27px 25px 21px}.auth-content h1{font-size:29px}.auth-footer{gap:12px}.pagination{padding:16px 18px;font-size:10px}.pagination .btn{padding:6px 9px;font-size:10px}}
@media print{body{background:white}.sidebar,.topbar,.mobile-header,.mobile-nav,.page-heading,.document-toolbar,.document-layout>.stack,.page-footer,.messages{display:none}.workspace{margin:0}.content{padding:0;max-width:none}.document-layout{display:block}.invoice-paper{border:0;box-shadow:none;padding:15mm;border-radius:0}.paper-table{page-break-inside:auto}.paper-table tr{page-break-inside:avoid}.paper-note{page-break-inside:avoid}}

/* Readable screen typography, kept separate from the printed invoice layout. */
.paper-watermark { border-top: 1px solid var(--line); margin-top: 32px; padding-top: 16px; text-align: center; font-size: 13px; line-height: 1.6; color: var(--muted); }
.paper-watermark a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
@media screen {
  :root {
    --muted: #5d6659;
    --red: #c93b29;
    --red-hover: #a92e20;
    --sidebar: 248px;
  }
  body { font-size: 16px; line-height: 1.65; }
  .form-layout, .form-main, .form-section, .invoice-aside, .settings-form { min-width: 0; }
  input:not([type=checkbox]), select, textarea {
    min-width: 0; min-inline-size: 0; max-width: 100%; max-inline-size: 100%;
    box-sizing: border-box;
  }
  .field input[type=date] { width: 100%; inline-size: 100%; -webkit-appearance: none; appearance: none; }
  .field input[type=date]::-webkit-date-and-time-value { text-align: left; min-width: 0; }
  .field-heading { display: flex; justify-content: space-between; gap: 8px 20px; align-items: center; flex-wrap: wrap; margin: -8px 0 5px; }
  .field-heading label { margin: 0; }
  .field-heading .btn-link, .line-actions .btn-link { min-height: 44px; display: inline-flex; align-items: center; }
  .field .optional { font-weight: 400; color: var(--muted); margin-left: 5px; }
  .form-grid.invoice-date-grid { margin-top: 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
  .invoice-date-grid .field-wide { grid-column: 1/-1; }
  .invoice-form-footer { margin-top: 24px; border-top: 1px solid var(--line); }
  .invoice-form-footer > p { max-width: 520px; margin: 0; }
  .form-errors, input, select, textarea { scroll-margin-top: 150px; }
  .table-wrap { container-name: invoice-list; container-type: inline-size; }
  .responsive-table .invoice-customer { max-width: 260px; white-space: normal; overflow-wrap: anywhere; }
  h1, .page-heading h1 { font-size: 34px; line-height: 1.25; letter-spacing: -.8px; }
  h2 { font-size: 21px; line-height: 1.4; }
  h3 { font-size: 18px; line-height: 1.45; }
  .small { font-size: 14px; }
  .eyebrow, .nav-label, .tip-kicker { font-size: 12px; color: var(--muted); letter-spacing: 1.1px; }
  .brand-caption, .mobile-header .brand-caption { font-size: 10px; color: var(--muted); }
  .nav-link { font-size: 15px; min-height: 48px; color: #535d4e; }
  .nav-link.active { color: #bf3826; }
  .sidebar-note { font-size: 14px; line-height: 1.65; }
  .sidebar-note strong { color: #48533f; }
  .account-name { font-size: 15px; }
  .account-label { font-size: 14px; }
  .logout { min-width: 44px; min-height: 44px; color: var(--muted); }
  .account { padding-left: 0; padding-right: 0; gap: 8px; }
  .topbar { min-height: 80px; height: auto; padding: 20px 36px; gap: 20px; }
  .breadcrumb, .topbar-right { font-size: 14px; color: var(--muted); }
  .topbar-right { min-width: 0; }
  .topbar-right > span:last-child { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .content { padding-left: 36px; padding-right: 36px; }
  .page-heading p { font-size: 16px; line-height: 1.65; max-width: 720px; }
  .btn { font-size: 15px; min-height: 46px; padding: 11px 18px; }
  .btn-sm, .pagination .btn, .welcome-banner .btn, .document-toolbar-actions .btn {
    font-size: 14px; min-height: 44px; padding: 10px 14px;
  }
  .btn-link, .quick-link, .text-link { font-size: 15px; }
  .card-title h2, .section-heading h2 { font-size: 19px; line-height: 1.4; }
  .card-subtitle, .stat-top, .stat-note, .stat-currency { font-size: 14px; color: var(--muted); }
  .stat-value { font-size: 32px; }
  .stat-top { align-items: flex-start; gap: 12px; }
  .stat-note { line-height: 1.55; }
  .tip-card h3, .side-guide h3 { font-size: 18px; }
  .tip-card p, .side-guide p, .side-guide .guide-item p { font-size: 14px; line-height: 1.7; color: var(--muted); }
  .side-guide .guide-item h3 { font-size: 16px; }
  .page-footer, .auth-footer { font-size: 13px; line-height: 1.6; color: var(--muted); }
  .data-table th { font-size: 13px; letter-spacing: .5px; color: var(--muted); }
  .data-table td { font-size: 15px; color: #47523f; }
  .data-table .cell-sub { font-size: 14px; color: var(--muted); }
  .badge { font-size: 14px; font-weight: 600; color: #535d49; }
  .badge-paid { color: #356941; }
  .badge-issued { color: #795810; }
  .badge-overdue { color: #a2422d; }
  .badge-draft { color: #58604e; }
  .tab { font-size: 14px; color: #535d4b; min-height: 44px; display: inline-flex; align-items: center; }
  .search-field input { font-size: 16px !important; min-height: 46px; height: auto; }
  .search-field .icon { top: 15px; color: var(--muted); }
  .pagination, .currency-breakdown { font-size: 14px; color: var(--muted); }
  .empty-state h2 { font-size: 23px; }
  .empty-state p, .welcome-banner p, .delete-card p { font-size: 16px; color: var(--muted); }
  .empty-state p { max-width: 430px; }
  .welcome-banner h3 { font-size: 18px; }
  .form-grid, .settings-form .form-grid { gap: 24px; }
  .section-number { width: 30px; height: 30px; font-size: 14px; color: #546343; }
  .section-description { font-size: 16px; line-height: 1.6; margin-left: 40px; }
  .field label, .settings-form .field label { font-size: 14px; line-height: 1.5; color: #3f4b36; margin-bottom: 9px; }
  .field label .required { color: #a43b29; }
  .field input:not([type=checkbox]), .field select, .field textarea,
  .auth-form input:not([type=checkbox]), .line-editor input:not([type=checkbox]) {
    font-size: 16px; line-height: 1.5; min-height: 48px; padding: 11px 12px;
    color: #263320; border-color: #87937e;
  }
  .field textarea { line-height: 1.65; min-height: 125px; }
  .field input::placeholder, .field textarea::placeholder,
  .line-editor input::placeholder, .search-field input::placeholder { color: #66725d; opacity: 1; }
  .field input:focus, .field select:focus, .field textarea:focus,
  .auth-form input:focus, .line-editor input:focus, .search-field input:focus {
    border-color: var(--red); box-shadow: 0 0 0 3px #c93b2924;
  }
  a:focus-visible, button:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
  .help-text, .auth-form .help-text { font-size: 14px; line-height: 1.65; color: var(--muted); margin-top: 8px; }
  .errorlist { font-size: 14px; color: #9d3020; line-height: 1.6; }
  .form-errors, .alert { font-size: 15px; line-height: 1.65; color: #7b512a; }
  .alert-success { color: #3f652e; }
  .alert-error { color: #963d26; }
  .form-footer .muted, .form-footer > .muted, .line-actions .muted {
    font-size: 14px; line-height: 1.65; color: var(--muted);
  }
  .line-section { container-name: invoice-lines; container-type: inline-size; }
  .line-editor th { font-size: 13px; color: var(--muted); letter-spacing: .4px; }
  .line-editor .row-total { font-size: 15px; color: #3f5033; }
  .remove-line { min-width: 40px; min-height: 44px; color: var(--muted); }
  .remove-line .icon { width: 19px; height: 19px; }
  .summary-line, .paper-totals .summary-line, .detail-card .summary-line { font-size: 15px; color: var(--muted); }
  .summary-line strong { color: #384b2b; }
  .summary-currency, .summary-note, .detail-card .muted { font-size: 14px; line-height: 1.65; color: var(--muted); }
  .summary-total { align-items: baseline; flex-wrap: wrap; }
  .summary-total strong { font-size: 28px; overflow-wrap: anywhere; }
  .detail-card h3 { font-size: 18px; }
  .danger-link { font-size: 14px; color: #a43b29; min-height: 44px; padding-top: 10px; }
  .danger-note { font-size: 14px; color: #735b1c; }
  .document-toolbar p { font-size: 15px; line-height: 1.65; }
  .paper-business-name { font-size: 22px; }
  .paper-invoice-title { font-size: 28px; }
  .paper-number, .paper-label { font-size: 13px; color: var(--muted); }
  .paper-address, .paper-address strong, .paper-date { font-size: 15px; line-height: 1.7; color: #46553a; }
  .paper-table th { font-size: 13px; letter-spacing: .25px; color: var(--muted); }
  .paper-table td { font-size: 15px; color: #46553a; }
  .paper-totals { min-width: 260px; }
  .paper-totals .summary-total strong { font-size: 26px; }
  .paper-note, .paper-thanks { font-size: 14px; line-height: 1.7; color: var(--muted); }
  .customer-initial { font-size: 15px; color: #52663d; }
  .auth-content { max-width: 430px; }
  .auth-content .eyebrow { font-size: 12px; color: var(--muted); }
  .auth-content h1 { font-size: 34px; }
  .auth-intro { font-size: 16px; line-height: 1.7; color: var(--muted); }
  .auth-secondary, .auth-forgot { font-size: 15px; color: var(--muted); }
  .auth-secondary a { color: var(--red); }
  .auth-form .field input, .auth-form .btn { min-height: 48px; }
  .showcase-content > p { font-size: 16px; line-height: 1.7; color: var(--muted); }
  .showcase-tag, .showcase-points { font-size: 13px; color: var(--muted); }
  .showcase-points { flex-wrap: wrap; gap: 12px 20px; }
  .showcase-points b { color: #52663d; }
}

@media screen and (max-width: 1200px) {
  :root { --sidebar: 224px; }
  .profile-form-grid, .form-layout, .document-layout { grid-template-columns: minmax(0, 1fr); }
  .profile-form-grid > .side-guide { display: none; }
  .invoice-aside { display: block; position: static; }
  .document-layout > .stack { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; position: static; }
  .invoice-aside .tip-card { margin: 0; }
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .dashboard-aside { display: grid; grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-indicator { display: none; }
  .content { padding-left: 28px; padding-right: 28px; }
}

@media screen and (max-width: 760px) {
  h1, .page-heading h1, .auth-content h1 { font-size: 30px; }
  .mobile-header .brand-name { font-size: 22px; }
  .mobile-nav { padding: 0 8px; }
  .mobile-nav a {
    flex: 1 1 0; min-width: 0; flex-direction: column; font-size: 14px;
    line-height: 1.4; min-height: 68px; padding: 10px 4px; gap: 5px; color: #535f49;
  }
  .mobile-nav a .icon { width: 20px; height: 20px; }
  .content { padding-left: 22px; padding-right: 22px; }
  .stat-value { font-size: 29px; }
  .stat-card { padding: 20px; }
  .quick-links { display: flex; }
  .page-footer, .auth-footer { flex-wrap: wrap; gap: 8px 20px; }
  .paper-meta { grid-template-columns: 1fr 1fr; }
  .paper-meta .paper-dates { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 14px 28px; }
  .paper-top { gap: 18px; }
  .paper-business-name { font-size: 20px; }
  .paper-invoice-title { font-size: 24px; letter-spacing: 1px; }
}

@media screen and (max-width: 640px) {
  .form-grid, .form-grid.three { grid-template-columns: minmax(0, 1fr); }
  .form-grid .field { grid-column: auto; }
  .section-description { margin-left: 0; }
  .invoice-aside, .document-layout > .stack, .dashboard-aside { grid-template-columns: 1fr; }
  .invoice-aside .tip-card { display: none; }
  .paper-table, .paper-table tbody { display: block; }
  .paper-table thead { display: none; }
  .paper-table tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; padding: 22px 0; border-block-start: 1px solid var(--line); }
  .paper-table td, .paper-table td:first-child, .paper-table td:last-child,
  .paper-table .col-qty, .paper-table .col-money, .paper-table .col-tax {
    display: block; border: 0; padding: 0; width: auto; text-align: left; font-size: 15px;
  }
  .paper-table td:first-child { grid-column: 1/-1; font-weight: 600; }
  .paper-table td[data-label]::before { content: attr(data-label); display: block; color: var(--muted); font-size: 13px; font-weight: 400; margin-bottom: 3px; }
  .paper-totals { width: 100%; min-width: 0; }
  .invoice-form-footer { flex-direction: column; align-items: stretch; }
  .invoice-form-footer .form-footer-actions { display: flex; flex-direction: column; width: 100%; }
  .invoice-form-footer .form-footer-actions .btn { width: 100%; }
}

@container invoice-list (max-width: 760px) {
  .responsive-table, .responsive-table tbody { display: block; white-space: normal; }
  .responsive-table thead { display: none; }
  .responsive-table tbody { display: grid; gap: 14px; padding: 16px; }
  .responsive-table tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 14px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; }
  .responsive-table td { min-width: 0; padding: 0; border: 0; white-space: normal; overflow-wrap: anywhere; }
  .invoice-table .invoice-reference { grid-column: 1; grid-row: 1; }
  .invoice-table .invoice-amount { grid-column: 2; grid-row: 1; }
  .invoice-table .invoice-customer { grid-column: 1/-1; grid-row: 2; max-width: none; font-size: 16px; font-weight: 600; }
  .invoice-table .invoice-status { grid-column: 1; grid-row: 3; }
  .invoice-table .invoice-due { grid-column: 2; grid-row: 3; text-align: right; font-size: 14px; }
  .invoice-table .invoice-due::before { content: "Due "; color: var(--muted); }
  .responsive-table .row-action { grid-column: 1/-1; padding-top: 4px; text-align: left; }
  .responsive-table .row-action .btn { width: 100%; }
  .customer-table .customer-reference { grid-column: 1/-1; }
  .customer-table .customer-email, .customer-table .customer-phone { grid-column: 1/-1; }
  .customer-table .customer-email::before, .customer-table .customer-phone::before { content: attr(data-label) ": "; color: var(--muted); }
}

@container invoice-lines (max-width: 800px) {
  .line-editor { display: block; }
  .line-editor thead { display: none; }
  .line-editor tbody { display: flex; flex-direction: column; gap: 20px; }
  .line-row { display: grid; position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 22px; }
  .line-row td { display: block; padding: 0 !important; min-width: 0; }
  .line-row td::before { display: block; content: attr(data-label); font-size: 14px; color: var(--muted); margin-bottom: 7px; line-height: 1.5; }
  .line-row td.description { grid-column: 1/-1; width: auto; padding-right: 48px !important; }
  .line-row td.number-input { width: auto; }
  .line-row input:not([type=checkbox]) { min-width: 0; width: 100%; font-size: 16px; padding-left: 8px; padding-right: 8px; }
  .line-row td.line-amount { grid-column: auto; grid-row: auto; }
  .line-row td.line-amount::before { display: block; margin-right: 0; }
  .line-row .row-total { display: block; padding: 11px 0; font-size: 16px; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  .line-row td.remove-column { position: absolute; top: 28px; right: 0; width: 44px; }
  .line-row td.remove-column::before { display: none; }
  .remove-line { width: 44px; min-height: 48px; padding: 10px; color: var(--muted); }
  .line-actions { border-top: 0; margin-top: 0; align-items: flex-start; }
}

@media screen and (max-width: 480px) {
  .content { padding-left: 16px; padding-right: 16px; }
  .stat-top { font-size: 14px; }
  .stat-card { padding: 17px 15px; }
  .stat-icon { display: none; }
  .stat-value { font-size: 27px; }
  .form-section, .card-pad { padding: 22px 20px; }
  .line-actions .muted { max-width: 145px; }
  .form-footer-actions { flex-wrap: wrap; }
  .form-footer-actions .btn { flex: 1; }
  .paper-invoice-title { font-size: 22px; }
  .paper-business-name { font-size: 19px; }
  .page-footer span:last-child { text-align: left; }
}