:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243348;background:#f2f5f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.top{background:#112d48;color:#fff;padding:15px 32px;display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{font-size:21px;font-weight:750;letter-spacing:-.5px}.brand span{color:#8fd0ee}.top small{display:block;font-size:11px;font-weight:500;color:#c7d8e5;letter-spacing:1px}.pill{background:#e4f1fa;color:#174267;border-radius:99px;font-size:11px;padding:5px 9px;font-weight:700}.top .pill{background:#2a4964;color:#e9f1f7}.shell{max-width:1200px;margin:28px auto;padding:0 22px}.login{max-width:470px;margin:75px auto;background:white;padding:35px;border-radius:15px;box-shadow:0 8px 30px #1b36501a}.login h1{margin:0 0 8px;font-size:25px}.muted{color:#718095}.login p{line-height:1.5}.layout{display:grid;grid-template-columns:215px 1fr;gap:25px}.side{background:#fff;padding:16px;border-radius:12px;height:max-content;border:1px solid #e2e9ef}.nav{display:block;text-align:left;background:none;border:0;padding:13px 14px;width:100%;color:#52677c;border-radius:8px;margin:3px 0;font-weight:600}.nav:hover,.nav.active{background:#e9f1f7;color:#123a5d}.content{min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:22px}.heading h1{margin:0;font-size:25px;color:#183753}.heading p{margin:6px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card,.panel{border:1px solid #e0e8ee;background:white;border-radius:12px;padding:23px}.card .currency{color:#64788a;font-size:13px;font-weight:650}.amount{font-size:27px;font-weight:750;margin:15px 0;color:#193a56}.iban{font-size:11px;color:#718095;word-break:break-word}.panel{margin-top:18px}.panel h2{font-size:18px;color:#173750;margin:0 0 18px}.btn{border:0;border-radius:8px;padding:11px 17px;background:#1b557f;color:white;font-weight:650}.btn:hover{background:#114264}.btn.alt{background:#eaf1f7;color:#1a4669}.btn.danger{background:#a73838}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#455a6f;margin-bottom:15px}.field input,.field select{background:#fff;border:1px solid #cdd9e2;padding:11px 12px;border-radius:8px;min-width:0;outline-color:#4188b2}.wide{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6b7e8d;font-size:12px;background:#f7f9fb}td,th{padding:14px 10px;border-bottom:1px solid #edf1f4}tr:last-child td{border:0}.right{text-align:right}.positive{color:#11744f;font-weight:700}.negative{color:#ad4747;font-weight:700}.status{display:inline-block;border-radius:20px;background:#e2f4eb;padding:5px 9px;font-size:11px;color:#126042;font-weight:700}.note{border-left:4px solid #3b80aa;background:#ebf4fa;padding:11px 15px;border-radius:5px;font-size:13px;line-height:1.5}.success{border-left-color:#1c9367;background:#eaf9f0}.error{border-left-color:#bd4545;background:#fff0f0}.empty{padding:26px;text-align:center;color:#8491a0}.small{font-size:12px}.account-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-switch select{padding:8px;border:1px solid #cdd9e2;border-radius:7px}.footer{text-align:center;color:#81909d;font-size:12px;margin:35px 0}.hidden{display:none!important}@media(max-width:830px){.cards{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px}.nav{white-space:nowrap;width:auto}.form-grid{grid-template-columns:1fr}.top{padding:15px}.shell{margin:20px auto;padding:0 12px}.card,.panel{padding:18px}}

/* Extra styles needed by the server-backed application; original UI rules above are unchanged. */
.demo-tag{background:#ffe8ad;color:#6a4b00;border-radius:5px;padding:3px 7px;font-size:11px;margin-left:8px;font-weight:650;vertical-align:middle}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.mono{font-family:ui-monospace,Consolas,monospace}
.text-wrap{overflow-wrap:anywhere}
.notice-space{margin-top:14px}
.full-button{width:100%}
.cards-spaced{margin-top:18px}
.mode-disclosure {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #718095;
    padding: 0;
}
.transfer-description{margin:0 0 17px;line-height:1.5}
.training-inline{font-size:12px;line-height:1.5;color:#677a8d;margin-top:0;margin-bottom:14px}
.test-pill {
    background: transparent;
    color: #718095;
    padding: 0;
    border-radius: 0;
}
.field{line-height:1.3}
@media(max-width:830px){.footer{padding:0 15px}.heading p{overflow-wrap:anywhere}}