@charset "UTF-8";
:root{--canvas:#f5f4f0;--sidebar:#efeee9;--paper:#fff;--ink:#252d28;--muted:#6b7168;--faint:#a3a79f;--line:#e5e6df;--green:#29483e;--green-hover:#1f3a31;--soft-green:#e7ede7;--warm:#f4eddf;--warning:#96622e;--danger:#a0523d;--danger-bg:#f7ece6;--radius:12px;--shadow:0 14px 50px #242c2310;--sidebar-width:222px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}button,summary{touch-action:manipulation}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1.25px}h2{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.2px}strong{font-weight:600}::selection{background:#dce6d9}:focus-visible{outline:3px solid #91a895;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;border-color:#6c8a76;box-shadow:0 0 0 3px #dce6dd}input,textarea,select{border:1px solid #dfe2d9;border-radius:8px;background:var(--paper);color:var(--ink);min-height:44px;padding:10px 12px;min-width:0;width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#68725e}input[readonly]{background:#f6f6f1;color:#68725e}textarea{resize:vertical;line-height:1.6}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d76' stroke-width='1.6'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-size:19px;background-repeat:no-repeat;padding-right:34px}table{border-collapse:collapse}button{border:0;background:none;padding:0}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;border-radius:8px;padding:10px 15px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .15s,border-color .15s}.button.primary{background:var(--green);color:#fff;box-shadow:0 1px 2px #1c322b12}.button.primary:hover{background:var(--green-hover)}.button.secondary{background:var(--paper);border-color:#dfe2d9;color:#3b483e}.button.secondary:hover{background:#f4f5f0;border-color:#ccd3c8}.button.subtle{color:var(--green);background:transparent}.button.subtle:hover{background:#dfe8dd}.button.small{min-height:35px;padding:7px 10px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:8px;border:0;border-radius:7px;flex-shrink:0;background:transparent;color:#6b756b}.icon-button:hover{background:#edf0e9;color:var(--ink)}.button.icon-button{border:1px solid var(--line);background:var(--paper);height:43px;width:43px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;color:var(--green);font-weight:500}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:11px;letter-spacing:1.9px;color:#68725e;font-weight:600;margin-bottom:12px}.muted{color:var(--muted)}.danger-text{color:var(--danger)!important}.heading-dot{color:#68725e}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--green);color:#fff;padding:12px;z-index:1000;border-radius:8px}.skip-link:focus{top:14px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid #e2e3da;padding:30px 17px 18px;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.8px;padding:0 9px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;background:var(--green);color:white;font-size:27px;line-height:1;font-weight:600;letter-spacing:-2px;padding-right:3px;padding-bottom:3px}.brand-light{font-weight:400;color:#68725e;margin-left:2px}.workspace{display:flex;align-items:center;gap:7px;font-size:11px;color:#68725e;margin:22px 9px 32px}.workspace-dot{width:5px;height:5px;border-radius:50%;background:#8d9e7b}.desktop-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;border-radius:8px;padding:12px;width:100%;font-size:13px;color:#68725e;text-align:left;font-weight:500}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#e6e8df;color:var(--green)}.nav-item.active{background:#e0e6da;color:#354d39}.nav-count{margin-left:auto;font-size:11px;min-width:19px;text-align:center;color:#68725e}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{font-size:12px;color:#68725e}.workspace-owner{display:flex;align-items:center;gap:9px;padding:21px 7px 0;margin-top:15px;border-top:1px solid #dfe2d6;min-width:0}.avatar{width:31px;height:31px;border-radius:50%;background:#dde2d3;display:flex;align-items:center;justify-content:center;font-size:11px;color:#627556;flex-shrink:0}.workspace-owner>div:last-child{min-width:0}.workspace-owner strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.workspace-owner span{display:block;font-size:11px;color:#68725e;margin-top:2px}.main-shell{margin-left:var(--sidebar-width);min-height:100vh}#main{padding:46px 46px 60px;max-width:1600px;margin:0 auto;outline:none}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:33px}.page-header>.menu,.page-header>.button{align-self:center}.page-description{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6;max-width:630px}.demo-bar{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 46px;background:#ede9dc;border-bottom:1px solid #e2dfd0;color:#68725e;font-size:11px}.demo-bar>span,.demo-bar button{display:flex;align-items:center;gap:8px}.demo-bar button{font-size:11px;font-weight:600;color:#766d50;min-height:24px}.demo-bar .icon{width:14px;height:14px}.demo-dot{width:5px;height:5px;background:#b69a62;border-radius:50%}.mobile-nav,.mobile-export{display:none}.setup-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eaf0e5;border:1px solid #dde5d4;border-radius:10px;padding:15px 18px;margin-bottom:29px;color:#5b7050}.setup-strip>div{display:flex;align-items:center;gap:13px}.setup-strip>div>span{display:flex;flex-direction:column;gap:3px}.setup-strip strong{font-size:12px;color:#4d6345}.setup-strip span span{font-size:11px;color:#68725e}.setup-strip .button{font-size:12px;min-height:36px}.register-summary{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:11px;color:#68725e;margin:-6px 0 23px}.register-summary strong{font-size:12px;color:#55644e;font-weight:600;margin-left:5px;font-variant-numeric:tabular-nums}.summary-separator{color:#68725e}.register-summary button{font-size:11px;color:#68725e;text-decoration:underline;text-underline-offset:3px}.register{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 9px #28322202}.register-tabs{display:flex;align-items:center;gap:22px;padding:0 23px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.register-tabs button{display:flex;align-items:center;gap:7px;min-height:58px;font-size:12px;white-space:nowrap;color:#68725e;position:relative;font-weight:500}.register-tabs button span{font-size:11px;color:#68725e;padding:1px 5px;min-width:18px;border-radius:4px;background:#f4f5ef}.register-tabs button.active{color:#3e5841}.register-tabs button.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#5c7954;border-radius:2px}.register-tabs button.active span{background:#eaf0e4;color:#68725e}.filterbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:17px 23px}.search-box{display:flex;align-items:center;gap:9px;max-width:350px;flex:1;color:#68725e}.search-box .icon{width:17px;height:17px}.search-box input{min-height:35px;padding:7px 0;background:transparent;border:0;border-radius:0;font-size:12px}.search-box input:focus{box-shadow:none}.filter-selects{display:flex;gap:8px}.filter-selects select{font-size:11px;min-height:34px;padding:7px 31px 7px 10px;border-radius:6px;max-width:180px;background-position:right 7px center;background-size:16px;color:#68725e;border-color:#e9ece3}.document-table{width:100%;table-layout:fixed}.document-table th{background:#fafbf7;border-top:1px solid #f0f1eb;border-bottom:1px solid #edf0e7;padding:11px 12px;text-align:left;font-size:11px;letter-spacing:.15px;font-weight:400;color:#68725e}.document-table th:first-child{padding-left:24px;width:31%}.document-table th:nth-child(2){width:23%}.document-table th:nth-child(3){width:12%}.document-table th:nth-child(4){width:15%;text-align:right;padding-right:25px}.document-table th:nth-child(5){width:17%}.document-table th:last-child{width:26px;padding:0}.document-table td{padding:21px 12px;border-bottom:1px solid #eff1e9;vertical-align:middle}.document-row{cursor:pointer;transition:background .12s}.document-row:hover{background:#fafbf7}.document-row:last-child td{border-bottom:0}.document-table .document-cell{padding-left:23px}.document-cell-content{display:flex;align-items:center;gap:12px;min-width:0}.document-cell{display:table-cell}.document-cell-content>div{min-width:0}.document-icon{width:34px;height:39px;border:1px solid #e7e9df;border-radius:7px;background:#fafbf6;display:flex;align-items:center;justify-content:center;color:#68725e;flex-shrink:0}.document-icon .icon{width:17px;height:17px}.document-icon.act{color:#68725e;background:#f5f9f5;border-color:#e3ebe2}.document-icon.contract{color:#68725e;background:#faf8f1;border-color:#e9e6d9}.document-title{display:block;font-size:14px;font-weight:500;color:#4b5946;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.document-title:hover{text-decoration:underline;text-underline-offset:3px}.document-number{font-weight:400;color:#68725e;margin-left:3px;font-size:11px}.row-secondary{display:block;font-size:11px;color:#68725e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:4px;line-height:1.6}.client-cell strong{display:block;font-size:11px;font-weight:500;color:#6b785f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-cell{font-size:11px;color:#68725e;font-variant-numeric:tabular-nums;white-space:nowrap}.amount-cell{text-align:right;padding-right:25px!important;font-variant-numeric:tabular-nums}.amount-cell strong{font-size:12px;font-weight:500;white-space:nowrap;color:#5a684e}.amount-cell strong>span{font-weight:400;font-size:11px;color:#68725e;margin-left:2px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 7px;border-radius:5px;white-space:nowrap;font-weight:500;line-height:1.5}.badge .icon{width:11px;height:11px}.badge.success{color:#68725e;background:#edf4e9}.badge.pending{color:#68725e;background:#f8f3e7}.badge.overdue{color:#68725e;background:#fbf0e8}.badge.partial{color:#68725e;background:#f2f4e8}.badge.draft{color:#68725e;background:#f2f3ee}.badge.neutral{color:#68725e;background:#f0f1eb}.status-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.delivery-state{display:block;font-size:11px;color:#68725e;margin-top:5px;padding-left:7px}.row-action{padding:0!important;color:#68725e}.row-action>.icon{width:13px;height:13px;transform:rotate(-90deg)}.table-footer{display:flex;justify-content:space-between;border-top:1px solid #edf0e7;padding:13px 24px;color:#68725e;font-size:11px}.active-client-filter{display:flex;gap:8px;align-items:center;padding:0 23px 14px;color:#68725e;font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:62px 24px 55px;min-height:420px}.empty-state h2{font-size:18px;letter-spacing:-.4px;color:#4b5944;margin:22px 0 10px}.empty-state p{font-size:12px;line-height:1.9;color:#68725e;max-width:380px;margin-bottom:24px}.empty-state>.icon{width:34px;height:34px;stroke-width:1.1;color:#68725e}.empty-state .button{font-size:12px;min-height:41px}.empty-paper{height:85px;width:67px;border-radius:8px;background:#f8faf4;border:1px solid #e2e9d9;box-shadow:5px 6px 0 #f2f5ec;transform:rotate(-5deg);padding:14px 12px;text-align:left;color:#68725e}.empty-paper>.icon{height:19px;width:19px;margin-bottom:10px}.empty-paper>span{display:block;height:2px;background:#dce5d1;margin-bottom:5px;width:100%}.empty-paper>span:last-child{width:60%}.demo-start{margin-top:16px;font-size:11px;gap:7px}.demo-start>.icon{width:14px;height:14px}.empty-footnote{font-size:11px;color:#68725e;margin-top:6px}.empty-state.compact{min-height:300px}.menu{position:relative}.menu summary{list-style:none;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.menu-content{position:absolute;right:0;top:calc(100% + 7px);min-width:220px;padding:6px;border:1px solid #e2e7da;background:var(--paper);border-radius:10px;box-shadow:var(--shadow);z-index:60}.menu-content>a,.menu-content>button{display:flex;align-items:center;gap:10px;padding:10px 11px;min-height:42px;border-radius:6px;width:100%;font-size:12px;text-align:left;white-space:nowrap;color:#68725e}.menu-content>a:hover,.menu-content>button:hover{background:#f3f6ed}.menu-content .icon{width:16px;height:16px;color:#68725e}.menu-divider{height:1px;background:var(--line);margin:5px 7px}.create-menu .button{gap:8px}.create-menu .button>.icon:last-child{width:13px;height:13px;margin-left:9px}
.back-link{display:inline-flex;align-items:center;gap:7px;color:#68725e;font-size:11px;min-height:35px;margin-top:-16px;margin-bottom:15px}.back-link>.icon{width:15px;height:15px}.back-link:hover{color:var(--green)}.editor-header h1{font-size:29px;letter-spacing:-1px}.editor-header .page-description{max-width:650px;font-size:12px}.document-form{max-width:1050px}.form-section{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:26px 29px;margin-bottom:18px}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:23px}.section-title h2{font-size:14px;color:#56674b;font-weight:500}.section-title p{font-size:11px;color:#68725e;margin-top:4px}.step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:23px;height:23px;border:1px solid #e6ebdf;border-radius:50%;font-size:11px;color:#68725e;margin-top:1px}.section-icon{width:23px;height:23px;color:#68725e;display:flex;align-items:center;justify-content:center}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span:first-child{font-size:11px;font-weight:500;color:#68725e;display:flex;gap:4px}.field input,.field select,.field textarea{font-size:13px;color:#4c5b42}.field input::placeholder,.field textarea::placeholder{color:#68725e;font-size:12px}.field-help:empty{display:none}.field-help{font-size:11px;color:#68725e;line-height:1.5}.span-2{grid-column:1/-1}.required-mark{color:#68725e}.input-with-button{display:flex;gap:9px;align-items:center}.input-with-button select{flex:1}.input-with-button .button{font-size:12px;height:43px;color:#68725e}.input-with-button .icon{height:15px;width:15px}.items-heading,.line-item{display:grid;grid-template-columns:18px minmax(130px,1fr) 60px 78px 95px 100px 27px;gap:10px}.items-heading{font-size:11px;color:#68725e;padding:0 0 10px;border-bottom:1px solid #eff2e8}.items-heading>span:nth-child(5),.items-heading>span:nth-child(6){text-align:right}.line-item{align-items:start;border-bottom:1px solid #f0f2e9;padding:16px 0}.line-item input,.line-item textarea{border-color:#e9ede1;font-size:12px;min-height:39px;padding:9px 8px;border-radius:6px;color:#68725e}.line-item textarea{min-height:66px;line-height:1.55}.line-item textarea::placeholder{font-size:11px;color:#68725e}.line-item .item-price input,.line-item .item-quantity input{text-align:right}.line-item .item-unit input{font-size:11px;padding-left:7px;padding-right:7px}.item-index{font-size:11px;color:#68725e;padding-top:10px}.item-total{padding-top:11px;text-align:right;font-size:12px;color:#68725e;font-variant-numeric:tabular-nums;white-space:nowrap}.remove-item{width:27px;min-height:35px;height:35px;color:#68725e;padding:5px}.remove-item .icon{width:14px;height:14px}.items-bottom{display:flex;align-items:flex-start;justify-content:space-between;padding-top:15px;gap:20px}.items-bottom>.text-button{font-size:11px;color:#68725e}.items-bottom>.text-button>.icon{width:15px;height:15px}.form-total{display:flex;align-items:center;gap:30px;padding:7px 39px 0 0}.form-total>span{font-size:11px;color:#68725e}.form-total strong{font-size:21px;letter-spacing:-.6px;font-weight:500;font-variant-numeric:tabular-nums;color:#536b45;white-space:nowrap}.form-total strong>span{font-size:15px;color:#68725e}.note-section{padding-top:23px;padding-bottom:25px}.note-section .section-title{margin-bottom:17px}.note-section>textarea{font-size:12px;border-color:#e9ede1}.mobile-label{display:none}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 0;position:sticky;bottom:0;background:linear-gradient(#f5f4f000,var(--canvas) 15px);padding-bottom:18px;margin-top:7px;z-index:15}.editor-footer>div{display:flex;gap:9px}.editor-footer .button{font-size:12px}.save-note{font-size:11px;color:#68725e}.form-error{border:1px solid #e4c6b5;border-radius:8px;background:#fbf0e9;color:#a06447;padding:12px 15px;margin-bottom:19px;font-size:12px;line-height:1.6}.form-error[hidden]{display:none}.contract-body{font-size:13px;line-height:1.9;min-height:400px}.settings-form{max-width:850px}.settings-footnote{font-size:11px;line-height:1.8;color:#68725e;margin:2px 2px 0;max-width:650px}
.detail-header{align-items:center;margin-bottom:28px}.detail-header h1{font-size:31px;letter-spacing:-.8px;overflow-wrap:anywhere}.detail-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-eyebrow .eyebrow{margin:0}.detail-eyebrow .badge{font-size:11px}.dot-separator{margin:0 9px;color:#68725e}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .button{font-size:12px}.document-detail-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.detail-sidebar{display:flex;flex-direction:column;gap:15px}.detail-panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:20px}.detail-panel h2{font-size:12px;font-weight:500;color:#68725e}.status-control{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #edf1e6;min-height:82px}.status-control:last-child{border-bottom:0;padding-bottom:2px}.status-control strong{font-size:11px;font-weight:500;color:#68725e;display:block;margin-top:5px}.status-control strong .muted{font-size:11px;color:#68725e}.status-label{font-size:11px;color:#68725e}.status-control .row-secondary{font-size:11px;margin-top:3px}.status-control .small{font-size:11px;color:#68725e;padding:6px 8px;min-height:32px;gap:5px}.status-control .small .icon{width:12px;height:12px}.status-control .icon-button{color:#68725e;background:#f0f5e9;width:28px;height:28px;min-height:28px;padding:6px}.status-control .icon-button .icon{width:13px;height:13px}.derived-action{display:flex;align-items:center;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #edf1e6;color:#68725e;font-size:11px}.derived-action>.icon{width:14px;height:14px}.derived-action>.icon:last-child{margin-left:auto;width:13px}.details-list{margin:15px 0 0}.details-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:13px;font-size:11px}.details-list dt{color:#68725e;white-space:nowrap}.details-list dd{margin:0;text-align:right;color:#68725e;font-size:11px;overflow-wrap:anywhere}.details-list dd.detail-amount{font-size:17px;font-variant-numeric:tabular-nums;color:#68725e;letter-spacing:-.4px}.related-link{font-size:11px;justify-content:flex-start;margin-top:10px;min-height:30px;color:#68725e}.related-link .icon{width:13px;height:13px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:10px}.panel-heading h2 span{font-size:11px;color:#68725e;margin-left:5px}.panel-heading .icon-button{height:28px;width:28px;min-height:28px}.panel-hint{font-size:11px;color:#68725e;line-height:1.8;margin-top:14px}.upload-button{font-size:11px;margin-top:14px;min-height:33px;padding:6px 10px;color:#68725e}.upload-button .icon{width:13px;height:13px}.attachment-list,.payment-list,.history-list{list-style:none;padding:0;margin:0}.attachment-list a{display:flex;align-items:center;gap:8px;min-height:55px;border-bottom:1px solid #edf1e6;color:#68725e}.attachment-list li:last-child a{border:0}.attachment-list a>span{min-width:0;flex:1}.attachment-list a strong{display:block;font-weight:500;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#68725e}.attachment-list a span span{font-size:11px;color:#68725e}.attachment-list .icon{width:14px;height:14px}.attachment-list a>.icon:last-child{width:12px;height:12px}.payment-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:15px}.payment-list strong{display:block;font-size:12px;font-weight:500;color:#68725e;font-variant-numeric:tabular-nums}.payment-list span{display:block;font-size:11px;color:#68725e;margin-top:3px}.payment-list .icon-button{width:27px;height:27px;min-height:27px;padding:6px}.payment-list .icon{width:12px;height:12px}.history-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;min-height:20px}.history-panel>summary::-webkit-details-marker{display:none}.history-panel>summary>.icon{width:14px;height:14px;color:#68725e}.history-panel[open]>summary{margin-bottom:17px}.history-list{margin-left:3px}.history-list li{position:relative;padding:0 0 17px 15px;border-left:1px solid #e9efdf}.history-list li::before{content:'';position:absolute;left:-3px;top:4px;width:5px;height:5px;background:#c4d4b8;border-radius:50%}.history-list li:last-child{padding-bottom:0;border-color:transparent}.history-list span{display:block;font-size:11px;color:#68725e}.history-list time{display:block;font-size:11px;color:#68725e;margin-top:3px}.version-list{border-top:1px solid #edf2e4;margin-top:17px;padding-top:7px}.version-list a{display:flex;align-items:center;gap:7px;min-height:32px;font-size:11px;color:#68725e}.version-list .icon{height:12px;width:12px}.version-list a span{margin-left:auto;font-size:11px;color:#68725e}.preview-panel{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px;color:#68725e;font-size:11px}.preview-toolbar>span{display:flex;align-items:center;gap:7px}.preview-toolbar>.text-button{min-height:25px;font-size:11px;color:#68725e}.preview-toolbar .icon{width:12px;height:12px}.paper-preview{overflow:hidden;border:1px solid #e5e9dd;border-radius:3px;background:white;box-shadow:0 5px 19px #3d4c2906;width:100%;aspect-ratio:210/297;position:relative}.paper-preview iframe{border:0;display:block;width:794px;height:1123px;transform:scale(var(--preview-scale,1));transform-origin:top left;background:#fff}.preview-caption{display:flex;justify-content:space-between;font-size:11px;color:#68725e;padding:11px 2px 0}
.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:22px;min-width:0}.client-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.client-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#eff3e8;color:#68725e;font-size:16px}.client-card-heading .icon-button{width:30px;height:30px;min-height:30px;padding:7px;color:#68725e}.client-card-heading .icon{width:15px;height:15px}.client-card h2{font-size:17px;letter-spacing:-.5px;color:#68725e;font-weight:500;overflow-wrap:anywhere}.legal-name{font-size:11px;color:#68725e;margin-top:5px;min-height:17px}.client-card dl{margin:23px 0}.client-card dl>div{margin-top:13px}.client-card dt{font-size:11px;color:#68725e}.client-card dd{margin:3px 0 0;font-size:11px;color:#68725e;overflow-wrap:anywhere}.client-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1e6;padding-top:12px}.client-card-footer>a:first-child{display:flex;align-items:center;gap:8px;font-size:11px;color:#68725e}.client-card-footer .icon{width:14px;height:14px}.client-card-footer .icon-button{width:29px;height:29px;min-height:29px;color:#68725e}
dialog{border:1px solid #e0e6d6;border-radius:14px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #1f302432;width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 50px);overflow:auto}dialog::backdrop{background:#26352b66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:25px 26px 21px;border-bottom:1px solid #edf1e5}.dialog-header h2{font-size:19px;letter-spacing:-.5px;color:#647d53;font-weight:500}.dialog-header p{font-size:11px;color:#68725e;margin-top:6px}.dialog-header>.icon-button{margin-top:-5px;margin-right:-8px;color:#68725e}.dialog-body{padding:25px 26px}.dialog-body .fields-grid{gap:17px 18px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 26px;border-top:1px solid #edf1e5;background:#fbfcf8;position:sticky;bottom:0}.dialog-footer .button{font-size:12px}.additional-fields{margin-top:23px}.additional-fields>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:#68725e;font-size:11px;min-height:35px}.additional-fields>summary::-webkit-details-marker{display:none}.additional-fields>summary>.icon{height:14px;width:14px}.additional-fields .fields-grid{margin-top:16px}.payment-balance{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;background:#f3f7ed;border-radius:8px;margin-bottom:23px;color:#68725e;font-size:11px}.payment-balance strong{font-size:19px;font-weight:500;color:#68725e;font-variant-numeric:tabular-nums}.dialog-hint{font-size:11px;line-height:1.8;color:#68725e;margin-top:20px}.preview-dialog{width:min(860px,calc(100vw - 32px))}.expanded-preview{display:block;width:100%;height:75dvh;border:0;background:#fff}.initial-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#68725e;font-size:13px}#toast{position:fixed;left:calc(50% + var(--sidebar-width)/2);bottom:28px;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#344d35;color:#68725e;border-radius:9px;padding:12px 20px;box-shadow:0 5px 25px #1e35162b;font-size:12px;transition:opacity .18s,transform .18s;z-index:120;max-width:calc(100vw - 36px);text-align:center}#toast.visible{transform:translate(-50%,0);opacity:1}.spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.login-body{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{max-width:400px;width:100%}.login-card>.brand-mark{margin-bottom:30px}.login-card .eyebrow{font-size:11px;margin-bottom:16px;color:#68725e}.login-card h1{font-size:32px;line-height:1.3;color:#5d7650}.login-card>.muted{font-size:12px;margin-top:17px;color:#68725e}.login-card form{margin-top:30px}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#68725e}.login-card form>.button{width:100%;margin-top:16px}.login-card .form-error{margin-top:15px}
@media(min-width:1600px){#main{padding-left:65px;padding-right:65px}.document-table td{padding-top:24px;padding-bottom:24px}.document-detail-grid{grid-template-columns:330px minmax(0,800px)}}
@media(max-width:1250px){:root{--sidebar-width:196px}#main{padding:35px 28px 50px}.demo-bar{padding-left:28px;padding-right:28px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:18px}.document-table th:first-child{width:34%}.document-table th:nth-child(2){width:23%}.document-table th:nth-child(3),.date-cell{display:none}.document-table th:nth-child(4){width:21%}.document-table th:nth-child(5){width:22%}.document-cell-content{gap:9px}.document-number{display:block;margin-left:0;margin-top:3px}.document-cell .row-secondary{font-size:11px}.document-detail-grid{grid-template-columns:270px minmax(0,1fr);gap:18px}.detail-panel{padding:17px}.header-actions{gap:6px}.header-actions .button{padding:10px 12px;font-size:11px}.detail-header h1{font-size:27px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.items-heading,.line-item{grid-template-columns:16px minmax(110px,1fr) 52px 64px 82px 82px 24px;gap:8px}.form-section{padding:23px}.form-total{padding-right:32px}.register-tabs{gap:20px}.filterbar{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){.document-detail-grid{grid-template-columns:minmax(0,1fr)}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.detail-sidebar .history-panel{grid-column:1/-1}.preview-panel{max-width:700px;width:100%;margin:8px auto 0}.detail-header{align-items:flex-start;flex-wrap:wrap}.detail-header>.header-actions{margin-top:0}.page-header{gap:16px}.items-heading,.line-item{grid-template-columns:14px minmax(100px,1fr) 46px 57px 75px 77px 24px;gap:7px}.items-heading{font-size:11px}.line-item input,.line-item textarea{font-size:11px}.register-tabs{gap:17px;padding-left:20px;padding-right:20px}.register-tabs button{font-size:11px}.filter-selects select{max-width:150px}.filterbar{gap:10px}.search-box input{font-size:11px}.setup-strip{padding:13px}.setup-strip span span{font-size:11px}.setup-strip .button{font-size:11px}.page-description{font-size:12px}}
@media(max-width:800px){:root{--sidebar-width:0px}.sidebar{display:none}.main-shell{margin-left:0;padding-bottom:77px}#main{padding:29px 22px 24px}.page-header{margin-bottom:26px}h1{font-size:30px;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:9px}.page-description{font-size:12px;margin-top:8px;max-width:380px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;min-height:67px;padding:7px 20px calc(7px + env(safe-area-inset-bottom));background:#fafbf6f5;backdrop-filter:blur(15px);border-top:1px solid #e3e8d9;z-index:40;justify-content:space-around;gap:20px}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:75px;min-height:48px;color:#68725e;font-size:11px}.mobile-nav a .icon{height:19px;width:19px}.mobile-nav a.active{color:#68725e}.mobile-export{display:block;text-align:center;padding:6px 20px 20px}.mobile-export a{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#68725e;min-height:38px}.mobile-export .icon{width:13px;height:13px}.demo-bar{padding:7px 22px;font-size:11px;min-height:36px}.demo-bar button{font-size:11px}.create-menu>.button{min-height:40px;padding:10px 12px;font-size:12px}.create-menu>.button>.icon{height:15px;width:15px}.register-summary{font-size:11px;gap:9px;margin-bottom:18px}.register-summary strong{font-size:11px}.editor-footer{bottom:67px;padding-top:16px;padding-bottom:15px}.editor-footer .button{min-height:44px}.form-section{padding:24px}.items-heading,.line-item{grid-template-columns:17px minmax(120px,1fr) 56px 72px 90px 88px 26px;gap:9px}.line-item input,.line-item textarea{font-size:12px}.back-link{margin-top:-8px;margin-bottom:12px;min-height:35px}.detail-sidebar{grid-template-columns:1fr 1fr}.detail-panel{padding:20px}.header-actions .button{min-height:43px;font-size:12px}.header-actions .button.icon-button{width:43px}.setup-strip{margin-bottom:24px;padding:14px}.setup-strip strong{font-size:11px}.setup-strip span span{font-size:11px}.setup-strip .button{font-size:11px}#toast{left:50%;bottom:88px;font-size:12px}.dialog-footer .button{min-height:44px}.icon-button{min-height:44px;height:44px;width:44px}.menu-content>a,.menu-content>button{min-height:45px}.client-card-heading .icon-button,.client-card-footer .icon-button{width:44px;height:44px;min-height:44px}.panel-heading .icon-button,.payment-list .icon-button{width:36px;height:36px;min-height:36px}.status-control .small{min-height:40px}.status-control .icon-button{width:35px;height:35px;min-height:35px}.detail-header h1{font-size:29px}}
@media(max-width:600px){body{font-size:14px}#main{padding:26px 16px 22px}.page-header{gap:12px;align-items:center;margin-bottom:23px}.page-header h1{font-size:28px}.page-description{font-size:11px;line-height:1.7;max-width:230px}.create-menu>.button{gap:5px;padding:10px;font-size:11px}.create-menu>.button>.icon:last-child{display:none}.page-header>.button{font-size:11px;padding:10px 11px}.setup-strip{align-items:flex-start;padding:13px 12px;gap:9px}.setup-strip>div{gap:9px;align-items:flex-start}.setup-strip>div>.icon{width:16px;height:16px;margin-top:3px}.setup-strip span span{font-size:11px;max-width:200px;line-height:1.7}.setup-strip strong{font-size:11px}.setup-strip .button{padding:5px 7px;font-size:11px;min-height:36px;gap:3px}.setup-strip .button>.icon{width:13px;height:13px}.register-summary{font-size:11px;gap:7px;line-height:1.8;margin-bottom:17px}.register-summary strong{font-size:11px;margin-left:3px}.register-tabs{padding:0 16px;gap:21px}.register-tabs button{min-height:52px;font-size:11px;gap:5px}.register-tabs button span{font-size:11px;min-width:15px;padding:1px 3px}.filterbar{display:block;padding:12px 15px 14px}.search-box{max-width:none;gap:8px;margin-bottom:10px}.search-box input{font-size:12px;min-height:34px}.search-box .icon{width:16px;height:16px}.filter-selects{gap:8px}.filter-selects select{flex:1;max-width:none;font-size:11px;min-height:37px;border-color:#edf0e5}.document-table,.document-table tbody{display:block;width:100%}.document-table thead{display:none}.document-table tr.document-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:18px 16px;border-top:1px solid #edf1e5;position:relative}.document-table td{padding:0!important;border:0}.document-table .document-cell{display:flex;grid-column:1;grid-row:2;gap:0}.document-icon{display:none}.document-title{font-size:11px;color:#68725e;font-weight:400}.document-number{display:inline;font-size:11px;color:#68725e;margin-left:3px;margin-top:0}.document-cell .row-secondary{font-size:11px;color:#68725e;max-width:200px;margin-top:4px}.client-cell{grid-column:1;grid-row:1;min-width:0}.client-cell strong{font-size:13px;color:#68725e;font-weight:500}.client-cell .row-secondary{display:none}.amount-cell{grid-column:2;grid-row:1;align-self:center;padding:0!important}.amount-cell strong{font-size:13px;font-weight:500;color:#68725e}.amount-cell strong>span{font-size:11px;color:#68725e}.amount-cell .row-secondary{font-size:8px;margin-top:2px}.status-cell{grid-column:2;grid-row:2;text-align:right;align-self:center}.badge{font-size:8px;padding:4px 6px;gap:4px}.badge .icon{height:10px;width:10px}.delivery-state{font-size:8px;padding:0;margin-top:4px;color:#68725e}.document-table .row-action{display:none}.table-footer{padding:12px 16px;font-size:11px}.table-footer>span:last-child{display:none}.empty-state{min-height:405px;padding:47px 20px 40px}.empty-state h2{font-size:16px;margin-top:24px}.empty-state p{font-size:11px;line-height:1.9;max-width:290px}.empty-state p br{display:none}.empty-state .button{font-size:11px;min-height:44px}.demo-start{font-size:11px;margin-top:16px;min-height:44px}.empty-footnote{font-size:11px;margin-top:0}.demo-bar{padding:8px 16px;font-size:11px;gap:8px}.demo-bar button{font-size:11px;gap:5px;min-height:28px}.demo-bar .icon{height:12px;width:12px}.demo-dot{width:4px;height:4px}.demo-bar>span{gap:6px}.back-link{font-size:11px;margin-top:-8px;margin-bottom:10px}.editor-header{align-items:flex-start}.editor-header h1{font-size:25px}.editor-header .page-description{font-size:11px;max-width:250px}.editor-header>.button{width:40px;height:40px;min-height:40px;padding:10px;margin-top:20px}.editor-header>.button>span{display:none}.editor-header>.button .icon{height:17px;width:17px}.form-section{padding:21px 17px;margin-bottom:14px}.section-title{gap:9px;margin-bottom:20px}.section-title h2{font-size:13px}.section-title p{font-size:11px;line-height:1.7}.step-number{width:21px;height:21px;font-size:11px}.fields-grid{grid-template-columns:minmax(0,1fr);gap:17px}.field>span:first-child{font-size:11px}.field input,.field select,.field textarea{font-size:16px;min-height:46px;padding:11px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field-help{font-size:11px}.span-2{grid-column:auto}.input-with-button{gap:7px}.input-with-button .button{min-height:46px;height:46px;width:46px;padding:10px}.input-with-button .button>span{display:none}.input-with-button .button>.icon{width:17px;height:17px}.items-heading{display:none}.services-section{padding-bottom:21px}.line-item{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px 10px;padding:20px 0;position:relative;border-bottom:1px solid #e9eedf}.line-item:first-child{padding-top:0}.item-index{display:none}.item-description{grid-column:1/-1;padding-right:30px}.mobile-label{display:block;font-size:11px;color:#68725e;margin-bottom:6px}.line-item textarea,.line-item input{font-size:16px;padding:10px;min-height:44px}.line-item textarea{min-height:76px;line-height:1.6}.line-item textarea::placeholder{font-size:12px}.line-item .item-unit input{font-size:13px;padding:10px 7px;min-height:44px}.line-item .item-quantity input,.line-item .item-price input{text-align:left}.item-quantity{grid-column:1;grid-row:2}.item-unit{grid-column:2;grid-row:2}.item-price{grid-column:3;grid-row:2}.item-total{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;padding:0;font-size:14px;color:#68725e}.item-total .mobile-label{margin:0;font-size:11px}.remove-item{position:absolute;right:-8px;top:12px;width:38px;height:44px;min-height:44px;padding:10px;color:#68725e}.line-item:first-child .remove-item{top:-8px}.remove-item .icon{width:14px;height:14px}.items-bottom{flex-direction:column;gap:18px;padding-top:10px}.items-bottom>.text-button{font-size:11px;min-height:44px}.form-total{border-top:1px solid #e9eedf;width:100%;padding:18px 0 0;justify-content:space-between;gap:15px}.form-total>span{font-size:12px;color:#68725e}.form-total strong{font-size:24px;letter-spacing:-.7px;color:#68725e}.form-total strong>span{font-size:16px}.note-section>textarea{font-size:16px;min-height:105px}.editor-footer{padding:12px 0 15px;gap:10px;flex-direction:column;align-items:stretch;bottom:67px;background:var(--canvas);margin-top:0}.editor-footer>div{gap:8px}.editor-footer .button{font-size:11px;flex:1;padding:12px 10px;min-height:46px}.editor-footer .button .icon{width:15px;height:15px}.save-note{font-size:11px;text-align:center;min-height:14px}.editor-footer>.button{flex:initial}.settings-footnote{font-size:11px;margin:6px 0 14px;line-height:1.8}.detail-header{gap:18px;margin-bottom:24px}.detail-header h1{font-size:26px}.detail-header>.header-actions{width:100%;display:flex;gap:7px}.header-actions .button{font-size:11px;min-height:43px;padding:10px 12px}.header-actions .primary{flex:1}.header-actions .button.icon-button{width:40px;flex-shrink:0}.detail-header .page-description{max-width:none;font-size:11px}.detail-eyebrow{margin-bottom:10px;gap:10px}.document-detail-grid{gap:24px}.detail-sidebar{display:flex;gap:13px}.detail-panel{padding:20px}.detail-panel h2{font-size:12px}.status-control{min-height:85px;padding:18px 0;gap:15px}.status-label{font-size:11px}.status-control strong{font-size:12px}.status-control strong .muted{font-size:11px}.status-control .row-secondary{font-size:11px}.status-control .small{min-height:44px;font-size:11px;padding:10px 12px}.status-control .small .icon{width:14px;height:14px}.status-control .icon-button{width:44px;height:44px;min-height:44px;padding:12px}.status-control .icon-button .icon{height:16px;width:16px}.derived-action{font-size:11px;min-height:44px;margin-top:10px;padding-top:13px}.derived-action .icon{width:15px;height:15px}.details-list>div{font-size:11px;margin-top:14px;gap:20px}.details-list dd{font-size:11px}.details-list dd.detail-amount{font-size:19px}.panel-hint{font-size:11px}.upload-button{font-size:11px;min-height:44px;padding:10px 12px;margin-top:16px}.panel-heading .icon-button{width:44px;height:44px;min-height:44px;margin-top:-5px;margin-right:-8px}.attachment-list a{min-height:62px}.attachment-list a strong{font-size:11px}.attachment-list a span span{font-size:11px}.attachment-list .icon{width:17px;height:17px}.payment-list li{padding-top:15px}.payment-list strong{font-size:13px}.payment-list span{font-size:11px}.payment-list .icon-button{height:44px;width:44px;min-height:44px}.history-panel>summary{min-height:25px}.history-list span{font-size:11px}.history-list time{font-size:11px}.version-list a{font-size:11px;min-height:44px}.preview-toolbar{font-size:11px}.preview-toolbar .text-button{font-size:11px;min-height:35px}.preview-caption{font-size:11px}.client-grid{grid-template-columns:minmax(0,1fr);gap:14px}.client-card{padding:21px}.client-card h2{font-size:18px}.legal-name{font-size:11px}.client-card dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;margin-bottom:22px}.client-card dl>div{margin-top:0}.client-card dt{font-size:11px}.client-card dd{font-size:11px}.client-card-footer>a:first-child{font-size:11px;min-height:44px}.client-card-heading{margin-bottom:15px}.client-card-heading .icon-button{margin-top:-8px;margin-right:-7px}.client-card-footer{padding-top:8px}.client-card-footer .icon-button{margin-right:-7px}dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 30px);border-radius:12px}.dialog-header{padding:22px 20px 18px}.dialog-header h2{font-size:18px}.dialog-header p{font-size:11px;line-height:1.7;max-width:260px}.dialog-header>.icon-button{margin-right:-10px;margin-top:-10px}.dialog-body{padding:22px 20px}.dialog-body .fields-grid{grid-template-columns:minmax(0,1fr);gap:16px}.dialog-footer{padding:14px 20px;gap:9px}.dialog-footer .button{font-size:12px;flex:1}.additional-fields>summary{font-size:11px;min-height:44px}.payment-balance{padding:15px 13px;gap:12px;font-size:11px}.payment-balance strong{font-size:19px}.dialog-hint{font-size:11px;line-height:1.9}.preview-dialog{width:calc(100vw - 16px)}.expanded-preview{height:78dvh}.menu-content{min-width:205px}.menu-content>a,.menu-content>button{font-size:12px;padding:11px;min-height:46px}.mobile-nav a{font-size:11px}.form-error{font-size:11px;padding:12px;line-height:1.8}.contract-body{font-size:16px;min-height:370px}.page-header:has(+.client-grid)>.button{font-size:11px}.login-card h1{font-size:30px}.login-card label{font-size:12px}.login-card input{font-size:16px}.login-card form>.button{min-height:47px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Clear foregrounds preserve hierarchy on the quiet paper surfaces. */
.document-title,.client-cell strong,.amount-cell strong{color:#3e4b39}.badge.success{color:#527544}.badge.pending{color:#85672c}.badge.overdue{color:#a35732}.badge.partial{color:#626e38}#toast{color:#f0f6e7}.status-control strong,.details-list dd,.client-card h2{color:#405239}

.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
@media(max-width:600px){.detail-sidebar{align-items:stretch}.register-tabs{gap:18px}.detail-panel{width:100%}}

@media(max-width:600px){.back-link{min-height:44px}.filter-selects select{min-height:44px}.search-box input{min-height:44px}}

.login-card form>label+label{margin-top:18px}