:root{--bg: #0f1724;--panel:#0b1220;--muted:#9aa4b2;--accent:#7c3aed;--surface:#0b1220}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#e6eef8}.app-root{display:grid;grid-template-rows:64px 1fr;height:100vh}.content{display:grid;grid-template-columns:220px 200px 1fr;gap:12px;padding:16px}.panel{background:var(--panel);border-radius:8px;padding:12px}.header{display:flex;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}.brand{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border-radius:8px;background:var(--accent)}.profile-options{display:flex;gap:8px;margin-left:16px}.profile-options button{background:transparent;border:none;color:var(--muted);padding:8px;border-radius:6px;cursor:pointer}.profile-options button.active{color:#fff;background:#ffffff08}.sidebar a{display:block;color:var(--muted);text-decoration:none;padding:8px;border-radius:6px;margin-bottom:6px}.sidebar a.active{color:#fff;background:#ffffff08}.subsidebar a{display:block;color:var(--muted);text-decoration:none;padding:6px;border-radius:6px;margin-bottom:4px;font-size:14px}.subsidebar a.active{color:#fff;background:#ffffff08}.page{padding:12px}.textbox{width:100%;min-height:240px;background:#071022;border:1px solid rgba(255,255,255,.03);color:#fff;padding:12px;border-radius:6px}