:root{--navy:#142a43;--teal:#008d98;--teal-hover:#007984;--text:#192a40;--muted:#71819a;--subtle:#99a8bc;--surface:#fff;--bg:#f6f9fc;--border:#e5ebf2;--soft:#f1f5f9;--teal-soft:#e9f7f7;--shadow:0 2px 4px #142a4305,0 8px 24px #142a4304;--sidebar-width:244px;font:14px Inter,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #008d9838;outline-offset:3px}input,select{width:100%;min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:13px 14px;border-radius:10px;outline:none}input::placeholder{color:var(--subtle)}input:focus,select:focus{border-color:var(--teal)}input[type=radio]{width:16px;accent-color:var(--teal)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}i{display:inline-flex;flex-shrink:0;width:19px;height:19px;font-style:normal}i svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:30;display:flex;flex-direction:column}.brand{padding:22px 26px 20px;border-bottom:1px solid var(--border);display:block}.brand img{width:180px;height:69px;object-fit:contain;display:block;background:white;border-radius:4px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:var(--subtle);font-weight:700;margin:10px 0 0 6px}.sidebar nav{padding:20px 16px;overflow:auto}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--subtle);margin:14px 12px}.nav-label:not(:first-child){margin-top:30px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;color:var(--muted);font-weight:600;font-size:12px;margin-bottom:5px;transition:background .15s,color .15s}.sidebar nav a>i{color:var(--subtle)}.sidebar nav a:hover{background:var(--soft)}.sidebar nav a.selected{background:var(--teal-soft);color:var(--teal);box-shadow:inset 0 0 0 1px #008d981a}.sidebar nav a.selected:before{position:absolute;content:'';left:0;top:12px;bottom:12px;width:3px;background:var(--teal);border-radius:3px}.sidebar nav a.selected>i{color:var(--teal)}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;background:var(--soft);border-radius:6px}.sidebar-bottom{margin-top:auto;padding:18px 14px;border-top:1px solid var(--border)}.operator{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:37px;height:37px;background:var(--teal);color:white;font-size:12px;font-weight:700;flex-shrink:0}.operator strong{display:block;font-size:11px}.operator small{display:block;color:var(--subtle);font-size:8px;font-weight:600;letter-spacing:.8px;margin-top:4px}.operator-dot{width:7px;height:7px;border-radius:50%;background:#35b985;margin-left:auto}.environment{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px;padding:14px 4px 0}.environment>span:last-child{margin-left:auto;color:var(--subtle)}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.app-shell{margin-left:var(--sidebar-width)}
.topbar{height:88px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:0 32px;z-index:20}.welcome strong{font-size:15px;letter-spacing:-.25px}.welcome strong span{color:var(--teal)}.welcome small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.global-search{display:flex;align-items:center;gap:10px;max-width:420px;flex:1;margin-left:auto;border:1px solid var(--border);border-radius:24px;padding:0 15px;box-shadow:0 1px 3px #142a4308;color:var(--subtle)}.global-search input{border:0;background:transparent;padding:11px 0;font-size:11px}.global-search kbd{font-family:inherit;font-size:9px;white-space:nowrap;background:var(--soft);padding:4px 6px;border-radius:6px;color:var(--muted)}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;color:var(--muted);background:var(--surface);flex-shrink:0;transition:background .15s,color .15s}.icon-button:hover{background:var(--teal-soft);color:var(--teal)}#theme-toggle{color:#d69720;background:#fffaf0;border-color:#f2e9d4}.top-avatar{width:39px;height:39px}.notification-button{position:relative}.notification-button>span{position:absolute;right:-3px;top:-3px;border:2px solid var(--surface);background:#e46464;color:#fff;font-size:8px;border-radius:20px;min-width:17px;height:17px;padding:0 3px;display:flex;align-items:center;justify-content:center}.mobile-menu{display:none}main{padding:38px 42px 24px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;font-weight:700;color:var(--teal);margin-bottom:12px}.eyebrow>span{width:27px;height:3px;border-radius:3px;background:var(--teal)}h1{font-size:32px;font-weight:750;letter-spacing:-1.1px;line-height:1.25}.page-heading p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:10px;max-width:540px}.heading-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:11px;font-size:11px;font-weight:650;white-space:nowrap;min-height:42px;transition:background .15s,border-color .15s}.button.primary{background:var(--teal);color:white;border-color:var(--teal);box-shadow:0 2px 3px #008d981c}.button.primary:hover{background:var(--teal-hover);border-color:var(--teal-hover)}.button.secondary{background:var(--surface);color:var(--muted)}.button.secondary:hover{color:var(--teal);border-color:var(--teal)}.button.small{padding:8px 12px;min-height:34px;font-size:10px}.button i{width:16px;height:16px}.live-status{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:600;color:#248c6c}.live-status.offline{color:#b55d47}.live-status .dot{box-shadow:0 0 0 4px #35b98512}.development-note{display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid #dce9ed;background:#eef7fa;border-radius:10px;color:#5e7888;font-size:10px;margin-bottom:24px;line-height:1.6}.development-note>i{color:#5d92a4;width:16px;height:16px}.tag{font-size:8px;letter-spacing:.6px;color:#698799;border:1px solid #cbdfe7;padding:3px 7px;white-space:nowrap;border-radius:5px;margin-left:auto}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:32px}.metrics article{padding:17px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-height:119px}.metric-label{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:8px;font-weight:700;letter-spacing:.5px;color:var(--subtle);white-space:nowrap}.metric-label i{width:13px;height:13px}.metrics strong{display:block;font-size:26px;letter-spacing:-.8px;margin:10px 0 9px;line-height:1}.metrics small{display:block;font-size:8px;color:var(--subtle);line-height:1.5}.text-green{color:#298363}.text-amber{color:#af6f21}.status-tabs{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:6px;box-shadow:var(--shadow);margin-bottom:10px}.status-tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:10px 14px;border-radius:9px}.status-tabs button span{font-size:9px;padding:2px 6px;background:var(--soft);border-radius:6px}.status-tabs button.selected{background:var(--teal);color:#fff}.status-tabs button.selected span{background:#ffffff26}.wide-search{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:0 18px;color:var(--subtle)}.wide-search input{border:0;background:transparent;padding:17px 0;font-size:12px}.filters{display:flex;align-items:center;gap:9px;padding:14px 0 16px;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--subtle);margin-right:3px}.filter-label i{width:14px;height:14px}.filters select{width:auto;max-width:230px;padding:9px 30px 9px 12px;border-radius:10px;font-size:10px;color:var(--muted)}.result-count{color:var(--subtle);font-size:10px;margin-left:auto}.account-list{display:grid;gap:12px}.account-row{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(115px,.8fr) minmax(95px,.6fr) minmax(100px,.7fr) auto;align-items:center;gap:20px;border:1px solid var(--border);background:var(--surface);padding:23px;border-radius:18px;box-shadow:var(--shadow)}.account-identity{display:flex;align-items:center;gap:15px;min-width:0}.account-identity strong{font-size:12px;display:block;line-height:1.5;overflow-wrap:anywhere}.account-identity small{display:block;color:var(--subtle);font-size:9px;line-height:1.5;margin-top:4px}.account-type{font-size:10px;color:var(--muted)}.account-type span{display:block;color:var(--subtle);font-size:8px;letter-spacing:.6px;margin-bottom:6px}.connection-time{color:var(--muted);font-size:10px;line-height:1.5}.connection-time small{display:block;color:var(--subtle);font-size:8px;margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:8px;font-weight:650;white-space:nowrap;letter-spacing:.2px;width:max-content}.badge.green{background:#e1f7ee;color:#2d8866}.badge.amber{background:#fff4df;color:#a1782b}.badge.gray{background:var(--soft);color:var(--muted)}.badge.red{background:#feeeed;color:#bc635b}.logo-slot{width:122px;height:49px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.logo-slot img{max-width:100%;max-height:100%;object-fit:contain}.logo-slot.on-dark{background:#153452;padding:9px;border-radius:8px}.logo-slot.square,.logo-slot.icon{width:48px;height:48px;justify-content:center}.account-identity .logo-slot{width:49px;height:49px;padding:5px;border:1px solid var(--border);border-radius:11px;justify-content:center;background:#fff}.account-identity .logo-slot.on-dark{background:#153452;border-color:#153452}.empty-state{padding:55px 20px;text-align:center;border:1px dashed #d9e3ed;border-radius:18px;background:var(--surface)}.empty-state .empty-icon{display:flex;align-items:center;justify-content:center;background:var(--teal-soft);color:var(--teal);width:56px;height:56px;border-radius:16px;margin:0 auto 18px}.empty-state .empty-icon i{width:25px;height:25px}.empty-state h3{font-size:15px;letter-spacing:-.2px}.empty-state p{font-size:11px;color:var(--muted);margin:9px auto 19px;line-height:1.8;max-width:400px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-heading h2,.catalogue-toolbar h2{font-size:17px;letter-spacing:-.4px}.section-heading p,.catalogue-toolbar p{color:var(--muted);font-size:11px;margin-top:7px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:10px;font-weight:650}.text-link i{width:14px;height:14px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:22px 0;margin-bottom:32px}.summary-panel{padding:0 24px;border-right:1px solid var(--border)}.summary-panel:last-child{border-right:0}.summary-icon{color:var(--teal);display:block;margin-bottom:15px}.summary-icon i{width:23px;height:23px}.summary-panel h3{font-size:13px}.summary-panel p{font-size:11px;color:var(--muted);margin:9px 0 19px;line-height:1.8}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.count-tag{display:inline-block;vertical-align:middle;color:var(--muted);font-size:9px;letter-spacing:0;padding:5px 8px;background:var(--soft);border-radius:7px;font-weight:500;margin-left:8px}.catalogue-filters,.transaction-filters{display:flex;gap:10px;align-items:center}.catalogue-filters select,.transaction-filters select{width:180px;padding:11px 14px;font-size:10px}.field-with-icon{position:relative;display:flex;align-items:center;color:var(--subtle);min-width:0}.field-with-icon i{position:absolute;left:13px;width:16px;height:16px}.field-with-icon input{padding-left:39px;font-size:11px}.bank-catalogue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.bank-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px 18px;min-height:199px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .18s,transform .18s,box-shadow .18s;gap:13px}.bank-card:hover{border-color:#008d9860;transform:translateY(-2px);box-shadow:0 5px 16px #142a4308}.bank-card strong{font-size:10px;line-height:1.7;min-height:35px}.bank-card small{color:var(--subtle);font-size:8px;line-height:1.6}.bank-card .bank-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto}.bank-card-bottom>i{width:15px;height:15px;color:var(--teal)}.source-note{font-size:9px;color:var(--subtle);margin-top:22px;line-height:1.8}.source-note a{color:var(--teal)}.transaction-filters{margin-bottom:17px}.transaction-filters .field-with-icon{flex:1;max-width:450px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}th{font-size:8px;color:var(--subtle);letter-spacing:.5px;background:var(--soft);padding:15px 16px;font-weight:650}td{padding:19px 16px;border-top:1px solid var(--border)}td strong{font-size:11px;font-weight:600}td small{display:block;color:var(--subtle);font-size:9px;margin-top:6px}td .badge{font-size:9px}.empty-table{padding:44px;text-align:center;color:var(--muted);line-height:1.8}.event-list{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.event{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;border-bottom:1px solid var(--border)}.event:last-child{border-bottom:0}.event>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:var(--teal-soft);color:var(--teal);border-radius:9px;flex-shrink:0}.event>span i{width:16px;height:16px}.event p{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.event time{display:block;color:var(--subtle);font-size:9px;margin-top:5px}#events-section{margin-top:30px}#overview-section~#transactions{margin-top:28px}.page-footer{display:flex;justify-content:space-between;gap:15px;color:var(--subtle);font-size:8px;padding:28px 0 0}.page-footer>span:last-child{display:flex;align-items:center;gap:6px}
.login-panel{max-width:430px;margin:5vh auto;padding:34px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.login-logo{display:block;width:190px;height:73px;object-fit:contain;margin-bottom:30px;background:white;border-radius:4px}.login-panel h1{font-size:26px}.login-panel>p{color:var(--muted);font-size:12px;line-height:1.8;margin:11px 0 24px}.login-panel .button{width:100%;margin-top:18px}.login-panel>small{display:block;font-size:9px;color:var(--subtle);line-height:1.8;margin-top:24px}label{display:block;font-size:11px;font-weight:600;color:var(--text)}label>input,label>select,label>.bank-picker-trigger{margin-top:8px}label>small{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.7;margin-top:7px}dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:19px;padding:28px;box-shadow:0 22px 90px #10284430;max-height:88vh;max-height:88svh;animation:dialog-in .18s ease}dialog::backdrop{background:#0e253e66;backdrop-filter:blur(3px)}.form-dialog{width:min(550px,calc(100vw - 32px))}.bank-dialog{width:min(900px,calc(100vw - 32px))}.notification-dialog{width:min(590px,calc(100vw - 32px))}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.dialog-heading h2{font-size:21px;letter-spacing:-.5px}.dialog-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}.dialog-heading .icon-button{width:30px;height:30px;border:0}.dialog-description{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:23px}.form-dialog form>label,.form-dialog .form-row{margin-top:20px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{font-size:11px;padding:10px 12px;background:#fff0ef;border-radius:8px;color:#a9574e;margin-top:15px;line-height:1.8}.type-choice{padding:0;margin:24px 0 0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-choice legend{font-size:11px;font-weight:600;margin-bottom:10px}.type-choice label{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:13px 10px;border-radius:11px;cursor:pointer;font-weight:500;font-size:11px}.type-choice label:has(input:checked){border-color:#008d985c;background:var(--teal-soft)}.type-choice label i{color:var(--teal)}.type-choice label input{margin:0}.type-choice label span small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.bank-picker-trigger{display:flex;align-items:center;gap:10px;padding:12px 14px;width:100%;text-align:left;min-height:48px;font-size:11px;color:var(--muted)}.bank-picker-trigger>i:last-child{margin-left:auto;width:14px;height:14px}.bank-picker-trigger .logo-slot{width:60px;height:27px}.inline-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;font-size:10px;line-height:1.8;background:var(--soft);color:var(--muted);border-radius:9px;margin-top:20px}.inline-note i{width:15px;height:15px;margin-top:2px}.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px}.picker-grid .bank-card{min-height:156px;padding:16px;gap:10px}.picker-grid .bank-card strong{font-size:9px}.picker-grid .logo-slot{height:35px;width:100px}.detail-bank{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.detail-bank strong{display:block;font-size:14px;line-height:1.6}.detail-bank p{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.7}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 0}.detail-fields dt{font-size:9px;color:var(--subtle);margin-bottom:7px}.detail-fields dd{font-size:11px;margin:0;line-height:1.7;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.notification-dialog .event-list{margin:18px 0}.notification-dialog .event{padding:14px}.toast{position:fixed;z-index:80;bottom:25px;right:25px;max-width:440px;padding:16px 20px;background:var(--navy);color:#fff;border:1px solid #ffffff20;border-radius:12px;font-size:12px;line-height:1.8;box-shadow:0 10px 35px #142a4326;animation:dialog-in .2s ease}.menu-backdrop{position:fixed;inset:0;background:#142a4360;z-index:29;border:0;border-radius:0}.dark{--text:#e2eaf3;--muted:#a5b5c8;--subtle:#8296ae;--surface:#15273b;--bg:#0e1e30;--border:#263c53;--soft:#1e3349;--teal-soft:#123b45}.dark .development-note{background:#173341;border-color:#244755;color:#a5c1d0}.dark #theme-toggle{background:var(--soft);border-color:var(--border);color:#9fc3e2}.dark .badge.green{background:#123f37;color:#77d7b4}.dark .badge.amber{background:#3b3320;color:#e2bd74}.dark .badge.red{background:#442b31;color:#f19e94}.dark .bank-card .logo-slot:not(.on-dark){background:#fff;border-radius:5px;padding:4px}.dark .form-error{background:#442b31;color:#f1b1aa}@keyframes dialog-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){main{padding:48px 70px}.topbar{padding:0 42px}.metrics{gap:16px}.metrics article{padding:22px;min-height:130px}.metrics strong{font-size:29px}.metric-label{font-size:9px}.metrics small{font-size:9px}.account-row{padding:26px}.bank-card strong{font-size:11px}}
@media(max-width:1320px){:root{--sidebar-width:218px}.brand{padding:20px}.brand img{width:175px;height:66px}.topbar{padding:0 23px;gap:16px}.welcome small{max-width:235px;line-height:1.6}.welcome strong{font-size:13px}main{padding:30px 28px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics article{min-height:105px}.bank-catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.account-row{grid-template-columns:minmax(175px,1.5fr) 100px 85px auto;gap:13px;padding:20px}.connection-time{display:none}.global-search kbd{display:none}.catalogue-toolbar{align-items:flex-start;flex-direction:column}.catalogue-filters{width:100%}.catalogue-filters .field-with-icon{flex:1}.page-heading{align-items:center}.heading-actions{gap:10px}}
@media(max-width:980px){:root{--sidebar-width:192px}.brand{padding:20px 15px}.brand img{width:160px;height:61px}.brand span{font-size:8px;letter-spacing:1.4px}.sidebar nav{padding:18px 10px}.sidebar nav a{font-size:11px;gap:9px;padding:12px}.topbar{height:76px;padding:0 20px}.welcome small{display:none}.welcome strong{font-size:12px}.global-search{max-width:260px}.global-search input{font-size:10px}.topbar-actions{gap:7px}.topbar .icon-button{width:33px;height:33px}.top-avatar{width:33px;height:33px;font-size:10px}main{padding:28px 22px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:9px}h1{font-size:28px}.page-heading p{font-size:11px}.bank-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.account-row{grid-template-columns:1fr auto;gap:18px}.account-type{grid-row:2;grid-column:1}.account-row>.badge{grid-column:2;grid-row:1}.account-row>.button{grid-row:2;grid-column:2}.overview-grid{grid-template-columns:1fr;padding:0}.summary-panel{padding:21px;border-right:0;border-bottom:1px solid var(--border)}.summary-panel:last-child{border-bottom:0}.summary-icon{float:left;margin-right:16px;margin-bottom:0}.summary-panel p{margin-bottom:12px}.metrics strong{font-size:24px}.development-note{font-size:9px}.tag{display:none}}
@media(max-width:760px){:root{--sidebar-width:244px}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.brand{padding:22px 26px}.brand img{width:180px;height:69px}.sidebar nav{padding:20px 16px}.sidebar nav a{font-size:12px;gap:12px;padding:13px 14px}.app-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:70px;padding:0 18px;gap:12px}.welcome{flex:1}.welcome strong{font-size:12px}.global-search{display:none}.top-avatar{width:31px;height:31px}.topbar-actions{gap:8px}main{padding:25px 20px}.page-heading{gap:14px;margin-bottom:20px}.page-heading p{font-size:11px;max-width:340px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:29px}.heading-actions .button{font-size:10px;padding:10px 12px;min-height:38px}.live-status{font-size:9px}.development-note{padding:10px 12px;font-size:9px;align-items:flex-start}.development-note i{margin-top:2px}.metrics{gap:10px;margin-bottom:24px}.metrics article{padding:15px 13px;border-radius:13px;min-height:103px}.metrics strong{font-size:24px}.metric-label{font-size:7px;letter-spacing:.2px}.metric-label i{display:none}.metrics small{font-size:8px}.catalogue-filters select{width:170px}.bank-card{min-height:190px;padding:18px 16px}.catalogue-toolbar{gap:17px}.filters select{max-width:100%;font-size:10px}.filter-label{width:100%}.result-count{margin-left:0}.account-row{padding:19px}.page-footer{font-size:8px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-dialog,.bank-dialog,.notification-dialog{padding:23px}.section-heading h2{font-size:16px}}
@media(max-width:420px){main{padding:23px 15px}.topbar{padding:0 14px}.welcome strong{font-size:11px}.top-avatar{display:none}.topbar-actions{gap:6px}.topbar .icon-button{width:33px;height:33px}.page-heading{align-items:flex-start}h1{font-size:27px}.heading-actions .button{padding:9px 11px;font-size:9px}.heading-actions .button i{width:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-label{font-size:8px}.metric-label i{display:inline-flex}.metrics article{min-height:102px}.metrics strong{font-size:25px}.account-row{padding:17px;gap:15px}.account-identity{gap:10px}.account-identity .logo-slot{width:40px;height:40px}.account-identity strong{font-size:11px}.status-tabs{gap:2px}.status-tabs button{padding:10px 12px;font-size:10px}.catalogue-filters{flex-direction:column}.catalogue-filters .field-with-icon,.catalogue-filters select{width:100%}.bank-catalogue{gap:10px}.bank-card{padding:16px 12px;min-height:192px;gap:12px}.bank-card .logo-slot{width:108px;height:38px}.bank-card strong{font-size:9px;min-height:42px}.bank-card small{font-size:8px}.bank-card .badge{font-size:7px;padding:4px 6px}.page-footer>span:last-child{font-size:7px}.form-row{grid-template-columns:1fr}.type-choice{grid-template-columns:1fr}.type-choice label span small{display:inline;margin-left:8px}.form-dialog,.bank-dialog,.notification-dialog{padding:20px}.dialog-heading h2{font-size:19px}.picker-grid .bank-card{padding:12px}.toast{right:15px;left:15px;bottom:15px;font-size:11px}.login-panel{padding:25px;margin:25px 0}.login-panel h1{font-size:25px}.transaction-filters{align-items:stretch;flex-direction:column}.transaction-filters select{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.metric-label{font-size:9px}.metrics small{font-size:10px}.sidebar nav a{font-size:13px}.page-heading p{font-size:13px}.bank-card strong{font-size:12px}.bank-card small{font-size:10px}.bank-card .badge{font-size:9px}.account-identity strong{font-size:14px}.account-identity small{font-size:11px}.account-type{font-size:12px}.connection-time{font-size:11px}.account-row .badge{font-size:10px}.status-tabs button{font-size:12px}.filters select{font-size:11px}.event p{font-size:12px}.event time{font-size:10px}.dialog-description,label{font-size:12px}.dialog-description{line-height:1.8}.menu-open{overflow:hidden}.bank-card:focus-visible{transform:none}
.menu-backdrop{left:var(--sidebar-width)}
.dark .text-green,.dark .live-status{color:#77d7b4}.dark .text-amber{color:#e2bd74}.dark .eyebrow,.dark .text-link,.dark .welcome strong span,.dark .sidebar nav a.selected{color:#70d8dd}
@media(max-width:760px){.topbar .icon-button{width:42px;height:42px}.sidebar nav a{min-height:44px}.status-tabs button{min-height:40px}.filters select{min-height:42px}.metric-label{font-size:9px;white-space:normal;line-height:1.5}.metrics small{font-size:9px}.metrics article{min-height:111px}.page-heading p{font-size:12px}.account-row .button{min-height:40px}.bank-card strong{font-size:11px}.bank-card small{font-size:9px}.bank-card .badge{font-size:8px}.development-note{font-size:10px}.form-dialog input,.form-dialog select{min-height:44px}.picker-grid .bank-card strong{font-size:10px}.dialog-footer .button{min-height:44px}.account-type{font-size:11px}}