.xero-card{color:#142033;background:#fff;border:1px solid #cfe3e5;border-radius:17px;gap:16px;padding:22px;display:grid}.xero-card>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.xero-card>header p,.xero-preview header p{color:#0799a5;letter-spacing:.12em;margin:0;font-size:10px;font-weight:900}.xero-card h3{color:#062b5c;margin:3px 0 0;font-size:22px}.xero-card>header>span{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850}.xero-card>header .connected{color:#167654;background:#e7f8ef}.xero-card>header .prepared{color:#835d00;background:#fff5da}.xero-intro{color:#526579;margin:0;line-height:1.55}.xero-privacy{color:#07345f;background:#effafa;border-left:4px solid #0a9ca6;border-radius:10px;gap:8px;padding:15px;display:grid}.xero-privacy>div{flex-wrap:wrap;gap:8px 20px;display:flex}.xero-privacy span{color:#486477;font-size:12px}.xero-import-guide{background:#f4f8f9;border-radius:14px;grid-template-columns:1.25fr .75fr;gap:16px;padding:18px;display:grid}.xero-import-guide ol{color:#526579;margin:8px 0 0;padding-left:20px;line-height:1.6}.xero-file{color:#062b5c;text-align:center;cursor:pointer;background:#fff;border:2px dashed #93cfd3;border-radius:13px;align-content:center;justify-items:center;gap:5px;min-height:120px;padding:16px;display:grid}.xero-file span{font-weight:850}.xero-file small{color:#64748b}.xero-file input{max-width:100%;margin-top:8px}.xero-preview-button{justify-self:start}.xero-preview{background:#f7fcfc;border:2px solid #b7dfdf;border-radius:14px;gap:13px;padding:17px;display:grid}.xero-preview>header{justify-content:space-between;align-items:start;display:flex}.xero-preview h4{color:#062b5c;margin:3px 0 0;font-size:19px}.xero-preview>header>span{color:#08737a;font-size:11px;font-weight:800}.xero-preview-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.xero-preview-counts>div,.xero-totals>div{background:#fff;border-radius:11px;gap:3px;padding:13px;display:grid}.xero-preview-counts small,.xero-totals small{color:#64748b}.xero-preview-counts b,.xero-totals b{color:#062b5c;font-size:20px}.xero-preview-counts span{color:#64748b;font-size:10px}.xero-preview>p,.xero-preview details p{color:#526579;margin:0;font-size:11px;line-height:1.5}.xero-preview details summary{color:#07345f;cursor:pointer;font-weight:800}.xero-warning{color:#775800;background:#fff5da;border-radius:9px;padding:9px 11px;font-size:12px}.xero-status{border:1px solid #dce4ea;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.xero-status>div{gap:3px;display:grid}.xero-status small,.xero-status span{color:#64748b;font-size:11px}.xero-status b{color:#062b5c}.xero-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.xero-totals .net{background:#e7f8ef}.xero-totals .loss{background:#fff0ed}.xero-legacy{background:#fff5f2;border:1px solid #e7c3bd;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.xero-legacy>div{gap:3px;display:grid}.xero-legacy span{color:#7d514b;font-size:11px}.xero-legacy button{color:#9a3528;cursor:pointer;background:#fff;border:1px solid #d48b7f;border-radius:9px;padding:9px 12px;font-weight:800}.xero-history{border-top:1px solid #dce4ea;padding-top:12px}.xero-history summary{color:#062b5c;cursor:pointer;font-weight:800}.xero-history>div{border-bottom:1px solid #edf1f3;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.xero-history>div>span{display:grid}.xero-history small{color:#64748b}.xero-history strong{text-transform:capitalize;font-size:11px}.xero-history strong.success{color:#167654}.xero-history strong.failed{color:#a33e32}@media (width<=760px){.xero-card>header,.xero-preview>header,.xero-legacy{flex-direction:column;align-items:stretch}.xero-import-guide{grid-template-columns:1fr}.xero-preview-counts,.xero-totals{grid-template-columns:1fr 1fr}.xero-history>div{flex-direction:column;align-items:flex-start}}@media (width<=430px){.xero-preview-counts,.xero-totals,.xero-status{grid-template-columns:1fr}.xero-preview-button{width:100%}}.xero-source{background:#f5f8fa;border:1px solid #d8e1e7;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.xero-source.active{background:#ecf9f8;border-color:#92d3d5}.xero-source>div{gap:3px;display:grid}.xero-source b{color:#062b5c}.xero-source span{color:#526579;font-size:12px;line-height:1.45}.xero-source button{color:#08737a;cursor:pointer;background:#fff;border:1px solid #0a939b;border-radius:9px;flex:none;padding:9px 12px;font-weight:850}.xero-source button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.xero-source{flex-direction:column;align-items:stretch}}.xero-transactions{background:#fff;border:1px solid #c9dfe4;border-radius:14px;margin:16px 0;overflow:hidden}.xero-transactions summary{cursor:pointer;color:#062a55;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-weight:800;display:flex}.xero-transactions summary b{color:#007f85;text-align:center;background:#e7f7f7;border-radius:999px;min-width:42px;padding:4px 10px}.xero-transaction-head,.xero-transaction-row{grid-template-columns:110px minmax(180px,1fr) 100px 110px 110px 110px;align-items:center;gap:12px;padding:11px 18px;display:grid}.xero-transaction-head{color:#4d6575;text-transform:uppercase;letter-spacing:.06em;background:#eef5f7;font-size:11px;font-weight:800}.xero-transaction-row{color:#18344e;border-top:1px solid #e1ebee;font-size:13px}.xero-transaction-row strong{overflow-wrap:anywhere}.xero-transaction-row>:nth-last-child(-n+3){text-align:right}.xero-transaction-row .income,.xero-transaction-row .expense{border-radius:999px;width:max-content;padding:4px 8px;font-size:11px;font-weight:800}.xero-transaction-row .income{color:#167443;background:#dff5e7}.xero-transaction-row .expense{color:#a04418;background:#fff0e8}.xero-no-transactions,.xero-transaction-limit{color:#617789;margin:0;padding:16px 18px}.xero-transaction-limit{border-top:1px solid #e1ebee;font-size:12px}@media (width<=760px){.xero-transaction-head{display:none}.xero-transaction-row{grid-template-columns:1fr 1fr;padding:14px}.xero-transaction-row>*{justify-content:space-between;gap:12px;display:flex;text-align:right!important}.xero-transaction-row>:before{content:attr(data-label);color:#617789;text-align:left;font-weight:600}.xero-transaction-row strong{grid-column:1/-1}.xero-transaction-row .income,.xero-transaction-row .expense{background:0 0;width:auto;padding:0}.xero-transaction-row .income{color:#167443}.xero-transaction-row .expense{color:#a04418}}
