*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:#efece7;color:#151311;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#d81f16;text-decoration:none}a:hover{color:#a81710;text-decoration:underline}input,select,textarea,button{font-family:inherit}input:focus,textarea:focus,select:focus{border-color:#151311!important}::placeholder{color:#b3ada6}.pan::-webkit-scrollbar{width:10px}.pan::-webkit-scrollbar-thumb{background:#d5d1ca;border-radius:5px;border:3px solid #f7f5f2}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#e6e2db}.login-card{width:390px;background:#f7f5f2;border:1px solid #d8d5d0;border-radius:6px;padding:30px 30px 26px}.login-logo{height:197px;width:330px;display:block;margin-bottom:22px;object-fit:contain}.login-title{font-size:19px;font-weight:700;letter-spacing:-.01em}.login-sub{font-size:12px;color:#8a8580;margin-top:5px;margin-bottom:20px}.login-err{font-size:12px;color:#d81f16;margin-bottom:12px}.login-switch{display:flex;justify-content:center;gap:6px;margin-top:14px;font-size:12px;color:#8a8580}.login-switch button{background:none;border:0;padding:0;color:#d81f16;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline}.login-footnote{margin-top:18px;padding-top:14px;border-top:1px solid #e8e4dd;font-size:10.5px;line-height:1.6;color:#a49f98;text-align:center}.field{display:block}.field+.field{margin-top:12px}.field-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a8580;margin-bottom:4px}.field-input{width:100%;padding:7px 9px;border:1px solid #d8d5d0;border-radius:4px;font-size:13px;background:#fff;color:#151311;outline:none}.field-input.lg{padding:9px 11px;font-size:13px}textarea.field-input{line-height:1.5;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.grid-zip{display:grid;grid-template-columns:100px 1fr;gap:10px}.grid-bank{display:grid;grid-template-columns:1fr 130px;gap:10px}.stack{display:grid;gap:10px}.btn-primary{width:100%;padding:12px;background:#d81f16;color:#fff;border:0;border-radius:4px;font-size:18px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#b71a12}.btn-generate{width:100%;padding:14px;background:#d81f16;color:#fff;border:0;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer}.btn-generate:hover{background:#b71a12}.btn-generate:disabled{opacity:.6;cursor:default}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;height:52px;min-height:52px;background:#151311;color:#f7f5f2}.tabs{display:flex;gap:4px;margin-left:8px}.tab{border:0;border-radius:4px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;background:transparent;color:#b3ada6}.tab.active{background:#d81f16;color:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px;color:#b3ada6}.btn-ghost-dark{background:none;border:1px solid #45403a;border-radius:4px;padding:6px 12px;color:#f7f5f2;font-size:12px;cursor:pointer}.btn-ghost-dark:hover{border-color:#d81f16}.editor-body{flex:1;display:flex;overflow:hidden;background:#efece7}.sidebar{width:400px;min-width:400px;height:100%;overflow-y:auto;background:#f7f5f2;border-right:1px solid #e0dcd5;padding:0 0 120px}.sidebar-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:18px 22px;background:#f7f5f2;border-bottom:1px solid #e0dcd5}.sidebar-logo{height:60px;width:auto;display:block}.sidebar-header-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8580;margin-left:auto}.section{padding:20px 22px;border-bottom:1px solid #e8e4dd}.section-title{margin:0 0 12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.hint{margin-top:6px;font-size:11px;color:#8a8580}.status-line{margin-top:8px;font-size:11px;line-height:1.5;color:#8a8580}.history-block{margin-top:22px;border-top:1px solid #e8e4dd;padding-top:16px}.history-title{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8580}.history-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f0ede8;font-size:12px}.history-number{font-weight:600}.history-customer{color:#8a8580;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-canvas{flex:1;height:100%;overflow:auto;padding:32px;display:flex;justify-content:center;align-items:flex-start;background:#e6e2db}.a4-scale-wrap{width:794px;transform-origin:top center}.a4-page{width:794px;height:1123px;background:#fff;box-shadow:0 12px 40px #00000024;padding:34px 30px;display:flex;flex-direction:column;color:#000;font-size:10px;line-height:1.35}.a4-frame{border:1px solid #000;display:flex;flex-direction:column;flex:1}.blue{color:#1b1b9e}.a4-topline{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px 7px;border-bottom:1px solid #000}.a4-topline .doc-title{font-size:12px;font-weight:700}.a4-topline .doc-number{font-size:14px;font-weight:700;color:#1b1b9e;text-decoration:underline}.a4-parties{display:flex;border-bottom:1px solid #000}.a4-supplier{width:52%;border-right:1px solid #000;padding:7px 10px 9px}.a4-supplier-inner{display:flex;gap:12px;align-items:flex-start}.a4-supplier-logo{width:110px;height:auto;display:block;margin-top:4px}.a4-supplier-text{font-size:11px;line-height:1.45}.a4-supplier-text .bold{font-weight:700}.a4-supplier-meta{font-size:10px;line-height:1.5}.a4-symbols{width:48%;display:flex;flex-direction:column}.a4-symbols-grid{padding:7px 10px 8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.a4-customer-box{margin:0 8px 8px;border:2px solid #000;padding:7px 9px;flex:1}.a4-customer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline}.a4-customer-name{font-size:11px;font-weight:700;line-height:1.45;margin-top:10px}.right{text-align:right}.a4-bank{display:flex;border-bottom:1px solid #000}.a4-bank-left{width:52%;border-right:1px solid #000;padding:7px 10px;display:grid;grid-template-columns:auto 1fr;gap:2px 14px}.a4-bank-right{width:48%;padding:7px 10px}.a4-bank-right .line{line-height:1.5}.a4-dates{display:flex;border-bottom:1px solid #000}.a4-dates-left{width:52%;border-right:1px solid #000;padding:8px 10px;display:grid;grid-template-columns:1fr 120px;gap:5px 10px;align-items:center}.a4-dates-left .boxed{border:1px solid #000;padding:2px 6px;text-align:right}.a4-dates-right{width:48%;padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-content:start}.a4-items{padding:7px 10px 0}.a4-items-head{display:grid;grid-template-columns:1fr 62px 68px 52px 78px 46px 68px 82px;gap:0 6px;color:#1b1b9e;padding-bottom:5px;border-bottom:1px solid #000}.a4-items-row{display:grid;grid-template-columns:1fr 62px 68px 52px 78px 46px 68px 82px;gap:0 6px;padding:9px 0 7px;font-size:10.5px}.a4-items-row .desc{white-space:pre-wrap;text-wrap:pretty}.a4-items-sum{display:grid;grid-template-columns:1fr 78px 68px 82px;gap:0 6px;padding:6px 0;border-top:1px solid #000;border-bottom:1px solid #000}.a4-total-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0 10px;border-bottom:1px solid #000}.a4-total-row .label{font-size:13px;font-weight:700}.a4-total-row .value{font-size:14px;font-weight:700}.a4-legal{padding:7px 0 0;font-size:9.5px;line-height:1.6}.a4-legal .bold{font-weight:700}.a4-signrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 10px 12px;border-bottom:1px solid #000}.a4-qr-wrap{display:flex;align-items:flex-end;gap:8px}.a4-qr-box{width:108px;height:108px;border:1px solid #000;display:flex;align-items:center;justify-content:center;background:#fff}.a4-qr-meta{font-size:9.5px;line-height:1.6}.a4-qr-title{font-size:10px;font-weight:700;margin-top:5px}.a4-signed-by{display:flex;gap:10px;align-items:baseline;justify-content:flex-end}.a4-signature-line{margin-top:44px;border-top:1px solid #000;width:210px;padding-top:4px;text-align:center;font-size:9.5px}.a4-register{padding:10px 10px 8px;font-size:9px;line-height:1.6;color:#1b1b9e;border-bottom:1px solid #000}.a4-recap{padding:9px 10px;border-bottom:1px solid #000}.a4-recap-grid{display:grid;grid-template-columns:1fr 100px 70px 90px 110px;gap:3px 8px}.a4-handoff{display:flex;padding:12px 10px 26px;gap:40px}.a4-footer{margin-top:auto;border-top:1px solid #000;padding:6px 10px;font-size:9px}.bottombar{height:44px;min-height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;background:#151311;border-top:1px solid #2a2622}.bottombar-left{display:flex;align-items:center;gap:8px}.bottombar-center{text-align:center;font-size:11px;color:#8a8580;white-space:nowrap}.bottombar-btn{width:32px;height:32px;border-radius:4px;background:none;border:1px solid #45403a;color:#f7f5f2;display:flex;align-items:center;justify-content:center;cursor:pointer}.bottombar-btn:hover{border-color:#d81f16}.bottombar-btn svg{width:17px;height:17px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#15131173;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:480px;max-height:86vh;display:flex;flex-direction:column;background:#f7f5f2;border:1px solid #d8d5d0;border-radius:6px;box-shadow:0 20px 60px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e0dcd5}.modal-close{background:none;border:0;font-size:16px;color:#8a8580;cursor:pointer;padding:4px}.modal-close:hover{color:#d81f16}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:16px 22px;border-top:1px solid #e0dcd5}.modal-saved{font-size:12px;color:#2f8a4d}.archive-view{flex:1;overflow:auto;background:#efece7;padding:28px 34px 80px}.archive-inner{max-width:1080px;margin:0 auto}.archive-head{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.archive-head h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.archive-summary{font-size:12px;color:#8a8580}.archive-search{margin-left:auto;width:250px}.folder{margin-bottom:26px}.folder-head{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;border-bottom:1px solid #d8d5d0}.folder-year{font-size:13px;font-weight:700;letter-spacing:.04em}.folder-meta{font-size:11.5px;color:#8a8580}.invoice-row{display:grid;grid-template-columns:120px 1fr 100px 110px 290px;gap:14px;align-items:center;padding:11px 4px;border-bottom:1px solid #e4e0d9;font-size:13px;background:#f7f5f2}.invoice-row:hover{background:#fff}.invoice-row .number{font-weight:700}.invoice-row .customer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row .total{text-align:right;font-weight:600}.invoice-row .actions{display:flex;gap:6px;justify-content:flex-end}.row-btn{border:1px solid #d8d5d0;background:#fff;border-radius:4px;padding:5px 10px;font-size:11.5px;cursor:pointer}.row-btn:hover{border-color:#151311}.row-btn.pdf{border:1px solid #151311;background:#151311;color:#fff}.row-btn.danger{border:1px solid #e8c6c3;color:#d81f16;padding:5px 9px}.row-btn.danger:hover{background:#fdf0ef}.archive-empty{padding:60px 0;text-align:center;color:#8a8580;font-size:13px}.invoice-row{grid-template-columns:110px 1fr 90px 100px 120px auto}.invoice-row.paid{background:#f0faf4}.invoice-row.overdue{background:#fef5f4;border-left:3px solid #d81f16}.invoice-row .inv-date{color:#8a8580;font-size:12px}.paid-badge{font-size:11px;font-weight:600;white-space:nowrap}.paid-yes{color:#2f8a4d}.paid-no{color:#8a8580}.paid-overdue{color:#d81f16}.row-btn.paid-btn{border-color:#2f8a4d;color:#2f8a4d}.row-btn.paid-btn:hover{background:#f0faf4}.pager{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid #e0dcd5}.pager-info{font-size:13px;color:#8a8580}.item-block{border:1px solid #e8e4dd;border-radius:5px;padding:12px 14px;margin-bottom:10px;background:#faf9f7}.item-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.item-block-num{font-size:11px;font-weight:700;letter-spacing:.06em;color:#8a8580;text-transform:uppercase}.item-remove-btn{padding:3px 8px;font-size:11px}.btn-row{display:flex;gap:8px}.btn-generate{flex:1}.btn-preview{padding:14px 16px;background:#fff;color:#151311;border:1px solid #d8d5d0;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}.btn-preview:hover{border-color:#151311}.btn-preview:disabled{opacity:.6;cursor:default}.validation-errors{margin-bottom:12px;padding:10px 12px;background:#fef5f4;border:1px solid #f5c6c3;border-radius:4px;font-size:12px;color:#d81f16;line-height:1.7}.intl-clause-toggle{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:12.5px;font-weight:600;color:#151311;line-height:1.4}.intl-clause-toggle input[type=checkbox]{margin-top:2px;flex-shrink:0;accent-color:#d81f16;width:14px;height:14px;cursor:pointer}.intl-clause-hint{font-weight:400;color:#8a8580}.intl-clause-preview{margin-top:8px;padding:9px 11px;background:#f0f4ff;border:1px solid #c8d4f5;border-radius:4px;font-size:11px;line-height:1.6;color:#2a3a7a;font-style:italic}.a4-intl-clause{margin-top:5px;font-style:italic;font-size:9px;line-height:1.6;border-top:1px dashed #ccc;padding-top:5px;color:#000}.confirm-card{width:400px;max-width:94vw}@media (max-width: 860px){.editor-body{flex-direction:column}.sidebar{width:100%;min-width:unset;height:auto;border-right:none;border-bottom:1px solid #e0dcd5}.main-canvas{display:none}.invoice-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:6px 10px;padding:12px 8px}.invoice-row .number{font-size:14px}.invoice-row .actions{grid-column:1 / -1;flex-wrap:wrap}.invoice-row .inv-date,.invoice-row .total,.paid-badge{font-size:11px}.archive-head{flex-wrap:wrap;gap:8px}.archive-search{width:100%;margin-left:0}.topbar{padding:0 12px;gap:10px}.tabs .tab{padding:6px 10px;font-size:11.5px}}