*{box-sizing:border-box}body{margin:0}.app-container{display:flex;min-height:100vh;background-color:#1a1a1a;color:#fff}.sidebar{width:260px;background-color:#1e1e1e;border-right:1px solid #333;padding:20px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #333}.brand{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700}.sidebar-nav{padding:20px;display:flex;flex-direction:column;gap:10px}.sidebar-nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;transition:background-color .2s}.sidebar-nav a:hover{background-color:#333}.sidebar-nav a.active{background-color:#2d2d2d}.sidebar-auth{display:flex;flex-direction:column;gap:10px}.sidebar-nav .profile-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:background-color .2s;max-width:100%}.sidebar-nav .profile-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.avatar{width:24px;height:24px;border-radius:50%}.auth-link{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;transition:background-color .2s}.auth-link:hover{background-color:#333}.main-container{flex-grow:1;padding:20px}.top-header{padding:10px 20px}.auth-section,.top-header .auth-link,.top-header .profile-link{display:none}main{padding:40px;max-width:800px;margin:0 auto}