:root{--bg: #0f172a;--panel: #111827;--line: #1f2937;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.badge{font-size:12px;color:var(--muted)}.avatar{width:28px;height:28px;border-radius:50%}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{width:240px;background:#0b1220;border-right:1px solid var(--line);overflow:auto}.app-sidebar.collapsed{width:64px}.sidebar-top{padding:8px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end}.sidebar-nav{padding:8px;color:var(--text)}.menu{list-style:none;margin:0;padding-left:8px}.menu-toggle{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}.menu-bullet{color:var(--muted);width:16px;text-align:center}.menu-link,.menu-text{color:#e5e7eb;display:block;padding:4px 0;font-weight:500}.menu-item:hover{background:#0f1a2b}.menu-item.active{background:#13203a}.menu-item.active .menu-link{color:#fff;font-weight:600}.menu-link:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app-content{flex:1;padding:16px;overflow:auto;color:var(--text);background:var(--bg)}h1{margin:0 0 12px}code{background:#111827;padding:2px 6px;border-radius:4px}.menu-item{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:8px;transition:background .15s ease}.menu-icon{flex:0 0 18px;opacity:.95}.menu-item.active .menu-icon{color:var(--accent)}.app-sidebar.collapsed .menu-link,.app-sidebar.collapsed .menu-text{display:none}