.statement-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.statement-head>div:first-child>a{display:block;color:var(--blue);font-size:10px;font-weight:700;margin-bottom:14px}.statement-head h1{font-size:27px;margin:6px 0}.statement-head p{color:var(--muted);font-size:10px}.statement-brand{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.statement-brand>img,.statement-brand>span{width:38px;height:38px;border-radius:9px;object-fit:contain}.statement-brand>span{display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}.statement-brand b,.statement-brand small{display:block}.statement-brand b{font-size:10px}.statement-brand small{font-size:8px;color:var(--muted);margin-top:4px}.statement-card{padding:18px;overflow:hidden}.statement-filter{display:flex;align-items:flex-end;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}.statement-filter label{font-size:9px;font-weight:700;color:#52647a}.statement-filter input[type=date]{display:block;padding:9px 10px;margin-top:6px;border:1px solid #d6dfeb;border-radius:8px}.detail-switch{display:flex!important;align-items:center;gap:7px;background:#f4f7fb;border-radius:9px;padding:10px 12px}.detail-switch input{margin:0!important}.statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.statement-summary article{min-height:82px;border-radius:12px;padding:15px 18px;color:#fff;display:flex;align-items:center;gap:13px}.statement-summary article>span{font-size:25px}.statement-summary small,.statement-summary strong,.statement-summary em{display:block}.statement-summary small{font-size:8px;opacity:.8;text-transform:uppercase}.statement-summary strong{font-size:18px;margin-top:6px}.statement-summary em{font-size:8px;font-style:normal;opacity:.8;margin-top:2px}.statement-summary .debit{background:linear-gradient(135deg,#ff806f,#e65c55)}.statement-summary .credit{background:linear-gradient(135deg,#38b2dc,#218ebc)}.statement-summary .balance{background:linear-gradient(135deg,#4ac89d,#20a677)}.statement-actions{display:flex;gap:8px;margin-bottom:17px}.statement-actions a,.statement-actions button{border:0;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:800;color:#fff;cursor:pointer;background:#324a69}.statement-actions .excel{background:#21a667}.statement-actions .pdf{background:#e69a2c}.statement-table{border:1px solid var(--line);border-radius:10px}.statement-table th{background:#eaf4ff;color:#315b89}.statement-table td,.statement-table th{padding:11px 10px;font-size:9px}.statement-table tfoot td{background:#f7f9fc}.movement-badge{display:inline-block;background:#eef4fb;color:#345d88;padding:5px 7px;border-radius:15px;font-weight:700}.debit-text{color:#dd5962}.credit-text{color:#15976a}.email-compose-layout{display:grid;grid-template-columns:minmax(500px,1fr) 280px;gap:20px;max-width:1000px}.email-compose{padding:24px}.email-compose label{display:block;margin-bottom:17px;font-size:10px;font-weight:700}.email-compose input,.email-compose textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7e0eb;border-radius:9px;padding:11px 12px}.email-compose textarea{line-height:1.6;resize:vertical}.email-recipient{text-align:center;background:linear-gradient(145deg,#0d3568,#1769e0);color:#fff;border-radius:15px;padding:28px;height:max-content}.email-recipient>span{width:72px;height:72px;border-radius:19px;background:#fff;color:var(--blue);display:grid;place-items:center;margin:auto;font-size:20px;font-weight:800}.email-recipient h2{font-size:17px;margin:15px 0 5px}.email-recipient p{font-size:10px;color:#c7ddfa}.email-recipient small{display:block;border-top:1px solid rgba(255,255,255,.15);padding-top:15px;margin-top:20px;font-size:8px;line-height:1.6;color:#b8d2f4}
@media(max-width:850px){.statement-summary{grid-template-columns:1fr}.statement-filter{flex-wrap:wrap}.email-compose-layout{grid-template-columns:1fr}.email-recipient{grid-row:1}.statement-head{align-items:flex-start}.statement-brand{display:none}}@media(max-width:550px){.statement-filter label{width:calc(50% - 6px)}.statement-filter input[type=date]{width:100%}.statement-filter .detail-switch,.statement-filter button{width:100%}.statement-actions{flex-wrap:wrap}.statement-actions>*{flex:1}.email-compose-layout{display:flex;flex-direction:column}.email-compose-layout>*{width:100%}}
@media print{.sidebar,.topbar,.statement-filter,.statement-actions,.statement-head>div:first-child>a{display:none!important}.content{margin:0}.page{padding:10px}.statement-card{border:0;box-shadow:none;padding:0}.statement-head{margin-bottom:12px}.statement-summary{grid-template-columns:repeat(3,1fr)}.statement-table{overflow:visible}.statement-table table{font-size:8px}.statement-brand{display:flex}}