.reconciliation-panel{margin:0 0 18px;padding:16px;border:1px solid rgba(90,217,255,.16);border-radius:17px;background:linear-gradient(120deg,rgba(90,217,255,.05),rgba(57,230,189,.03))}.reconciliation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.reconciliation-head span{color:var(--cyan);font-size:8px;font-weight:850;letter-spacing:.16em}.reconciliation-head h3{margin:7px 0 5px;font-size:14px}.reconciliation-head p{margin:0;color:#708691;font-size:7px;line-height:1.5}.reconciliation-head button{min-width:150px;height:38px;border:1px solid rgba(90,217,255,.24);border-radius:10px;background:rgba(90,217,255,.1);color:var(--cyan);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;font-weight:850;cursor:pointer}.reconciliation-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:14px 0}.reconciliation-stats article{display:grid;gap:5px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(4,13,23,.45)}.reconciliation-stats span{color:#718892;font-size:6px;font-weight:800;letter-spacing:.08em}.reconciliation-stats b{color:#f0f7f6;font-size:13px}.reconciliation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reconciliation-list>p{margin:0;color:#687f89;font-size:8px}.reconciliation-job{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(4,13,23,.34)}.reconciliation-job h4{margin:0 0 4px;font-size:9px}.reconciliation-job small{display:block;color:#6d838d;font-size:7px;line-height:1.45}.reconciliation-job em{height:max-content;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:#8fa3aa;font-size:6px;font-style:normal;font-weight:850;letter-spacing:.08em}.reconciliation-job[data-state=settled] em{background:rgba(57,230,189,.1);color:var(--mint)}.reconciliation-job[data-state=reversed] em{background:rgba(255,202,128,.1);color:var(--warm)}.reconciliation-job[data-state=blocked] em,.reconciliation-job[data-state=failed] em{background:rgba(255,119,119,.1);color:#ff9a9a}
@media(max-width:1000px){.reconciliation-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.reconciliation-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.reconciliation-head{display:grid}.reconciliation-head button{width:100%}.reconciliation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-list{grid-template-columns:1fr}}