@font-face{font-family:Invoice;src:url('invoice-font.ttf')}*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#202925;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}header{height:88px;background:#fff;border-bottom:1px solid #e3e7e0;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{display:flex;align-items:center;font-size:24px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:#202925}.brand-light{font-weight:350;color:#748278}.brand-icon{background:#263e33;color:white;width:37px;height:37px;border-radius:10px;text-align:center;line-height:34px;margin-right:11px;font-family:Georgia;font-size:30px}.private{font-size:12px;color:#78827a;display:flex;align-items:center;gap:7px}.private>span{width:6px;height:6px;background:#79977b;border-radius:50%}main{max-width:1320px;margin:auto;padding:46px 36px 0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:10px;color:#89938a;letter-spacing:1.8px;font-weight:650}h1{font-size:36px;line-height:1.2;font-weight:550;letter-spacing:-1.3px;margin:13px 0 10px}.heading p{color:#7c857e;margin:0;font-size:14px}.language-badge{border:1px solid #dce2d8;border-radius:30px;padding:10px 17px;font-size:11px;font-weight:600;letter-spacing:1px}.language-badge span{margin:0 10px;color:#96a08f}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.editor,.preview{background:#fff;border:1px solid #e0e5db;border-radius:15px;overflow:hidden}.section-head{display:flex;align-items:center;gap:11px;padding:23px 25px;border-bottom:1px solid #edf0e9}.section-head h2{font-size:15px;font-weight:600;margin:0}.step{font-family:monospace;color:#99a394;font-size:12px}.pill{margin-left:auto;background:#f1f4ed;color:#718267;font-size:10px;padding:5px 9px;border-radius:5px;font-weight:600}form{padding:24px 25px 18px}label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}.suffix-input{position:relative}.suffix-input>span{position:absolute;right:15px;top:15px;color:#899285;font-size:13px;pointer-events:none}input{width:100%;height:46px;border:1px solid #dce3d6;border-radius:7px;padding:0 13px;color:#293329;font-family:inherit;font-size:15px;background:#fcfdfb}input:focus{outline:2px solid #bacdaf;outline-offset:1px}.suffix-input input{padding-right:60px}.hint{font-size:10px;color:#8d9589;line-height:1.6;margin:7px 0 23px}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}input[type=date]{font-size:12px;padding:0 8px}.amount-input input{font-size:25px;height:58px;letter-spacing:-.5px}.amount-input>span{top:21px;font-size:12px}.words{background:#f4f6ef;border-radius:8px;padding:15px 17px;margin-top:5px}.word-label{font-size:9px;letter-spacing:1.2px;color:#8b977f;font-weight:600}.words p{font-size:12px;line-height:1.6;margin:8px 0 0;color:#53624b}.words p+p{border-top:1px solid #e3e8db;padding-top:9px}.settings{font-size:11px;color:#7f8977;margin:20px 0 0}.settings summary{cursor:pointer;padding-bottom:10px}.settings summary span{float:right;color:#536a48}.settings label{margin-top:10px}.settings .hint{margin-bottom:5px}.error{font-size:12px;line-height:1.5;color:#a44a3b;min-height:1px;margin:5px 0 12px}.download{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:0;background:#284c3d;color:#fff;padding:16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.download:hover{background:#1b3e30}.download:disabled{opacity:.5;cursor:wait}.download>span{font-size:19px;font-weight:400}.save-note{text-align:center;color:#969d91;font-size:10px;line-height:1.5;margin:10px 0 0}.template-note{display:flex;gap:12px;padding:18px 25px;background:#fcfdf9;border-top:1px solid #e8ece2;font-size:11px}.template-note>span{color:#719062}.template-note strong{font-weight:550}.template-note p{font-size:10px;color:#8b9484;line-height:1.7;margin:5px 0 0}.preview-state{margin-left:auto;font-size:10px;color:#90a082}.paper-stage{padding:24px 45px;background:#eaece6;min-height:490px;display:flex;align-items:start;justify-content:center}.paper-stage canvas{display:block;width:100%;height:auto;max-width:550px;background:white;box-shadow:0 4px 18px #26332315}.filename{display:flex;align-items:center;gap:13px;padding:16px 24px}.filename>span:first-child{font-size:9px;color:#7b886c;background:#f2f5ed;border:1px solid #e0e7d7;border-radius:4px;padding:8px 5px}.filename small{font-size:8px;color:#9ca391;letter-spacing:1.2px}.filename p{font-size:11px;margin:4px 0 0}.page-count{margin-left:auto;white-space:nowrap;color:#989f91;font-size:10px}.history{margin-top:38px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.history h2{font-size:19px;font-weight:550;letter-spacing:-.3px;margin:0}.history h2 span{display:inline-block;vertical-align:middle;font-size:10px;margin-left:10px;border:1px solid #dfe5d7;padding:3px 7px;border-radius:5px;color:#8b9981}.history-heading p{font-size:11px;color:#88917f;margin:7px 0 0}.backup{display:flex;gap:8px}.backup button,.history-row button{border:1px solid #dbe3d3;background:transparent;border-radius:6px;color:#667a59;cursor:pointer;padding:9px 12px;font-size:11px}.empty{padding:29px;text-align:center;background:#fff;border:1px dashed #dce3d5;border-radius:10px;color:#929d88;font-size:12px}.history-row{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff;border:1px solid #e1e7da;border-radius:8px;margin-bottom:8px}.history-row strong{font-size:12px;font-weight:550}.history-row small{font-size:10px;color:#8c9881}.history-row .sum{margin-left:auto;font-size:13px}.storage-note{font-size:10px;color:#969f8c;margin-top:12px}footer{display:flex;justify-content:space-between;max-width:1248px;margin:36px auto 0;border-top:1px solid #e0e6d8;padding:21px 0 30px;color:#97a08e;font-size:10px}footer>span:first-child{font-weight:600}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#284c3d;color:#fff;border-radius:9px;box-shadow:0 3px 20px #0002;font-size:12px;z-index:10}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:340px minmax(0,1fr);gap:15px}.paper-stage{padding:20px 15px}.filename{padding:14px;gap:8px}.page-count{display:none}main{padding:35px 20px 0}footer{margin:30px 20px 0}}@media(max-width:700px){header{height:70px;padding:0 20px}.private{font-size:0}.brand{font-size:22px}h1{font-size:28px}.heading p{font-size:12px}.language-badge{padding:8px 11px}.workspace{grid-template-columns:1fr}.editor form{padding:22px}.paper-stage{padding:20px 30px;min-height:0}.history-heading{align-items:start;gap:15px}.backup{flex-direction:column}.history-row{gap:10px;flex-wrap:wrap}.history-row small{flex-basis:100%}.history-row .sum{margin-left:0}footer>span:last-child{display:none}}
.workspace-tabs{display:flex;gap:6px;margin:-12px 0 30px;padding:4px;background:#e9eee4;width:fit-content;border-radius:9px}.workspace-tabs button{border:0;background:transparent;color:#76836d;padding:10px 19px;cursor:pointer;border-radius:6px;font-size:12px;font-weight:550}.workspace-tabs button[aria-selected=true]{background:#fff;color:#284c3d;box-shadow:0 1px 4px #0001}.credit-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.credit-toolbar button{padding:10px 15px;background:white;color:#536c48;border:1px solid #dce3d5;border-radius:7px;cursor:pointer}.credit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.credit-metrics article{background:#fff;border:1px solid #e0e5db;border-radius:12px;padding:23px 20px;display:flex;flex-direction:column;gap:12px}.credit-metrics small{font-size:11px;color:#75836c}.credit-metrics strong{font-size:26px;font-weight:550;letter-spacing:-.7px}.credit-metrics span{font-size:10px;color:#929c88;line-height:1.5}.credit-metrics .credit-dark{background:#26382f;color:white;border-color:#26382f}.credit-dark small,.credit-dark span{color:#aab9ab}.credit-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.credit-box{padding:23px;background:white;border:1px solid #e0e5db;border-radius:12px;margin-bottom:20px}.credit-box h2{font-size:16px;font-weight:550;margin:0 0 20px}.credit-box-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.credit-box-heading h2{margin:0}.credit-box select{padding:8px;border:1px solid #dce3d5;border-radius:6px;background:#fafcf7;color:#536c48;font-size:11px}.credit-day{margin-bottom:17px}.credit-day-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;background:#f2f5ee;padding:10px 12px;border-radius:6px;font-size:12px}.credit-overdue{color:#a06943;flex-basis:100%;font-weight:400}.credit-payment{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #edf0e8;margin:0;cursor:pointer}.credit-payment input{width:15px;height:15px;accent-color:#284c3d;flex-shrink:0}.credit-payment div{flex:1;display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:500}.credit-payment small{font-size:9px;font-weight:400;color:#8b977f}.credit-payment strong{font-size:12px;white-space:nowrap;font-weight:550}.credit-payment.is-paid{opacity:.5}.credit-payment.is-paid strong{text-decoration:line-through}.credit-table-wrap{overflow:auto}.credit-box table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}.credit-box th{color:#8b977f;font-weight:500;padding:12px 10px;border-bottom:1px solid #dfe5d7;font-size:10px}.credit-box td{padding:12px 10px;border-bottom:1px solid #edf0e8}.credit-box td:last-child{font-weight:600}.credit-box summary{cursor:pointer;font-size:14px;font-weight:550}.credit-list .credit-table-wrap{margin-top:20px}.credit-settings form{padding:23px 0 0}.credit-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:23px}.credit-fields label{font-size:11px;line-height:1.5}.credit-settings textarea{display:block;width:100%;padding:13px;border:1px solid #dce3d5;border-radius:7px;background:#fafcf7;font:13px/1.8 monospace;resize:vertical}.credit-settings .download{width:fit-content;min-width:220px}.credit-method{font-size:11px;color:#829075;line-height:1.8}.credit-method a{color:#536c48}@media(max-width:1000px){.credit-metrics{grid-template-columns:repeat(2,1fr)}.credit-columns{grid-template-columns:1fr}.credit-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.credit-metrics article{padding:17px 13px}.credit-metrics strong{font-size:21px}.credit-box{padding:17px}.credit-fields{grid-template-columns:1fr}.credit-box-heading{align-items:flex-start;flex-direction:column}.workspace-tabs{margin-top:0}.credit-payment{gap:8px}.credit-payment strong{font-size:11px}}
