:root{--bg:#0f1115;--sidebar-bg:#171a21;--border:#262a33;--text:#e6e8eb;--text-dim:#9aa1ac;--accent:#5b8def;--accent-bg:#22283a;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:18px 16px;font-size:15px;font-weight:600}.nav-list{flex:1;padding:8px;overflow-y:auto}.nav-item{color:var(--text-dim);cursor:pointer;border-radius:8px;margin-bottom:2px;padding:9px 12px;font-size:14px;text-decoration:none;display:block}.nav-item:hover{color:var(--text);background:#ffffff0d}.nav-item.active{background:var(--accent-bg);color:var(--text);font-weight:600}.main{flex-direction:column;flex:1;min-width:0;display:flex}.main iframe{border:0;flex:1;width:100%}