:root{--ink:#18231f;--purple:#6f55cc;--muted:#75807b;--line:#e7e7df}.banks-page{min-height:100vh;color:var(--ink);background:#f4f3ed;padding:28px 5vw 80px}.banks-page>header{grid-template-columns:1fr 2fr 1fr;align-items:center;max-width:1120px;margin:0 auto 24px;display:grid}.banks-page>header a{color:var(--purple);font-size:11px;font-weight:800;text-decoration:none}.banks-page>header div{text-align:center}.banks-page>header p,.bank-hero small,.bank-add>small,.bank-section-title small{letter-spacing:.14em;color:#8b938f;margin:0 0 6px;font-size:8px;font-weight:800}.banks-page>header h1{margin:0;font:32px Georgia,serif}.banks-page>header>span{text-align:right;color:#4c7163;font-size:9px}.bank-hero,.bank-list,.bank-add,.bank-safety{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:1120px;margin:auto;box-shadow:0 18px 55px #252f2b0f}.bank-hero{color:#fff;background:#17241f;justify-content:space-between;align-items:center;padding:28px;display:flex}.bank-hero small{color:#a994f3}.bank-hero h2{margin:6px 0 9px;font:29px Georgia,serif}.bank-hero p{color:#aab5b0;max-width:700px;margin:0;font-size:10px;line-height:1.65}.bank-hero>div:last-child{text-align:center;min-width:130px}.bank-hero>div:last-child b{font:38px Georgia,serif;display:block}.bank-hero>div:last-child span{color:#aab5b0;font-size:8px}.bank-status{background:#ebe7fa;border:1px solid #dad1f5;border-radius:15px;justify-content:space-between;align-items:center;max-width:1120px;margin:15px auto;padding:14px 18px;display:flex}.bank-status article{align-items:center;gap:9px;display:flex}.bank-status article>span{width:28px;height:28px;color:var(--purple);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.bank-status article div{flex-direction:column;gap:3px;display:flex}.bank-status b{font-size:10px}.bank-status small{color:#786f89;font-size:7px}.bank-status>i{color:#9b8ccc;font-style:normal}.banks-grid{grid-template-columns:1.35fr .65fr;gap:18px;max-width:1120px;margin:18px auto;display:grid}.bank-list,.bank-add{padding:22px}.bank-section-title{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.bank-section-title h2,.bank-add h2{margin:0;font:23px Georgia,serif}.bank-section-title a{color:var(--purple);font-size:9px;font-weight:800;text-decoration:none}.bank-list>article{border-bottom:1px solid #eee;grid-template-columns:40px 1fr 1fr auto auto;align-items:center;gap:11px;padding:13px 0;display:grid}.bank-logo{width:38px;height:38px;color:var(--purple);background:#eee9ff;border-radius:12px;place-items:center;font:18px Georgia,serif;display:grid}.bank-list article>div{flex-direction:column;gap:4px;display:flex}.bank-list b{font-size:10px}.bank-list small{color:var(--muted);font-size:8px}.sync-state b{color:#3a8e70}.bank-list strong{font-size:10px}.bank-list article>a{color:var(--purple);background:#eee9ff;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:800;text-decoration:none}.bank-empty{text-align:center;color:var(--muted);padding:35px;font-size:10px}.bank-add form{gap:10px;margin-top:15px;display:grid}.bank-add label{color:#747e79;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.bank-add input,.bank-add select{border:1px solid var(--line);color:var(--ink);background:#f8f7f3;border-radius:10px;padding:12px;font-size:16px}.bank-add form>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.bank-add button{color:#fff;background:#17241f;border:0;border-radius:10px;padding:13px;font-weight:800}.bank-add button:disabled{opacity:.5}.bank-add>p{color:var(--muted);font-size:8px;line-height:1.55}.bank-safety{background:#e5f2ed;align-items:center;gap:13px;padding:18px;display:flex}.bank-safety>span{font-size:25px}.bank-safety b{font-size:11px}.bank-safety p{color:#596963;margin:4px 0 0;font-size:9px;line-height:1.55}.bank-toast{color:#fff;background:#17241f;border-radius:12px;padding:13px 18px;font-size:10px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=760px){.banks-page{padding:20px 14px 85px}.banks-page>header{grid-template-columns:auto 1fr}.banks-page>header div{text-align:right}.banks-page>header h1{font-size:22px}.banks-page>header>span{display:none}.bank-hero{padding:21px}.bank-hero h2{font-size:24px}.bank-hero>div:last-child{min-width:65px}.bank-status{gap:11px;display:grid}.bank-status>i{display:none}.banks-grid{grid-template-columns:1fr}.bank-list>article{grid-template-columns:40px 1fr auto}.sync-state{grid-column:2}.bank-list article>strong{grid-area:1/3}.bank-list article>a{grid-area:2/3}.bank-add form>div{grid-template-columns:1fr}.bank-safety{align-items:flex-start}}
