[data-fin-root]{max-width:1500px;margin:auto;color:var(--ink,#262629)}.fin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.fin-heading h1{font-size:32px;margin:6px 0}.fin-heading p,.fin-muted{color:#737378;font-size:13px;line-height:1.65}.fin-eyebrow{font-size:10px;letter-spacing:1.7px;color:#a85820;font-weight:700}[data-fin-root] button{font:inherit;font-size:13px;border:1px solid #e6e6e6;background:white;border-radius:8px;padding:10px 14px;cursor:pointer}[data-fin-root] button:hover{background:#faf5ef}[data-fin-root] button:disabled{opacity:.4;cursor:default}[data-fin-root] .fin-primary{background:#f77716;color:white;border-color:#f77716}.fin-heading>div:last-child,.fin-actions,.fin-form-footer{display:flex;gap:8px;flex-wrap:wrap}.fin-heading>div:first-child{display:block}.fin-tabs{display:flex;gap:8px;border-bottom:1px solid #eaeaea;padding-bottom:14px;margin-bottom:24px}.fin-tabs button[aria-current=page]{background:#fff0e5;color:#b24a00;border-color:#ffd4b4}.fin-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:24px}.fin-filters label,.fin-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}[data-fin-root] input,[data-fin-root] select,[data-fin-root] textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dedee1;background:white;border-radius:7px;padding:10px;font:inherit;font-size:13px;color:#262629}[data-fin-root] :focus-visible{outline:2px solid #f77716;outline-offset:3px}.fin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fin-summary article,.fin-panel{border:1px solid #eaeaea;border-radius:12px;background:white;padding:20px}.fin-summary span{font-size:12px;color:#737378}.fin-summary strong{display:block;font-size:24px;margin-top:10px;font-variant-numeric:tabular-nums}.fin-table{overflow:auto;border:1px solid #eaeaea;border-radius:10px;background:white}.fin-table table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.fin-table th{text-align:left;font-weight:500;color:#737378;font-size:11px;background:#fafafa}.fin-table td,.fin-table th{padding:15px;border-bottom:1px solid #eee}.fin-table td:first-child{min-width:190px;white-space:normal}.fin-table small,.fin-catalogs small,.fin-payment small{display:block;font-size:11px;color:#737378;margin-top:5px}.fin-status{display:inline-block;border-radius:20px;padding:5px 9px;background:#f1f1f2;font-size:11px}.fin-overdue{background:#ffeded;color:#a32929}.fin-paid{background:#eaf7ed;color:#28723b}.fin-partial{background:#fff3dc;color:#8e6412}.fin-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;color:#737378}.fin-pagination button+button{margin-left:8px}.fin-panel{margin-bottom:20px}.fin-panel h2{font-size:18px;margin:0}.fin-catalogs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.fin-catalogs article{border:1px solid #eee;border-radius:9px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.fin-catalogs strong{font-size:14px}.fin-catalogs h3{margin:12px 0 0;font-size:23px}.fin-catalogs button{padding:7px 10px;font-size:11px}[data-fin-root] dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;border:1px solid #eaeaea;border-radius:16px;padding:24px;overflow:auto;color:#262629}[data-fin-root] dialog::backdrop{background:#20202670;backdrop-filter:blur(3px)}[data-fin-root] dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}[data-fin-root] dialog h2{font-size:20px;margin:0}.fin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fin-wide,.fin-form-footer{grid-column:1/-1}.fin-form textarea{min-height:90px;resize:vertical}.fin-form-footer{justify-content:flex-end;border-top:1px solid #eee;padding-top:18px}.fin-detail{font-size:14px;line-height:1.7}.fin-detail h3{margin:24px 0 12px}.fin-notes{white-space:pre-wrap;overflow-wrap:anywhere}.fin-warning,[data-fin-notice],[data-fin-error]{border-radius:8px;background:#fff3df;padding:14px;font-size:13px;line-height:1.6}[data-fin-error]{color:#9b2525;background:#fff0f0}.fin-payment{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.fin-history{padding-left:20px;color:#737378;font-size:12px}.fin-empty{text-align:center;padding:40px!important}@media(max-width:800px){.fin-heading{align-items:flex-start;flex-direction:column}.fin-filters,.fin-summary,.fin-catalogs{grid-template-columns:1fr 1fr}.fin-summary strong{font-size:20px}.fin-tabs{overflow:auto}.fin-tabs button{white-space:nowrap}.fin-catalogs article{align-items:flex-start;flex-direction:column}.fin-pagination{gap:12px;flex-wrap:wrap}}@media(max-width:480px){.fin-form,.fin-catalogs{grid-template-columns:1fr}.fin-summary article{padding:14px}.fin-filters{gap:10px}.fin-table td,.fin-table th{padding:12px}.fin-heading h1{font-size:28px}}
[data-fin-root]{font-size:16px}[data-fin-root] button,.fin-filters label,.fin-form label,[data-fin-root] input,[data-fin-root] select,[data-fin-root] textarea,.fin-table table,.fin-detail{font-size:14px}.fin-table th,.fin-status{font-size:14px}.fin-table small,.fin-catalogs small,.fin-payment small,.fin-eyebrow,.fin-catalogs button{font-size:12px}.fin-heading p{font-size:14px}
.fin-filters{display:block}.fin-filter-basic{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(125px,.8fr) minmax(180px,1.6fr) auto;align-items:end;gap:12px}.fin-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.fin-filter-actions button{white-space:nowrap}.fin-filter-advanced{margin-top:14px}.fin-filter-advanced>summary{width:fit-content;padding:6px 0;color:#626c63;font-size:13px;font-weight:500;cursor:pointer}.fin-filter-advanced>summary:hover{color:#263d2c}.fin-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid #e6eae4}@media(max-width:1100px){.fin-filter-basic{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-filter-basic>label:nth-child(3),.fin-filter-actions{grid-column:1/-1}.fin-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.fin-filter-fields{grid-template-columns:1fr}.fin-filter-actions button{flex:1;min-height:42px}}

.granatum-guide{padding-left:22px;line-height:1.7}.granatum-guide li{margin:12px 0}.fin-connection details{margin-top:12px}.fin-connection details summary{cursor:pointer}.fin-connection{gap:20px;align-items:center}.fin-connection a{color:#9d3d16;text-decoration:underline;text-underline-offset:3px}
