:root{--green:#21643a;--green-bg:#e9f7ee;--red:#8b351d;--red-bg:#fff1ec}select,textarea{font:inherit}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.stat-card .value.alert{color:var(--red)}.stat-card .sub{font-size:12px;color:var(--muted);margin-top:6px}.table-wrap{overflow-x:auto;margin:0 -6px}table.data{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:0 10px 10px;font-weight:700;white-space:nowrap}table.data td{padding:12px 10px;border-top:1px solid #eef0f5;vertical-align:top}table.data tr:hover td{background:#fafbfe}table.data td.num,table.data th.num{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data .doc-no{font-weight:700;color:var(--navy)}table.data .sub{color:var(--muted);font-size:12px;display:block;margin-top:2px;white-space:pre-line}.status-accepted,.status-paid{background:var(--green-bg);color:var(--green)}.status-overdue,.status-rejected{background:var(--red-bg);color:var(--red)}.status-partially_paid{background:#fff6e5;color:#875200}.status-draft{background:#eceef3;color:#55607a}.status-expired,.status-void{background:#eceef3;color:#8a93a6;text-decoration:line-through}.small-button.primary{background:var(--navy);border-color:var(--navy);color:white}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.form-columns.four{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-form{align-items:flex-end}.inline-form,.share-box{display:flex;gap:8px;flex-wrap:wrap}.share-box{align-items:center}.share-box input{flex:1 1 320px;border:1px solid #d9deea;border-radius:9px;padding:9px 11px;background:#fafbfe;color:var(--muted);font-size:12px}.doc-bar{max-width:820px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.line-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#fff1ec;color:#b4421f;font-size:11px;font-weight:700;vertical-align:1px}.line-tag.optional{background:#eceef3;color:#5b6478}.field-hint,tr.is-optional td{color:var(--muted)}.field-hint{font-size:12px;line-height:1.5}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:auto}.doc-accept{max-width:820px;margin:18px auto 0;background:white;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}.doc-accept .button{margin-top:12px}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:780px){.hide-sm,table.data .hide-sm{display:none}.table-wrap{margin:0;overflow:visible}table.data{min-width:0;display:block}table.data thead{display:none}table.data tbody{display:block}table.data tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px 0;border-top:1px solid #eef0f5}table.data td{display:block;border:0;padding:0}table.data td:first-child{order:1;flex:1 1}table.data td:last-child{order:2}table.data td:nth-child(2){order:3;flex-basis:100%}table.data td:nth-child(n+3):not(:last-child){order:4;text-align:left;font-size:12px}table.data td[data-label]:before{content:attr(data-label) " ";color:var(--muted)}table.data td.num{text-align:left}.form-columns.four{grid-template-columns:1fr}}details>summary.edit-toggle{list-style:none;display:inline-block;border:1px solid #d9deea;background:white;color:var(--navy);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:650;cursor:pointer}details>summary.edit-toggle::-webkit-details-marker{display:none}details>summary.edit-toggle:hover{border-color:#b9c4dc;background:#f6f8fd}details[open]>summary.edit-toggle{background:#eef2fb}.save-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;background:var(--navy);color:white;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(7,21,53,.28);pointer-events:none}.save-toast.done{background:#14804a}.save-status{margin-left:10px;font-size:13px;font-weight:700;color:var(--green)}button:disabled{opacity:.65;cursor:progress}.doc-shell{background:#e9ecf2;min-height:100vh;padding:28px 16px 64px}.doc{--d-ink:#1b2336;--d-sub:#566078;--d-mute:#7a849a;--d-line:#e3e7ef;--d-tint:#f5f7fb;position:relative;max-width:840px;margin:0 auto;background:white;color:var(--d-ink);padding:58px 60px 44px;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(7,21,53,.08),0 18px 48px rgba(7,21,53,.12);font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:13px;line-height:1.6;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--orange) 0 72px,var(--navy) 72px)}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.doc-brand{font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.15}.doc-logo{max-height:52px;max-width:220px;display:block}.doc-issuer{margin-top:10px;font-size:12px;line-height:1.7;color:var(--d-sub);white-space:pre-line}.doc-title{text-align:right;flex-shrink:0}.doc-title h2{margin:0;font-size:34px;line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--navy)}.doc-number{margin-top:8px;font-size:15px;font-weight:600;color:var(--d-sub);letter-spacing:.02em}.doc-stamp{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.08em;border:2px solid;border-radius:6px;padding:5px 11px}.doc-stamp.paid{color:var(--green)}.doc-stamp.overdue{color:var(--red)}.doc-stamp.unpaid{color:#875200}.doc-label{margin-bottom:8px;font-size:11.5px;font-weight:600;color:var(--d-mute)}.doc-parties{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:40px;gap:40px;margin-top:36px;padding-top:28px;border-top:1px solid var(--d-line);align-items:start}.doc-party{font-size:13px;line-height:1.75;color:var(--d-sub)}.doc-party strong{display:block;margin-bottom:2px;font-size:16px;font-weight:700;color:var(--navy-dark)}.doc-meta{margin:0;display:grid;grid-template-columns:repeat(2,auto);grid-gap:14px 36px;gap:14px 36px}.doc-meta dt{font-size:11.5px;font-weight:600;color:var(--d-mute)}.doc-meta dd{margin:2px 0 0;font-size:13.5px;font-weight:650;color:var(--d-ink);white-space:nowrap}.doc-list-title{margin-top:40px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--navy)}.doc-list-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--orange)}.doc-section-title{margin-top:30px;font-size:12px;font-weight:600;color:var(--d-mute)}table.doc-items{width:100%;border-collapse:collapse;margin-top:12px}table.doc-items th{padding:0 10px 10px;text-align:left;font-size:11.5px;font-weight:600;color:var(--d-mute);border-bottom:1.5px solid var(--navy);white-space:nowrap}table.doc-items td{padding:16px 10px;border-bottom:1px solid var(--d-line);vertical-align:top}table.doc-items td:first-child,table.doc-items th:first-child{padding-left:0;width:28px;color:var(--d-mute)}table.doc-items td:last-child,table.doc-items th:last-child{padding-right:0}table.doc-items .num{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.doc-items td.num{color:var(--d-sub)}table.doc-items td.num:last-child{color:var(--d-ink);font-weight:650}table.doc-items .item-name{font-size:14px;font-weight:650;line-height:1.45;color:var(--navy-dark)}table.doc-items .item-desc{margin-top:6px;font-size:12.5px;line-height:1.8;color:var(--d-sub);white-space:pre-line}table.doc-items .item-cycle{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#fff1ec;color:#b4421f;font-size:11px;font-weight:700;vertical-align:1px}table.doc-items.optional td{color:var(--d-mute)}table.doc-items.optional .item-name{color:var(--d-sub);font-weight:600}table.doc-items.optional th{border-bottom-color:var(--d-line)}.doc-totals{margin:22px 0 0 auto;width:min(350px,100%);font-size:13px}.doc-totals div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:var(--d-sub)}.doc-totals .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--d-ink)}.doc-totals div.sub-total{border-top:1px solid var(--d-line);margin-top:4px;padding-top:10px}.doc-totals div.grand{margin-top:10px;padding:14px 18px;border-radius:8px;background:var(--navy);color:white;font-size:17px;font-weight:700;align-items:baseline}.doc-totals div.grand .num{color:white;font-size:19px}.doc-totals div.balance{margin-top:8px;padding:11px 18px;border-radius:8px;background:var(--d-tint);color:var(--navy-dark);font-weight:700}.doc-totals div.balance .num{color:var(--navy-dark)}.doc-renewal{margin:14px 0 0 auto;width:min(350px,100%);padding:12px 18px;border-radius:8px;background:#fff8f4;border:1px solid #ffdccd}.doc-renewal .doc-label{margin-bottom:4px;color:#b4421f}.doc-renewal-row{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:13px;color:var(--d-sub);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.doc-renewal-row b{color:var(--d-ink)}.doc-renewal-note{color:var(--d-mute);font-size:11.5px}.doc-stages{margin-top:36px}.doc-stage-row{display:flex;border:1px solid var(--d-line);border-radius:8px;overflow:hidden}.doc-stage{flex:1 1;min-width:0;padding:14px 18px;border-left:1px solid var(--d-line)}.doc-stage:first-child{border-left:0}.doc-stage-name{font-size:12px;font-weight:600;color:var(--d-sub)}.doc-stage-pct{margin-top:4px;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--navy)}.doc-stage-amt{margin-top:2px;font-size:12.5px;color:var(--d-sub);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.doc-bank-card{margin-top:30px;padding:16px 20px;border-radius:8px;background:var(--d-tint)}.doc-bank-card .doc-label{margin-bottom:10px}.doc-bank{margin:0;display:flex;flex-wrap:wrap;gap:12px 40px}.doc-bank dt{font-size:11.5px;font-weight:600;color:var(--d-mute)}.doc-bank dd{margin:2px 0 0;font-size:13.5px;font-weight:650;color:var(--d-ink)}.doc-terms-wrap{margin-top:36px;padding-top:24px;border-top:1px solid var(--d-line)}.doc-terms{column-count:2;column-gap:44px;font-size:12px;line-height:1.85;color:var(--d-sub)}.term-block{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.term-title{font-size:12.5px;font-weight:700;color:var(--navy-dark);margin-bottom:2px}.term-body{white-space:pre-line}.doc-accepted{margin-top:28px;padding:12px 16px;border-radius:8px;background:var(--green-bg);color:var(--green);font-weight:700}.doc-accept,.doc-bar{max-width:840px}@media print{@page{size:A4;margin:12mm 12mm 14mm;@bottom-right{content:counter(page) " / " counter(pages);font:9px Inter,sans-serif;color:#7a849a}}.doc-shell,body{background:white}.doc-shell{padding:0;min-height:0}.doc-accept,.doc-bar,.no-print{display:none!important}.doc{box-shadow:none;max-width:none;padding:14px 0 0;border-radius:0}.doc-bank-card,.doc-renewal,.doc-stages,.doc-totals,.term-block,table.doc-items tr{page-break-inside:avoid;break-inside:avoid}table.doc-items thead{display:table-header-group}.doc-label,.doc-list-title,.doc-section-title{page-break-after:avoid;break-after:avoid}.doc-parties{margin-top:24px;padding-top:20px}.doc-list-title{margin-top:26px}.doc-section-title{margin-top:20px}table.doc-items td{padding:11px 10px}table.doc-items .item-desc{margin-top:4px;line-height:1.65}.doc-totals{margin-top:14px}.doc-bank-card,.doc-stages,.doc-terms-wrap{margin-top:22px}.doc-terms-wrap{padding-top:16px}.doc-terms{line-height:1.7}.term-block{margin-bottom:10px}}@media (max-width:780px){.doc{padding:40px 28px 32px}.doc-terms{column-count:1}}@media screen and (max-width:640px){.doc-shell{padding:14px 10px 40px}.doc{padding:34px 18px 26px;overflow-wrap:anywhere;font-size:13.5px}.doc-head{flex-direction:column;gap:20px}.doc-title{text-align:left}.doc-title h2{font-size:30px}.doc-parties{grid-template-columns:1fr;gap:24px;margin-top:26px;padding-top:22px}.doc-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.doc-list-title{margin-top:30px;padding-bottom:10px;border-bottom:1.5px solid var(--navy)}table.doc-items,table.doc-items tbody{display:block;width:100%}table.doc-items thead{display:none}table.doc-items tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-gap:8px 12px;gap:8px 12px;padding:16px 0;border-bottom:1px solid var(--d-line)}table.doc-items td{display:block;padding:0;border:0;min-width:0;width:auto}table.doc-items td:first-child{display:none}table.doc-items td:nth-child(2){grid-column:1/-1}table.doc-items td.num{text-align:left}table.doc-items td.num:last-child{text-align:right}table.doc-items td.num:before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--d-mute)}.doc-renewal,.doc-totals{width:100%}.doc-stage-row{flex-direction:column}.doc-stage{border-left:0;border-top:1px solid var(--d-line);display:grid;grid-template-columns:1fr auto;grid-column-gap:12px;column-gap:12px;align-items:baseline}.doc-stage:first-child{border-top:0}.doc-stage-name{grid-column:1}.doc-stage-pct{grid-column:2;grid-row:1;margin:0;font-size:18px}.doc-stage-amt{grid-column:1/-1}}.billing-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:4px;background:white;border:1px solid var(--line);border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:100%}.billing-tabs::-webkit-scrollbar{display:none}.billing-tabs a{flex-shrink:0;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:650;color:var(--muted)}.billing-tabs a:hover{color:var(--navy);background:#f4f6fb}.billing-tabs a.active{background:var(--navy);color:white}@media (max-width:780px){.billing-tabs{margin:0 0 16px;width:100%}}.field select,.field textarea{width:100%;border:1px solid #d9deea;background:white;padding:12px 13px;border-radius:10px;outline:none;resize:vertical;color:var(--ink)}.field select:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,30,79,.08)}.field{align-content:start;min-width:0}.grid-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:880px){.grid-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.line-table td.line-actions{width:1%;white-space:nowrap}.line-table td.line-actions details{margin-top:6px}.line-table td.line-actions details[open]{white-space:normal;min-width:280px}@media (max-width:780px){table.data.line-table tr{gap:6px 18px;padding:14px 0}table.data.line-table td:first-child{display:none}table.data.line-table td:nth-child(2){order:1;flex:1 1 100%}table.data.line-table td.num{order:2;font-size:12px}table.data.line-table td.line-actions{order:3;flex:1 1 100%;width:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}table.data.line-table td.line-actions details{margin-top:0}table.data.line-table td.line-actions details[open]{flex:1 1 100%;min-width:0;order:2}}.resource-card>.chips{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13px;margin-top:8px}.usage-inline{margin:-10px 0 16px;font-size:13px}.usage-inline a{color:var(--navy);font-weight:700}