:root{--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--color-primary:#1e3a5f;--color-primary-hover:#2a4d7a;--color-primary-muted:#e8eef5;--color-bg:#f4f6f9;--color-surface:#fff;--color-sidebar:#152238;--color-sidebar-hover:#1f3050;--color-sidebar-active:#2a4470;--color-sidebar-text:#c5d0e0;--color-sidebar-text-active:#fff;--color-text:#1a2332;--color-text-muted:#5c6b7f;--color-text-inverse:#fff;--color-border:#d8dee8;--color-border-light:#e8ecf2;--shadow-sm:0 1px 2px #1522380f;--shadow-md:0 4px 12px #15223814;--color-success:#0d7a4e;--color-success-bg:#e6f4ed;--color-warning:#9a6700;--color-warning-bg:#fef6e6;--color-danger:#b42318;--color-danger-bg:#fdecea;--color-info:#175cd3;--color-info-bg:#eff4ff;--sidebar-width:260px;--header-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease}.app-layout{background:var(--color-bg);min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.app-sidebar__brand{border-bottom:1px solid #ffffff14;padding:1.25rem 1.5rem}.app-sidebar__brand-title{color:var(--color-sidebar-text-active);letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600}.app-sidebar__brand-subtitle{color:var(--color-sidebar-text);opacity:.85;margin:.25rem 0 0;font-size:.75rem}.app-sidebar__nav{flex-direction:column;flex:1;gap:1.25rem;padding:1rem .75rem;display:flex}.app-sidebar__section-title{text-transform:uppercase;letter-spacing:.06em;color:#c5d0e099;margin:0 0 .5rem .75rem;font-size:.6875rem;font-weight:600}.app-sidebar__link{border-radius:var(--radius-md);color:var(--color-sidebar-text);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;display:flex}.app-sidebar__link:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active)}.app-sidebar__link--active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active);font-weight:500}.app-sidebar__link-icon{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.app-sidebar__link-icon-svg{width:1.125rem;height:1.125rem}.app-sidebar__link--active .app-sidebar__link-icon-svg{opacity:1}.app-sidebar__footer{color:#c5d0e0b3;border-top:1px solid #ffffff14;padding:1rem 1.5rem;font-size:.75rem}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-sidebar-backdrop,.app-header__menu-btn{display:none}.app-header__leading{display:contents}.app-header__titles{min-width:0;display:block}.app-header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex}.app-header__title{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:600}.app-header__breadcrumb{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.8125rem}.app-header__actions{align-items:center;gap:.75rem;display:flex}.app-header__user{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:.8125rem;overflow:hidden}.app-header__env-badge{font-size:.75rem}.app-content{flex:1;padding:1.5rem;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-section-title{color:var(--color-text);margin:0 0 1rem;font-size:1rem;font-weight:600}.placeholder-page{max-width:640px}.placeholder-page__icon{margin-bottom:1rem;font-size:2.5rem}.placeholder-page__title{color:var(--color-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.placeholder-page__description{color:var(--color-text-muted);margin:0 0 1.5rem;line-height:1.6}.dashboard-logs-card{margin-top:1.5rem}@media (width<=900px){.app-sidebar-backdrop{z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);cursor:pointer;background:#15223873;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.app-sidebar-backdrop--visible{opacity:1;pointer-events:auto}.app-sidebar{z-index:100;width:min(18rem,88vw);max-width:100%;height:100dvh;box-shadow:none;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar--open{box-shadow:var(--shadow-md);transform:translate(0)}.app-header{min-height:var(--header-height);flex-wrap:wrap;align-items:flex-start;gap:.75rem;height:auto;padding:.75rem 1rem}.app-header__leading{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.app-header__menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;padding:0;display:inline-flex}.app-header__menu-btn:hover{background:var(--color-primary-muted)}.app-header__titles{flex:1;min-width:0}.app-header__title{overflow-wrap:anywhere;font-size:1rem;line-height:1.3}.app-header__breadcrumb{display:none}.app-header__actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%}.app-header__user{flex:100%;order:3;max-width:100%;font-size:.75rem}.app-content{padding:1rem}body.app-nav-open{overflow:hidden}}@media (width>=901px){.app-sidebar-backdrop,.app-header__menu-btn{display:none}.app-sidebar{position:sticky}}@media (width<=900px){.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar__actions{flex-wrap:wrap;width:100%}.page-toolbar__actions .ui-button{flex:auto;min-width:min(100%,10rem)}.form-grid{grid-template-columns:1fr}.form-panel{padding:1rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions .ui-button{width:100%}.dashboard-grid{grid-template-columns:1fr}.settings-kv-grid,.ebics-detail__meta-grid,.ebics-mesflux-box__grid,.security-kv-grid{grid-template-columns:1fr;gap:1rem}.ui-row-actions{flex-direction:column;align-items:stretch;width:100%}.ui-row-actions .ui-button{width:100%}.ui-table{min-width:36rem}.ui-table--compact{min-width:32rem}.settings-security-actions{flex-direction:column;align-items:stretch}.settings-security-actions .ui-button{width:100%}.bank-file-filters{grid-template-columns:1fr}.ebics-detail__actions{flex-direction:column;align-items:stretch}.ebics-detail__actions .ui-button{width:100%}.ebics-init-actions{flex-direction:column;align-items:stretch}.ebics-init-actions .ui-button{width:100%}}@media (width<=480px){.app-sidebar__brand-title{font-size:1rem}.app-header__env-badge{display:none}.ui-card__header,.ui-card__body,.ui-card__footer{padding:.875rem 1rem}.ui-table th,.ui-table td{padding:.5rem .625rem;font-size:.8125rem}}.data-view__loading,.data-view__error,.data-view__empty{border-radius:var(--radius-lg);text-align:center;padding:2rem 1.25rem}.data-view__loading{color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border)}.data-view__error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #b4231833}.data-view__error-title{margin:0 0 .5rem;font-weight:600}.data-view__error-detail{opacity:.9;margin:0;font-size:.875rem}.data-view__empty{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}@media (width<=600px){.ui-pagination{flex-direction:column;align-items:stretch}.ui-pagination__controls{justify-content:space-between}}.form-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.form-panel__title{color:var(--color-text);margin:0 0 1rem;font-size:1rem;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.form-grid__full{grid-column:1/-1}.form-field-with-action{flex-direction:column;gap:.5rem;display:flex}.form-field-with-action__row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.form-field-with-action__row .ui-input-wrapper{flex:16rem;min-width:0;margin:0}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-toolbar__actions{flex-shrink:0;gap:.5rem;display:flex}.statement-xml-preview{margin-top:1rem}.statement-xml-preview__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.statement-xml-preview__title{margin:0;font-size:.9375rem;font-weight:600}.statement-xml-preview__code{max-height:420px;font-family:var(--font-mono);color:#e2e8f0;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;background:#0f172a;margin:0;padding:1rem;font-size:.75rem;line-height:1.5;overflow:auto}.statement-summary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.statement-summary-item--wide{grid-column:1/-1}.statement-summary-item__label{color:var(--color-text-muted);margin:0 0 .25rem;font-size:.75rem}.statement-summary-item__value{margin:0;font-size:1.125rem;font-weight:600}.ebics-detail__back{margin-bottom:1rem}.ebics-detail__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.ebics-mesflux-box{background:var(--color-info-bg);border-radius:var(--radius-lg);border:1px solid #175cd333;margin-bottom:1.5rem;padding:1.25rem}.ebics-mesflux-box__title{color:var(--color-info);margin:0 0 1rem;font-size:1rem;font-weight:600}.ebics-mesflux-box__grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.25rem 2rem;margin:0;display:grid}.ebics-mesflux-box__item{min-width:0}.ebics-mesflux-box__item--wide{grid-column:1/-1}.ebics-mesflux-box__item dt{color:var(--color-text-muted);margin:0;font-size:.75rem;font-weight:500}.ebics-mesflux-box__item dd{font-family:var(--font-mono);color:var(--color-text);word-break:break-word;overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.875rem;line-height:1.45}.ebics-detail__meta-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.25rem 2rem;display:grid}.ebics-detail__meta-item{min-width:0}.ebics-detail__meta-item--wide{grid-column:1/-1}.ebics-detail__meta-label{color:var(--color-text-muted);margin:0 0 .35rem;font-size:.75rem}.ebics-detail__meta-value{word-break:break-word;overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.45}.ebics-detail__meta-value--mono{font-family:var(--font-mono);font-size:.875rem;font-weight:400}.ebics-detail-section{margin-bottom:1.5rem}.ebics-detail-section .ui-table-wrapper{overflow-x:auto}@media (width<=720px){.ebics-detail__meta-grid,.ebics-mesflux-box__grid{grid-template-columns:1fr;gap:1rem}.ebics-detail__meta-item--wide,.ebics-mesflux-box__item--wide{grid-column:auto}}.ebics-keys-panel{flex-direction:column;gap:1rem;display:flex}.ebics-keys-panel--compact{gap:.75rem}.ebics-keys-panel__row{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:.875rem 1rem}.ebics-keys-panel__row--missing{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border-light));background:color-mix(in srgb, var(--color-danger) 6%, var(--color-bg))}.ebics-keys-panel__code{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.ebics-keys-panel__badge{min-width:2.75rem;font-family:var(--font-mono);background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.ebics-keys-panel__label{color:var(--color-text);font-size:.875rem;font-weight:500}.ebics-keys-panel__meta{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem 1.25rem;margin:0;display:grid}.ebics-keys-panel__meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.6875rem;font-weight:600}.ebics-keys-panel__meta dd{margin:.15rem 0 0;font-size:.8125rem}.ebics-keys-panel__fingerprint{font-family:var(--font-mono);word-break:break-all;letter-spacing:.02em;font-size:.75rem;line-height:1.45}.ebics-users-keys-cell{flex-direction:column;align-items:flex-start;gap:.35rem;min-width:14rem;max-width:22rem;display:flex}.ebics-users-keys-cell__fp{font-family:var(--font-mono);word-break:break-all;color:var(--color-text-muted);font-size:.6875rem;line-height:1.4;display:block}.ebics-user-detail__grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem 1.5rem;margin:0;display:grid}.ebics-user-detail__grid dt{color:var(--color-text-muted);margin:0;font-size:.75rem;font-weight:500}.ebics-user-detail__grid dd{margin:.25rem 0 0;font-size:.9375rem}.ebics-user-detail__contract-link{margin:1.25rem 0 0;font-size:.875rem}.ebics-user-detail .ui-card+.ui-card{margin-top:1.5rem}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}a{color:inherit}button,input{font-family:inherit}.auth-loading{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-loading__card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:1rem;padding:2rem 2.5rem;display:flex}.auth-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite auth-loading-spin}.auth-loading__message{color:var(--color-text-muted);margin:0;font-size:.9375rem}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}.ui-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.ui-badge--default{background:var(--color-primary-muted);color:var(--color-primary)}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-badge--info{background:var(--color-info-bg);color:var(--color-info)}.ui-button{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-flex}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.ui-button--secondary:hover:not(:disabled){background:var(--color-primary-muted);border-color:var(--color-primary)}.ui-button--ghost{color:var(--color-text-muted);background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--color-primary-muted);color:var(--color-primary)}.ui-button--danger{background:var(--color-surface);color:var(--color-danger,#b42318);border-color:#b4231859}.ui-button--danger:hover:not(:disabled){border-color:var(--color-danger,#b42318);background:#b4231814}.ui-button--sm{padding:.375rem .75rem;font-size:.8125rem}.ui-button--lg{padding:.625rem 1.25rem;font-size:1rem}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card__header{border-bottom:1px solid var(--color-border-light);padding:1rem 1.25rem}.ui-card__title{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:600}.ui-card__description{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8125rem}.ui-card__body{padding:1.25rem}.ui-card__footer{border-top:1px solid var(--color-border-light);background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:1rem 1.25rem}.ui-input-wrapper{flex-direction:column;gap:.375rem;display:flex}.ui-input__label{color:var(--color-text);font-size:.8125rem;font-weight:500}.ui-input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem .75rem;font-size:.875rem}.ui-input::placeholder{color:var(--color-text-muted);opacity:.7}.ui-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}.ui-input:disabled{background:var(--color-bg);cursor:not-allowed;opacity:.7}.ui-input__hint{color:var(--color-text-muted);font-size:.75rem}.ui-input__error{color:var(--color-danger);font-size:.75rem}.ui-input--error{border-color:var(--color-danger)}.ui-select-wrapper{flex-direction:column;gap:.375rem;display:flex}.ui-select__label{color:var(--color-text);font-size:.8125rem;font-weight:500}.ui-select{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}.ui-select:disabled{opacity:.7;cursor:not-allowed}.ui-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;font-size:.875rem}.ui-table th,.ui-table td{text-align:left;border-bottom:1px solid var(--color-border-light);padding:.75rem 1rem}.ui-table th{color:var(--color-text-muted);background:var(--color-bg);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover{background:var(--color-primary-muted)}.ui-table--compact th,.ui-table--compact td{padding:.5rem .75rem}.ui-table__empty{text-align:center;color:var(--color-text-muted);padding:2rem}.ui-pagination{border-top:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:1rem;padding-top:1rem;display:flex}.ui-pagination__info{color:var(--color-text-muted);margin:0;font-size:.8125rem}.ui-pagination__controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ui-pagination__page-size{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.ui-pagination__page-size select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.35rem .5rem;font-size:.8125rem}.ui-pagination__pages{align-items:center;gap:.25rem;display:flex}.ui-pagination__page-num{min-width:2rem;padding:.35rem .5rem;font-size:.8125rem}@media (width<=600px){.ui-pagination{flex-direction:column;align-items:stretch}.ui-pagination__controls{justify-content:space-between}}.ui-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.375rem;display:flex}.form-feedback{border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.form-feedback--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #b4231833}.form-feedback--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #0d7a4e33}.login-page{background:linear-gradient(160deg, var(--color-sidebar) 0%, var(--color-primary) 55%, #2a4d7a 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.login-page__inner{flex-direction:column;gap:1.5rem;width:100%;max-width:26rem;display:flex}.login-page__brand{text-align:center;color:var(--color-text-inverse)}.login-page__title{letter-spacing:-.02em;font-size:1.75rem;font-weight:600}.login-page__subtitle{opacity:.9;margin-top:.5rem;font-size:.875rem}.login-page__form{flex-direction:column;gap:1rem;display:flex}