:root{--bg:#f4f8fc;--card:#f8fbff;--text:#162330;--muted:#5f748a;--border:#cfe0ef;--accent:#0c7a5f;--code-bg:#eaf2f9;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%, #3d8aff29, transparent 38%), radial-gradient(circle at 85% 90%, #0c7a5f33, transparent 33%), var(--bg);margin:0}h1,p{margin:0}.page{place-items:center;gap:8px;min-height:100vh;padding:16px 24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:min(1200px,100%);padding:28px;box-shadow:0 16px 36px #0d21411f}.eyebrow{color:var(--accent);letter-spacing:.12em;margin:0;font-size:12px;font-weight:700}h1{margin:10px 0 6px;line-height:1.15}.subtitle{margin:0 0 18px}.link{font-weight:600}.form{grid-template-columns:repeat(2,minmax(360px,420px)) auto;justify-content:start;align-items:end;gap:6px;display:grid}.form-bank,.form-stk{width:100%;min-width:0}.form-stk{order:2}.form-bank{order:1}.form>button[type=submit]{order:3}.form-stk input{letter-spacing:.04em;font-size:18px;font-weight:700}label{color:var(--muted);gap:6px;font-size:14px;display:grid}input{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:10px;width:100%;padding:11px 12px;font-size:16px}.bank-combobox{width:100%;position:relative}.bank-combobox.has-selected input{color:#123;text-overflow:ellipsis;white-space:nowrap;padding-left:44px;font-weight:600;overflow:hidden}.bank-input-icon{z-index:2;object-fit:cover;pointer-events:none;border:1px solid #d5e4f1;border-radius:3px;width:22px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bank-input-icon.fallback{background:#e8eef6;display:inline-block}.bank-dropdown{z-index:30;border:1px solid var(--border);background:#fff;border-radius:12px;max-height:360px;position:absolute;inset:calc(100% + 6px) 0 auto;overflow:auto;box-shadow:0 10px 30px #10203d2e}.bank-dropdown-head{color:var(--muted);border-bottom:1px solid var(--border);background:#f3f8ff;padding:8px 10px;font-size:12px}.bank-option{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #edf2f7;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.bank-option:hover,.bank-option.active{background:#eef7ff}.bank-flag{object-fit:cover;border:1px solid #d5e4f1;border-radius:4px;width:28px;height:20px}.bank-flag.fallback{background:#e8eef6;display:inline-block}.bank-meta{gap:2px;display:grid}.bank-meta strong{color:#123;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.3;overflow:hidden}.bank-meta small{color:var(--muted);font-size:12px}.bank-empty{color:var(--muted);margin:0;padding:10px;font-size:13px}.field-error{color:#b42318}button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700}button:disabled{opacity:.7;cursor:wait}.error{color:#b42318;margin:12px 0 0;font-weight:600}.error-box{align-items:flex-start;gap:16px;margin-top:12px;display:flex}.error-box-text{flex:1}.error-image-wrap{background:#fff4f3;border:1px dashed #f1b3ad;border-radius:12px;flex-shrink:0;padding:10px}.error-image{border-radius:8px;width:min(240px,100%);display:block}.result{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:flex-start;gap:16px;margin-top:16px;padding:12px;display:flex}.result-body{flex:1}.result-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:700}.result-name{color:#102a43;margin:8px 0 0;font-size:22px;font-weight:800;line-height:1.25}.api-note{color:var(--muted);margin-top:12px;font-size:13px}.logs-card{width:min(1200px,100%)}.logs-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}h2{margin:6px 0 0}.ws-dot{text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.ws-dot.connected{color:#0d7a3d;background:#ebfff2;border-color:#95d8ae}.ws-dot.connecting{color:#8a5a00;background:#fff7e6;border-color:#eacb8b}.ws-dot.error,.ws-dot.disconnected{color:#b42318;background:#fff0ef;border-color:#f1b3ad}.filters{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:10px 0;display:grid}.logs-actions{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.logs-pager-meta{color:var(--muted);font-size:13px;font-weight:600}.logs-pager-controls{gap:8px;display:flex}.logs-auth-input{border:1px solid var(--border);background:#fff;border-radius:10px;width:170px;padding:10px 12px;font-size:14px}.logs-page-note{color:var(--muted);margin:0 0 10px;font-size:12px}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 10px;font-size:13px}th{background:#f2f7fd;position:sticky;top:0}.empty{color:var(--muted);padding:12px}.mobile-logs{display:none}.log-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:6px;margin-bottom:10px;padding:10px;display:grid}.log-card-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.log-card p{color:#1f2f46;margin:0;font-size:13px}@media (width<=780px){.card{padding:20px}.form{grid-template-columns:1fr}.form-stk,.form-bank,.form>button[type=submit]{order:initial}.form-stk input{font-size:16px}.filters{grid-template-columns:1fr}.logs-actions{flex-direction:column;align-items:stretch}.logs-actions button{width:100%}.logs-pager-controls{flex-direction:column;width:100%}.logs-auth-input{width:100%}.table-wrap{display:none}.mobile-logs{display:block}}