:root { --bg:#0a0e15; --bg-elev:#11161f; --bg-elev-2:#161c27; --border:#1d2434; --border-strong:#2a3247; --text:#d6dde9; --text-muted:#aab1c0; --text-faint:#6b7589; --accent:#8EA2FF; --accent-bg:rgba(142,162,255,0.08); --blue:#60A5FA; --blue-bg:rgba(96,165,250,0.08); --pos:#4ADE80; }
* { box-sizing:border-box; margin:0; padding:0; }
html,body { min-height:100vh; background:var(--bg); color:var(--text); font-family:'Urbanist',-apple-system,BlinkMacSystemFont,sans-serif; -webkit-font-smoothing:antialiased; }
body { min-height:100vh; display:flex; flex-direction:column; padding-left:96px; }
.sidebar { position:fixed; top:0; left:0; bottom:0; width:96px; background:#070C17; border-right:1px solid var(--border); z-index:100; display:flex; flex-direction:column; align-items:center; padding:0 0 16px; }
.nav-item { width:84px; height:52px; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:var(--text-faint); cursor:pointer; position:relative; text-decoration:none; margin-bottom:2px; transition:background .15s,color .15s; }
.nav-item:hover { background:rgba(255,255,255,.05); color:var(--text-muted); }
.nav-item.active { background:var(--accent-bg); color:var(--accent); }
.nav-item.active::before { content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:3px; height:22px; background:var(--accent); border-radius:0 2px 2px 0; }
.nav-item.disabled { opacity:.3; cursor:not-allowed; pointer-events:none; }
.nav-icon { color:currentColor; }
.nav-label { font-size:8px; font-weight:600; color:currentColor; letter-spacing:.06em; line-height:1.1; text-align:center; text-transform:uppercase; width:100%; white-space:nowrap; }
.nav-divider { width:32px; height:1px; background:var(--border); margin:8px 0; }
.nav-bottom { margin-top:auto; }
.logout-form { margin:0; }
.logout-avatar { width:32px; height:32px; border-radius:50%; background:var(--bg-elev-2); border:1px solid var(--border-strong); display:flex; align-items:center; justify-content:center; color:var(--text-muted); cursor:pointer; }
.logout-avatar:hover { color:var(--accent); border-color:rgba(142,162,255,.5); }
.topbar { position:sticky; top:0; z-index:50; height:56px; min-height:56px; margin:0; padding:0 48px 0 24px; display:flex; align-items:center; justify-content:space-between; background:rgba(10,15,28,.85); border-bottom:1px solid var(--border); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.topbar-brand,.topbar-right,.ae-header-actions { display:flex; align-items:center; gap:16px; }
.ae-topbar-logo { display:inline-flex; align-items:center; text-decoration:none; height:34px; min-width:160px; }
.ae-topbar-logo img { width:154px; height:auto; display:block; object-fit:contain; object-position:left center; }
.live-badge { display:flex; align-items:center; gap:6px; font-size:10px; color:var(--text-faint); letter-spacing:.06em; text-transform:uppercase; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--pos); box-shadow:0 0 6px rgba(74,222,128,.6); }
.ae-topbar-logout-form { margin:0; display:inline-flex; }
.ae-topbar-logout { min-width:76px; height:32px; border-radius:999px; background:var(--bg-elev-2); border:1px solid var(--border-strong); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); cursor:pointer; padding:0 12px; text-decoration:none; }
.ae-topbar-logout:hover { color:var(--accent); border-color:rgba(142,162,255,.5); }
.engine-shell { width:auto; max-width:none; margin:0; padding:28px 24px 56px; flex:1 0 auto; }
.section-label { font-family:'Urbanist',ui-sans-serif,sans-serif; font-size:11px; font-weight:600; letter-spacing:.15em; color:var(--text-faint); text-transform:uppercase; margin-bottom:14px; }
.engine-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.engine-card { min-height:288px; background:var(--bg-elev); border:1px solid var(--border); border-radius:8px; padding:20px 22px; display:flex; flex-direction:column; gap:14px; text-decoration:none; color:inherit; cursor:pointer; transition:background .15s,border-color .15s,transform .15s; }
.engine-card:hover { background:var(--bg-elev-2); border-color:var(--accent); transform:translateY(-1px); }
.engine-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.engine-num { font-family:'Urbanist',ui-sans-serif,sans-serif; font-size:10px; font-weight:600; color:var(--text-faint); letter-spacing:.15em; text-transform:uppercase; }
.engine-tags { display:flex; gap:4px; flex-wrap:wrap; justify-content:flex-end; }
.engine-chip { font-size:9px; font-weight:700; letter-spacing:1px; padding:2px 7px; border-radius:8px; color:var(--text-muted); border:1px solid var(--border-strong); background:var(--bg-elev-2); }
.engine-chip[data-tone="intel"] { color:var(--accent); border-color:rgba(142,162,255,.4); background:rgba(142,162,255,.08); }
.engine-chip[data-tone="pulse"] { color:var(--blue); border-color:rgba(96,165,250,.4); background:rgba(96,165,250,.08); }
.engine-body { display:flex; flex-direction:column; gap:6px; }
.engine-name { font-size:22px; line-height:1.2; font-weight:600; letter-spacing:-.01em; color:var(--text); }
.engine-question { font-size:13px; color:var(--text-muted); line-height:1.45; max-width:560px; }
.engine-data { margin-top:20px; font-size:13px; color:var(--text-muted); line-height:1.55; padding:10px 12px; background:var(--bg-elev-2); border-radius:6px; border-left:3px solid var(--accent); }
.engine-data strong { color:var(--accent); font-weight:700; }
.engine-data .warn { color:#f0b455; font-weight:700; }
.engine-foot { display:flex; justify-content:flex-end; align-items:flex-end; margin-top:auto; padding-top:12px; }
.engine-cta { font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--accent); }
.ae-site-footer { margin:48px 0 0; padding:22px 48px 28px; border-top:1px solid var(--border); background:#070C17; color:#64748B; flex-shrink:0; }
.ae-site-footer-inner { max-width:none; margin:0; }
.ae-site-footer-copy { margin:0 0 8px; font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.ae-site-footer-disclaimer { margin:0; max-width:none; font-size:11px; line-height:1.65; color:#64748B; }
.ae-site-footer a { color:var(--text-muted); text-decoration:none; }
.ae-site-footer a:hover { color:var(--accent); }
@media (max-width:880px) { .engine-grid{grid-template-columns:1fr;} }
@media (max-width:760px) { body{padding-left:60px}.sidebar{width:60px}.nav-item{width:44px;height:44px}.nav-label{display:none}.topbar{padding:0 18px 0 14px}.engine-shell{padding:28px 18px 54px 14px}.ae-site-footer{padding:20px 18px 24px} }