:root{--bg:#0d0f12;--panel:#15181d;--panel2:#1b1f25;--text:#f5f7fa;--muted:#9ca6b4;--line:#2a3038;--green:#1dd982;--red:#ff5c6c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.bna-login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#1b222b,#0d0f12 58%)}.bna-login-box{width:min(420px,100%);text-align:center}.bna-logo{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin:auto;background:#161b21;border:1px solid var(--line);font-size:42px;font-weight:800}.bna-login-box h1{margin:18px 0 8px}.bna-login-box p,.bna-login-box small,.bna-note{color:var(--muted)}.bna-login-form{margin:22px 0;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;text-align:left}.bna-login-form label,.bna-toolbar label,.bna-api-grid label{display:grid;gap:7px;margin-bottom:12px}.bna-login-form input,.bna-toolbar select,.bna-api-grid input,.bna-api-grid select{width:100%;padding:12px;border-radius:11px;border:1px solid var(--line);background:#0e1115;color:#fff}.bna-login-form button,.bna-ai>button,.bna-section>button{width:100%;padding:12px;border:0;border-radius:11px;background:var(--green);font-weight:800;cursor:pointer}.bna-error{margin-top:12px;color:#ff9ba7}.bna-topbar{display:flex;align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid var(--line);background:#0f1216;position:sticky;top:0;z-index:20}.bna-brand{display:flex;align-items:center;gap:10px;min-width:240px}.bna-brand>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#171c22;border:1px solid var(--line)}.bna-brand small{display:block;color:var(--muted)}.bna-topbar nav{display:flex;gap:8px;flex:1}.bna-tab-btn{padding:9px 12px;background:transparent;border:0;color:var(--muted);border-radius:9px}.bna-tab-btn.active{background:#20252c;color:#fff}.bna-logout,.bna-panel-head a{color:#fff;text-decoration:none;background:#20252c;border:1px solid var(--line);padding:9px 12px;border-radius:10px}.bna-app main{padding:16px}.bna-tab{display:none}.bna-tab.active{display:block}.bna-card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.bna-toolbar{display:flex;gap:12px;padding:12px;margin-bottom:12px}.bna-workspace{display:grid;gap:12px;min-height:650px}.ratio-50{grid-template-columns:1fr 1fr}.ratio-65{grid-template-columns:1.6fr .85fr}.ratio-35{grid-template-columns:.85fr 1.6fr}.bna-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.bna-panel-head small{display:block;color:var(--muted);margin-top:3px}.bna-frame-wrap{height:580px;position:relative;background:#090b0e}.bna-frame-wrap iframe{width:100%;height:100%;border:0}.bna-frame-note{position:absolute;left:10px;right:10px;bottom:10px;padding:9px;border-radius:10px;background:rgba(13,15,18,.86);border:1px solid var(--line);font-size:12px;color:var(--muted)}.bna-ai{padding-bottom:16px}.bna-panel-head #bnaBadge{padding:7px 10px;border-radius:999px;background:#252a31}.bna-signal-wrap{padding:24px 18px}.bna-signal-wrap span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase}.bna-signal-wrap strong{display:block;font-size:42px;margin-top:5px}.bna-signal-wrap strong.call{color:var(--green)}.bna-signal-wrap strong.put{color:var(--red)}.bna-meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px}.bna-meters>div{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.bna-meters span{display:flex;justify-content:space-between}.bna-meters i{display:block;height:8px;background:#0d1014;border-radius:99px;overflow:hidden;margin-top:8px}.bna-meters em{display:block;height:100%;background:linear-gradient(90deg,#4ca6ff,#1dd982)}.bna-intel{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px}.bna-intel div{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.bna-intel span{display:block;color:var(--muted);font-size:12px}.bna-ai>button{width:calc(100% - 36px);margin:0 18px}.bna-note{padding:0 18px;font-size:12px}.bna-section{padding:18px}.bna-section table{width:100%;border-collapse:collapse}.bna-section th,.bna-section td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.bna-api-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}@media(max-width:900px){.bna-workspace,.ratio-50,.ratio-65,.ratio-35{grid-template-columns:1fr}.bna-topbar{flex-wrap:wrap}.bna-topbar nav{order:3;width:100%}.bna-toolbar{flex-wrap:wrap}.bna-toolbar label{min-width:140px;flex:1}}@media(max-width:600px){.bna-app main{padding:9px}.bna-meters,.bna-intel,.bna-api-grid{grid-template-columns:1fr}.bna-brand{min-width:0}.bna-brand small{display:none}.bna-signal-wrap strong{font-size:34px}}