:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#21262d;--border:#30363d;--accent:#58a6ff;--accent-hover:#79c0ff;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--nav-width:260px;--font:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.25}ul{padding:0;list-style:none}.sidebar{width:var(--nav-width);background-color:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;align-items:center;height:100vh;padding:32px 16px;display:flex}.sidebar-profile{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;align-items:center;width:100%;margin-bottom:24px;padding-bottom:28px;display:flex}.sidebar-avatar{border:3px solid var(--accent);object-fit:cover;border-radius:50%;width:120px;height:120px;margin-bottom:14px;transition:border-color .2s,transform .2s}.sidebar-avatar:hover{border-color:var(--accent-hover);transform:scale(1.03)}.sidebar-name{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.sidebar-title{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.sidebar-nav{flex-direction:column;gap:2px;width:100%;display:flex}.sidebar-link{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;border-left:3px solid #0000;border-radius:6px;align-items:center;padding:10px 14px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.sidebar-link:hover{background-color:var(--bg-card);color:var(--text-primary);text-decoration:none}.sidebar-link.active{background-color:var(--bg-card);color:var(--accent);border-left-color:var(--accent)}.mobile-nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:12px;width:100%;height:60px;padding:0 16px;display:flex}.mobile-nav-hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;font-size:1.4rem;line-height:1;transition:background-color .15s}.mobile-nav-hamburger:hover{background-color:var(--bg-card)}.mobile-nav-logo{color:var(--text-primary);font-size:.95rem;font-weight:700}.mobile-nav-drawer{background-color:var(--bg-secondary);border-top:1px solid var(--border);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:calc(100vh - 60px);display:flex;position:fixed;top:60px;left:0}.mobile-nav-drawer .sidebar-link{border-left:none;border-radius:8px;justify-content:center;width:220px;padding:14px 24px;font-size:.95rem}.App{background-color:var(--bg-primary);min-height:100vh;display:flex}.vertical-nav{width:var(--nav-width);z-index:100;flex-shrink:0;height:100vh;display:block;position:fixed;top:0;left:0;overflow-y:auto}.horizontal-nav{display:none}.page-container{margin-left:var(--nav-width);flex:1;min-height:100vh;padding:48px 64px 64px}@media (width<=1100px){.vertical-nav{display:none}.horizontal-nav{z-index:100;width:100%;display:block;position:fixed;top:0;left:0}.App{flex-direction:column}.page-container{margin-left:0;padding:76px 24px 48px}}